/* Homepage-only styles extracted from authorized target CSSOM. */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul, ol, li{ list-style: none; }
em, i{ font-style: normal; }
strong, b{ font-weight: normal; }
img{ border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
input, img{ vertical-align: middle; }
a{ text-decoration: none; }
p{ overflow: hidden; overflow-wrap: break-word; }
html{ background-color: rgb(248, 248, 248); min-height: 100%; }
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, select, textarea{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 0px; border-radius: 0px; }
html{ -webkit-tap-highlight-color: transparent; height: 100%; min-width: 320px; overflow-x: auto; }
input, textarea, keygen, select, button, isindex, meter, progress{ -webkit-writing-mode: horizontal-tb; font-size: 100%; font-family: "Microsoft YaHei", 微软雅黑, 宋体, Arial, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; }
input, textarea, keygen, select, button, isindex{ appearance: none; margin: 0em; font-size: 0.48rem; color: rgb(51, 51, 51); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; }
body{ overflow-x: hidden; }
body{ font-family: "Microsoft YaHei", 微软雅黑, 宋体, Arial, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; font-weight: 300; letter-spacing: 0.02em; color: rgb(85, 85, 85); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-synthesis: none; }
.wrap{ width: 100%; height: 100%; }
.tuan_li{ padding: 8px 10px 9px; }
.m-index-mod{ background-color: rgb(255, 255, 255); }
.footer-menu-box{ height: 2rem; width: 100%; }
.footer-menu-box .f_menu{ position: fixed; bottom: 0px; height: 2rem; background: rgb(255, 255, 255); z-index: 900; width: 100%; box-shadow: rgba(0, 0, 0, 0.05) 0px -2px 10px; }
.footer-menu-box .f_menu .menu_box{ display: flex; align-items: center; -webkit-box-align: center; width: 100%; height: 2rem; }
.footer-menu-box .f_menu .menu_box .menu_item{ text-align: center; flex: 1 1 0%; -webkit-box-flex: 1; color: rgb(26, 26, 26); }
.footer-menu-box .f_menu .menu_box .menu_item a{ color: inherit; text-decoration: none; }
.footer-menu-box .f_menu .menu_box .menu_item.cur{ color: rgb(229, 57, 53); }
.footer-menu-box .f_menu .menu_box .menu_item.cur .item_txt{ color: rgb(229, 57, 53); -webkit-text-fill-color: rgb(229, 57, 53); font-weight: 600; background: none !important; }
.footer-menu-box .f_menu .menu_box .menu_item .item_txt{ font-size: 0.4rem; line-height: 0.6rem; font-weight: 500; font-style: normal; color: rgb(26, 26, 26); letter-spacing: 0.03em; font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif); -webkit-font-smoothing: antialiased; }
.nav_cart_num{ position: absolute; top: -0.1rem; right: -0.35rem; z-index: 1001; display: none; text-align: center; line-height: 0.6rem; color: rgb(255, 255, 255); font-size: 0.36rem; min-width: 0.6rem; height: 0.6rem; padding: 0px 0.1rem; border-radius: 50%; background: rgb(229, 57, 53); pointer-events: none; box-sizing: border-box; font-weight: 600; transition: transform 0.2s; }
.footer-menu-box .menu_box .cur a{ color: rgb(221, 53, 78); }
.split-line{ position: relative; }
.split-line::after{ box-sizing: border-box; content: ""; width: 100%; border-bottom: 1px solid rgb(225, 225, 225); position: absolute; left: 0px; bottom: 0px; transform: scaleY(0.5); transform-origin: 0px 100%; z-index: 9; }
.split-line-top{ position: relative; }
.split-line-top::before{ content: ""; box-sizing: border-box; width: 100%; border-bottom: 1px solid rgb(225, 225, 225); position: absolute; left: 0px; top: 0px; transform: scaleY(0.5); transform-origin: 0px 0px; z-index: 9; }
.tuan_li{ float: left; }
.tuan-ul.tuan-ul-img{ background: rgb(255, 255, 255); width: 100%; overflow: hidden; }
.tuan-ul.tuan-ul-img::after{ content: ""; border-left: 1px solid rgb(232, 232, 232); height: 100%; position: absolute; left: 50%; bottom: 0px; transform: scaleX(0.5) translateX(-50%); transform-origin: 50% 0px; z-index: 799; }
.tuan-ul.tuan-ul-img li{ overflow: hidden; position: relative; float: left; padding: 0px; width: 50%; display: block !important; }
.tuan-ul.tuan-ul-img li:nth-child(2n+2){ margin-right: 0px; }
.header-wrapper{ width: 100%; height: 2rem; }
.header-wrapper .header-wrap{ display: flex; align-items: center; -webkit-box-align: center; width: 100%; height: 2rem; position: fixed; top: 0px; left: 0px; z-index: 900; }
.header-wrapper a, .header-wrapper .iconfont, .header-wrapper button.city-link.header-back-btn, .header-wrapper button.city-link.header-back-btn .iconfont{ font-size: 0.62rem; }
:root{ --wap-font: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif; --wap-num-font: 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif; --wap-weight-regular: 300; --wap-weight-medium: 400; --wap-weight-semibold: 500; --tab-font: var(--wap-font); --anno-font: var(--wap-font); --mine-font: var(--wap-font); --cate-font: var(--wap-font); --msg-font: var(--wap-font); }
html, body{ font-family: var(--wap-font); font-weight: 300; letter-spacing: 0.02em; min-height: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-synthesis: none; }
input, button{ font-family: inherit; }
a{ color: rgb(110, 125, 139); }
*{ box-sizing: border-box; }
@media screen and (min-width: 320px){html{ font-size: 24px; }
body{ font-size: 12px; }
}
@media screen and (min-width: 360px){html{ font-size: 24px; }
body{ font-size: 12px; }
}
@media screen and (min-width: 375px){html{ font-size: 25px; }
body{ font-size: 12px; }
}
@media screen and (min-width: 384px){html{ font-size: 25.6px; }
body{ font-size: 14px; }
}
@media screen and (min-width: 400px){html{ font-size: 26.6667px; }
body{ font-size: 14px; }
}
@media screen and (min-width: 414px){html{ font-size: 27.6px; }
body{ font-size: 14px; }
}
@media screen and (min-width: 424px){html{ font-size: 28.2667px; }
body{ font-size: 14px; }
}
@media screen and (min-width: 480px){html{ font-size: 32px; }
body{ font-size: 15.36px; }
}
@media screen and (min-width: 540px){html{ font-size: 36px; }
body{ font-size: 17.28px; }
}
@media screen and (min-width: 720px){html{ font-size: 36px; }
body{ font-size: 17.28px; }
}
@media screen and (min-width: 750px){html{ font-size: 36px; }
body{ font-size: 17.28px; }
}
.split-line{ position: relative; }
.split-line::after{ box-sizing: border-box; content: ""; width: 100%; border-bottom: 1px solid rgb(228, 228, 228); position: absolute; left: 0px; bottom: 0px; transform: scaleY(0.5); transform-origin: 0px 100%; z-index: 9; }
.split-line-top{ position: relative; }
.split-line-top::before{ content: ""; box-sizing: border-box; width: 100%; border-bottom: 1px solid rgb(228, 228, 228); position: absolute; left: 0px; top: 0px; transform: scaleY(0.5); transform-origin: 0px 0px; z-index: 9; }
@media screen and (min-width: 481px){html{ background: scroll rgb(237, 239, 243) !important; font-size: 28px !important; }
body{ max-width: 480px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px; overflow-x: hidden; margin: 0px auto !important; background-attachment: scroll !important; }
.wrap, .content{ max-width: 480px; margin-left: auto; margin-right: auto; }
.header .header-wrap, .header-wrapper .header-wrap{ max-width: 480px; transform: translateX(-50%); left: 50% !important; right: auto !important; }
.footer-menu-box .f_menu{ max-width: 480px; transform: translateX(-50%); left: 50% !important; right: auto !important; }
.loading_container{ max-width: 480px; margin-left: auto; margin-right: auto; }
}
.header-wrapper .header-wrap{ overflow: visible; }
.header-wrapper .wap-lang-switch{ position: relative; flex-shrink: 0; z-index: 1200; }
.header-wrapper .wap-lang-btn{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 2rem; height: 2rem; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgba(255, 255, 255, 0.96); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.header-wrapper .wap-lang-btn:active{ opacity: 0.85; }
.header-wrapper .wap-lang-flag{ display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 0.52rem; height: 0.38rem; font-size: 0.4rem; line-height: 1; border-radius: 0.06rem; overflow: hidden; flex-shrink: 0; }
.header-wrapper .wap-lang-flag.wap-lang-flag--png{ font-size: 0px; line-height: 0; color: transparent; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.header-wrapper .wap-lang-dropdown{ position: absolute; left: 0px; top: 100%; margin: 0.08rem 0px 0px; padding: 0px; min-width: 5.8rem; max-width: 86vw; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 24px, rgba(0, 0, 0, 0.08) 0px 0px 1px; border-radius: 0.16rem; border: 1px solid rgba(0, 0, 0, 0.08); z-index: 1210; overflow: hidden; }
.header-wrapper .wap-lang-dropdown[hidden]{ display: none !important; }
.header-wrapper .wap-lang-search-row{ display: flex; -webkit-box-align: center; align-items: center; padding: 0.22rem 0.32rem 0.18rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.header-wrapper .wap-lang-search-ico{ flex-shrink: 0; width: 0.34rem; height: 0.34rem; margin-right: 0.18rem; border: 0.055rem solid rgb(176, 176, 176); border-radius: 50%; position: relative; box-sizing: border-box; }
.header-wrapper .wap-lang-search-ico::after{ content: ""; position: absolute; width: 0.12rem; height: 0.045rem; background: rgb(176, 176, 176); right: -0.08rem; bottom: -0.04rem; transform: rotate(42deg); border-radius: 0.02rem; }
.header-wrapper .wap-lang-filter-input{ -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-size: 0.34rem; color: rgb(51, 51, 51); background: transparent; appearance: none; }
.header-wrapper .wap-lang-filter-input::-webkit-search-cancel-button{ appearance: none; }
.header-wrapper .wap-lang-filter-input::placeholder{ color: rgb(170, 170, 170); }
.header-wrapper .wap-lang-options{ list-style: none; margin: 0px; padding: 0.1rem 0px; max-height: 6.8rem; overflow-y: auto; }
.header-wrapper .wap-lang-item{ display: flex; -webkit-box-align: center; align-items: center; gap: 0.24rem; padding: 0.26rem 0.38rem; font-size: 0.36rem; color: rgb(51, 51, 51); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.header-wrapper .wap-lang-item-label{ -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-wrapper .wap-lang-item.is-current{ color: rgb(26, 115, 232); font-weight: 600; }
.header-wrapper .wap-lang-item:active{ background: rgb(245, 245, 245); }
.footer-menu-box .tab-icon-slot{ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; line-height: 0; }
.footer-menu-box .tab-icon-slot--anno{ width: 1.4rem; height: 1.4rem; margin-top: -0.4rem; margin-bottom: 0px; border-radius: 50%; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 248, 239) 100%); border: 1.5px solid rgba(255, 190, 80, 0.45); box-shadow: rgba(255, 160, 60, 0.18) 0px 2px 10px; overflow: visible; }
.footer-menu-box .menu_item--anno .item_txt{ font-weight: 500; font-family: var(--wap-font); letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; color: rgb(26, 26, 26) !important; -webkit-text-fill-color: rgb(26, 26, 26) !important; background: none !important; }
.index-cate-nav{ margin-top: 0.4rem; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(240, 240, 240); }
.index-cate-nav.split-line::after, .index-cate-nav.split-line-top::before{ display: none !important; }
.index-cate-nav-scroll{ overflow: auto hidden; width: 100%; }
.index-cate-nav-scroll::-webkit-scrollbar{ display: none; width: 0px; height: 0px; }
.index-cate-nav-list{ display: inline-flex; flex-wrap: nowrap; white-space: nowrap; margin: 0px; padding: 0px 0.24rem; list-style: none; min-height: 1.7rem; -webkit-box-align: stretch; align-items: stretch; }
.index-cate-tab{ flex: 0 0 auto; position: relative; }
.index-cate-tab a{ display: block; padding: 0px 0.4rem; height: 1.7rem; line-height: 1.7rem; font-size: 0.52rem; color: rgb(26, 26, 26); font-weight: 500; font-style: normal; letter-spacing: 0.03em; font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-align: center; box-sizing: border-box; border-bottom: 3px solid transparent; text-decoration: none; }
.index-cate-tab.active a{ color: rgb(221, 53, 78); font-weight: 600; border-bottom-color: rgb(221, 53, 78); }
.index-adv-box{ min-height: 141px; margin: 0.3rem; }
.index-adv-box{ position: relative; border-radius: 0.3rem; overflow: hidden; }
.index-adv-box .bd{ position: relative; overflow: hidden; }
.index-adv-box .bd ul li img{ width: 100%; display: block; }
.index-adv-box .hd{ position: absolute; bottom: 5px; width: 100%; font-size: 0px; text-align: center; }
.index-adv-box .hd li{ margin-right: 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgb(183, 183, 183); overflow: hidden; }
.index-adv-box .hd li.on{ background: rgb(219, 54, 82); }
.header-wrapper.header-wrapper--mall{ height: 1.64rem; min-height: 1.64rem; box-sizing: border-box; background: transparent; }
.header-wrapper.header-wrapper--mall .header-wrap--mall{ backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset, rgba(120, 95, 70, 0.06) 0px 4px 18px; border-bottom: 1px solid rgba(210, 190, 165, 0.14); padding: 0.12rem 0.28rem 0.1rem; max-height: 1.64rem; box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0.1rem; background: linear-gradient(rgba(255, 255, 255, 0.94) 0%, rgba(254, 252, 248, 0.9) 100%) !important; height: 1.64rem !important; min-height: 1.64rem !important; }
.header-wrapper--mall .wap-mall-iconbtn{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-width: 1.32rem; width: 1.32rem; min-height: 1.32rem; height: 1.32rem; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; -webkit-tap-highlight-color: transparent; position: relative; flex-shrink: 0; text-decoration: none; box-sizing: border-box; background: transparent !important; color: rgb(51, 51, 51) !important; box-shadow: none !important; }
.header-wrapper--mall .wap-mall-iconbtn:active{ opacity: 0.72; }
.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0.1rem; min-width: 0px; max-width: none; width: auto; min-height: 1.16rem; height: 1.16rem; padding: 0px 0.16rem 0px 0.12rem; margin: 0px; border: 1px solid rgba(200, 175, 145, 0.16); border-radius: 999px; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; box-sizing: border-box; transition: box-shadow 0.2s, border-color 0.2s; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(249, 246, 241) 100%) !important; color: rgb(61, 56, 53) !important; box-shadow: rgba(90, 70, 50, 0.06) 0px 1px 3px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important; }
.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger:active{ opacity: 0.92; box-shadow: rgba(90, 70, 50, 0.04) 0px 1px 2px, rgba(120, 95, 70, 0.08) 0px 1px 2px inset !important; }
.header-wrapper--mall .wap-lang-trigger-flag{ width: 0.68rem; height: 0.5rem; font-size: 0.52rem; line-height: 1; border-radius: 0.1rem; flex-shrink: 0; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px; }
.header-wrapper--mall .wap-lang-trigger-flag.wap-lang-flag--png{ background-size: cover; }
.header-wrapper--mall .wap-mall-header-ico{ display: block; color: rgb(61, 56, 53); shape-rendering: geometricprecision; width: 0.7rem !important; height: 0.7rem !important; }
.header-wrapper--mall .wap-mall-searchbar{ -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; width: 0px; margin-left: 0.08rem; margin-right: 0.12rem; display: flex; -webkit-box-align: center; align-items: center; gap: 0.14rem; height: 1.14rem; padding: 0px 0.28rem; border-radius: 999px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 247, 242) 100%); color: rgb(136, 136, 136); text-decoration: none; box-shadow: rgba(255, 255, 255, 0.95) 0px 1px 2px inset, rgba(100, 75, 50, 0.07) 0px 2px 10px; border: 1px solid rgba(195, 170, 140, 0.18); -webkit-tap-highlight-color: transparent; align-self: center; transition: box-shadow 0.2s, border-color 0.2s; }
.header-wrapper--mall .wap-mall-searchbar:active{ background: linear-gradient(rgb(248, 245, 240) 0%, rgb(243, 239, 232) 100%); box-shadow: rgba(120, 95, 70, 0.08) 0px 1px 3px inset, rgba(100, 75, 50, 0.05) 0px 1px 6px; }
.header-wrapper--mall .wap-mall-searchbar__ico{ display: flex; -webkit-box-align: center; align-items: center; color: rgb(166, 124, 82); flex-shrink: 0; opacity: 0.92; }
.header-wrapper--mall .wap-mall-searchbar__svg{ display: block; width: 0.64rem; height: 0.64rem; }
.header-wrapper--mall .wap-mall-searchbar__placeholder{ font-size: 0.3rem; color: rgb(163, 154, 144); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; line-height: 1.25; font-weight: 400; }
.header-wrapper--mall .wap-mall-trailing{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 0.08rem; margin-left: auto; flex-shrink: 0; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn{ min-width: 1.08rem; width: 1.08rem; min-height: 1.08rem; height: 1.08rem; border-radius: 50%; transition: box-shadow 0.2s, transform 0.15s; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 245, 240) 100%) !important; border: 1px solid rgba(200, 175, 145, 0.14) !important; box-shadow: rgba(90, 70, 50, 0.06) 0px 1px 3px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn:active{ transform: scale(0.96); box-shadow: rgba(120, 95, 70, 0.1) 0px 1px 2px inset, rgba(90, 70, 50, 0.04) 0px 1px 2px !important; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-share{ font-family: inherit; appearance: none; }
.header-wrapper--mall .wap-mall-msg__ico{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(61, 56, 53); }
.header-wrapper--mall .wap-mall-msg__dot{ position: absolute; top: 0.26rem; right: 0.28rem; width: 0.14rem; height: 0.14rem; border-radius: 50%; background: rgb(255, 59, 48); box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 1px; pointer-events: none; box-sizing: border-box; }
.header-wrapper--mall .wap-lang-switch{ position: relative; z-index: 1200; flex-shrink: 0; display: flex; -webkit-box-align: center; align-items: center; }
.header-wrapper--mall .wap-lang-dropdown{ min-width: 4.8rem; max-width: 5.5rem; margin-top: 0.1rem; border-radius: 0.28rem; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(254, 252, 249) 100%); box-shadow: rgba(100, 75, 50, 0.1) 0px 8px 28px, rgba(210, 190, 165, 0.12) 0px 0px 0px 1px; border: 1px solid rgba(210, 190, 165, 0.14); }
@media screen and (max-width: 400px){.header-wrapper--mall .wap-lang-dropdown{ max-width: 86vw; }
}
.header-wrapper--mall .wap-lang-search-row{ padding: 0.14rem 0.24rem 0.12rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.header-wrapper--mall .wap-lang-search-ico{ width: 0.3rem; height: 0.3rem; margin-right: 0.14rem; }
.header-wrapper--mall .wap-lang-filter-input{ font-size: 0.3rem; }
.header-wrapper--mall .wap-lang-options{ max-height: 5.2rem; padding: 0.06rem 0px; }
.header-wrapper--mall .wap-lang-item{ gap: 0.18rem; padding: 0.2rem 0.26rem; font-size: 0.32rem; }
.header-wrapper--mall .wap-lang-item.is-current{ color: rgb(198, 40, 40); background: rgba(255, 107, 107, 0.08); font-weight: 600; }
.header-wrapper--mall .wap-lang-item:active{ background: rgba(0, 0, 0, 0.04); }
.tuan-ul.tuan-ul-img{ padding: 0.2rem 0.24rem 0px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; position: relative; background: rgb(245, 245, 245) !important; }
.tuan-ul.tuan-ul-img::after{ display: none !important; }
.tuan-ul.tuan-ul-img li.tuan_li{ background: rgb(255, 255, 255); border-radius: 0.28rem; overflow: hidden; margin-bottom: 0.2rem; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px; width: 49.2% !important; float: none !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wrap.loading_container{ padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px)); }
.idx-progress-track{ width: 100%; height: 0.24rem; border-radius: 0.12rem; background: rgb(236, 236, 236); overflow: hidden; margin-top: 0.22rem; display: block; box-sizing: border-box; }
@-webkit-keyframes idx-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes idx-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
@-webkit-keyframes idx-progress-pulse{ 
  0%, 100% { filter: brightness(1) saturate(1); }
  40% { filter: brightness(1.06) saturate(1.1); }
  70% { filter: brightness(1.03) saturate(1.05); }
}
@keyframes idx-progress-pulse{ 
  0%, 100% { filter: brightness(1) saturate(1); }
  40% { filter: brightness(1.06) saturate(1.1); }
  70% { filter: brightness(1.03) saturate(1.05); }
}
.idx-progress-fill{ display: block; height: 100%; border-radius: 0.12rem; min-width: 0px; background-color: rgb(229, 57, 53); background-image: linear-gradient(90deg, rgb(255, 171, 64) 0%, rgb(217, 58, 85) 33.33%, rgb(217, 58, 85) 66.66%, rgb(229, 57, 53) 100%); background-size: 200% 100%; background-position: 200% 50%; transition: width 0.25s; animation: 1.5s linear 0s infinite normal none running idx-progress-flow, 1.25s ease-in-out 0s infinite normal none running idx-progress-pulse; }
.share-overlay{ display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9998; opacity: 0; transition: opacity 0.3s; }
.share-panel{ display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; background: rgb(255, 255, 255); border-radius: 0.5rem 0.5rem 0px 0px; z-index: 9999; transform: translateY(100%); transition: transform 0.3s; }
.share-panel-title{ text-align: center; font-size: 0.56rem; color: rgb(153, 153, 153); padding: 0.5rem 0px 0.3rem; }
.share-panel-grid{ display: flex; flex-wrap: wrap; padding: 0.3rem 0.5rem 0.5rem; }
.share-item{ width: 33.33%; display: flex; flex-direction: column; align-items: center; padding: 0.35rem 0px; color: rgb(51, 51, 51) !important; text-decoration: none !important; }
.share-icon{ width: 1.8rem; height: 1.8rem; border-radius: 50%; display: flex; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 255, 255); font-size: 0.9rem; font-weight: bold; }
.share-icon svg{ display: block; }
.share-txt{ font-size: 0.44rem; color: rgb(102, 102, 102); margin-top: 0.25rem; }
.share-panel-cancel{ text-align: center; font-size: 0.56rem; color: rgb(153, 153, 153); padding: 0.45rem 0px; border-top: 1px solid rgb(238, 238, 238); }
@media screen and (min-width: 481px){.share-panel{ width: 100%; max-width: 480px; transform: translateX(-50%) translateY(100%); left: 50% !important; right: auto !important; }
}
.newest-reveal-mod.m-index-mod{ background: rgb(255, 255, 255); margin: 0.24rem 0.26rem 0px; border-radius: 0.36rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 18px; padding: 0px; overflow: hidden; --nr-card-gap: 0.24rem; --nr-timer-gap: 0.08rem; --nr-accent: #ff6f61; --nr-accent-dark: #e53935; --nr-accent-deep: #d32f2f; --nr-surface: #fff; --nr-surface-end: #fff; --nr-info-bg-from: #f8f6f2; --nr-info-bg-to: #fff; --nr-label: #888; --nr-text: #1a1a1a; --nr-timer-from: #ff8a3d; --nr-timer-to: #e53935; }
.newest-reveal-hd{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.32rem 0.34rem 0.18rem; }
.newest-reveal-hd__title{ display: inline-flex; -webkit-box-align: center; align-items: center; gap: 0.12rem; margin: 0px; line-height: 1.2; }
.newest-reveal-hd__text{ font-size: 0.6rem; font-weight: 800; color: rgb(26, 26, 26); letter-spacing: 0.02em; }
.newest-reveal-more{ font-size: 0.42rem; color: rgb(153, 153, 153); white-space: nowrap; text-decoration: none; }
.newest-reveal-body{ padding: 0px 0.28rem 0.28rem; margin: 0px; position: relative; overflow: hidden; }
.newest-reveal-body .nr-scroll-viewport{ position: relative; z-index: 1; }
.nr-scroll-viewport{ display: block; overflow: auto hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; margin: 0px -0.34rem; padding: 0px 0.34rem; box-sizing: border-box; scrollbar-width: none; scrollbar-color: transparent transparent; container: nr-reveal-scroll / inline-size; }
.nr-scroll-viewport::-webkit-scrollbar{ display: none; width: 0px; height: 0px; background: transparent; }
.nr-scroll-viewport::-webkit-scrollbar-corner{ background: transparent; }
.nr-scroll-track{ display: flex; align-items: stretch; gap: 0.28rem; width: max-content; min-height: 0px; max-width: none; margin: 0px; padding: 0px; line-height: normal; }
.nr-scroll-viewport{ scroll-snap-type: none; }
.newest-reveal-mod .nr-scroll-track{ gap: var(--nr-card-gap); }
.newest-reveal-mod .nr-scroll-track .lo-card{ flex: 0 0 2.35rem; width: 2.35rem; min-width: 2.35rem; max-width: 2.35rem; box-sizing: border-box; }
@supports (width:1cqi){.newest-reveal-mod .nr-scroll-track .lo-card{ flex: 0 0 calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3); width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3); min-width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3); max-width: calc((100cqi - 2.3 * var(--nr-card-gap)) / 3.3); }
}
.newest-reveal-mod .lo-card{ display: block; border-radius: 0.16rem; overflow: hidden; color: inherit; background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 4px; -webkit-tap-highlight-color: transparent; text-decoration: none !important; }
.newest-reveal-mod .lo-card:active{ opacity: 0.97; }
.newest-reveal-mod .lo-card .lc-img{ position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: rgb(245, 245, 245); }
.newest-reveal-mod .lo-card .lc-img__pic, .newest-reveal-mod .lo-card .lc-img img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; display: block; }
.newest-reveal-mod .lo-card .lc-img::after{ content: ""; position: absolute; top: 0px; left: -75%; width: 50%; height: 100%; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-20deg); animation: 4.5s ease-in-out 0s infinite normal none running nr-card-shimmer; pointer-events: none; z-index: 2; }
.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n+1) .lc-img::after{ animation-delay: 0s; }
.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n+2) .lc-img::after{ animation-delay: 1.5s; }
.newest-reveal-mod .nr-scroll-track .lo-card:nth-child(3n) .lc-img::after{ animation-delay: 3s; }
@-webkit-keyframes nr-card-shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@keyframes nr-card-shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce){.newest-reveal-mod .lo-card .lc-img::after{ display: none; }
}
.newest-reveal-mod .lo-card .lc-info{ padding: 0.2rem 0.08rem 0.26rem; margin-top: 0.06rem; text-align: center; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-image: linear-gradient(180deg,var(--nr-info-bg-from) 0%,var(--nr-info-bg-to) 85%); }
.newest-reveal-mod .lo-card .lc-label{ font-size: 0.38rem; color: var(--nr-label); line-height: 1.35; font-weight: 500; }
.newest-reveal-mod .lo-card .lc-val{ font-size: 0.44rem; color: var(--nr-text); font-weight: 600; margin-top: 0.08rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newest-reveal-mod .lo-card--revealed .lc-img::after{ display: none; }
.newest-reveal-mod .lo-card--revealed .lc-winner{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.soon-reveal-mod{ background: rgb(255, 255, 255); margin-top: 0.3rem; padding-bottom: 0.35rem; }
.soon-reveal-hd{ display: flex; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.4rem 0.4rem 0.25rem; }
.soon-reveal-hd-left{ display: flex; align-items: center; }
.soon-reveal-hd h3{ font-size: 0.62rem; font-weight: 700; color: rgb(34, 34, 34); margin-right: 0.3rem; padding-left: 0.3rem; border-left: 3px solid rgb(229, 57, 53); }
.soon-reveal-sub{ font-size: 0.4rem; color: rgb(153, 153, 153); padding-left: 0.3rem; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
.soon-reveal-more{ font-size: 0.42rem; color: rgb(153, 153, 153); white-space: nowrap; }
.soon-reveal-scroll{ overflow: hidden; padding: 0px 0.4rem; }
.soon-reveal-track{ display: flex; animation: 40s linear 0s infinite normal none running soonScroll; width: max-content; }
@-webkit-keyframes soonScroll{ 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes soonScroll{ 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.soon-reveal-list{ display: flex; list-style: none; margin: 0px; padding: 0px; flex-shrink: 0; }
.soon-reveal-item{ flex-shrink: 0; width: 7rem; margin-right: 0.35rem; background: rgb(255, 255, 255); border-radius: 0.35rem; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; }
.soon-reveal-item:last-child{ margin-right: 0px; }
.soon-reveal-item a{ display: flex; align-items: center; padding: 0.35rem; text-decoration: none; color: inherit; }
.soon-reveal-pic{ width: 2.6rem; height: 2.6rem; flex-shrink: 0; border-radius: 0.25rem; overflow: hidden; background: rgb(255, 255, 255); margin-right: 0.3rem; }
.soon-reveal-pic img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.soon-reveal-info{ -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; }
.soon-reveal-name{ font-size: 0.44rem; color: rgb(51, 51, 51); font-weight: 500; line-height: 1.3; max-height: 1.2rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.2rem; }
.soon-reveal-progress{ margin-bottom: 0.12rem; }
.soon-reveal-progress .idx-progress-track{ margin-top: 0px; }
.soon-reveal-remain{ font-size: 0.4rem; color: rgb(153, 153, 153); white-space: nowrap; }
.soon-reveal-remain em{ color: rgb(229, 57, 53); font-style: normal; font-weight: 700; font-size: 0.44rem; }
.notice-bar-new{ position: relative; display: flex; align-items: center; margin: 0.3rem; padding: 0.28rem 0.35rem; background: rgb(255, 255, 255); border-radius: 0.35rem; overflow: hidden; }
.notice-bar-new::after{ content: ""; position: absolute; top: -15%; left: 0px; width: 45%; height: 130%; margin-left: -30%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 45%, rgba(255, 255, 255, 0) 100%); transform: skewX(-22deg) translateX(-80%); pointer-events: none; z-index: 2; animation: 2.8s ease-in-out 0s infinite normal none running noticeBarShine; }
.notice-bar-tag{ position: relative; z-index: 1; background: linear-gradient(135deg, rgb(229, 57, 53), rgb(240, 98, 146)); color: rgb(255, 255, 255); font-size: 0.38rem; font-weight: 700; padding: 0.08rem 0.28rem; border-radius: 0.2rem; margin-right: 0.3rem; white-space: nowrap; letter-spacing: 0.03rem; }
.notice-bar-content{ position: relative; z-index: 1; -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; height: 0.65rem; line-height: 0.65rem; }
@-webkit-keyframes noticeBarShine{ 
  0% { transform: skewX(-22deg) translateX(-80%); }
  100% { transform: skewX(-22deg) translateX(520%); }
}
@keyframes noticeBarShine{ 
  0% { transform: skewX(-22deg) translateX(-80%); }
  100% { transform: skewX(-22deg) translateX(520%); }
}
.notice-bar-list{ overflow: hidden; }
.notice-bar-item{ height: 0.65rem; line-height: 0.65rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.44rem; }
.notice-bar-item a{ color: rgb(102, 102, 102); text-decoration: none; }
.notice-bar-item a em{ color: rgb(229, 57, 53); font-style: normal; font-weight: 600; padding: 0px 0.05rem; }
.notice-bar-item a strong{ color: rgb(51, 51, 51); font-weight: 500; }
.idx-yiyuan-card__title, .tuan-ul.tuan-ul-img .info .info-tit, .tuan-ul.tuan-ul-img.idx-home-grid .info-tit{ line-height: 1.45 !important; min-height: 3em !important; max-height: 3em !important; word-break: break-word !important; font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif) !important; }

.app-tab-bar .tab-icon-slot, .app-tab-bar .tab-icon-slot .tab-bar-icon{ width: 24px; height: 24px; max-width: 24px; max-height: 24px; display: inline-flex; overflow: hidden; }
.app-tab-bar .f_menu{ position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 900; background: rgb(255, 255, 255); }

html.jjg-home-page .header-wrapper.header-wrapper--mall, html.jjg-home-page .header-wrapper.header-wrapper--mall .header-wrap--mall{ background: transparent !important; backdrop-filter: none !important; box-shadow: none !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.tab-bar-icon[data-v-c58efda0]{ object-fit: contain; flex-shrink: 0; width: 24px; height: 24px; display: block; }
.tab-bar-icon--anno-medal[data-v-c58efda0]{ width: 24px; height: 24px; }
.fw-cs-overlay{ z-index: 10050; backdrop-filter: blur(6px); opacity: 0; pointer-events: none; visibility: hidden; background: rgba(34, 24, 8, 0.38); flex-direction: column; justify-content: flex-end; align-items: center; transition: opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.34s; display: flex; position: fixed; inset: 0px; }
.fw-cs-modal{ width: 100%; max-width: 100%; max-height: 84vh; font-family: var(--wap-font,"Microsoft YaHei", 微软雅黑, 宋体, Arial, sans-serif); -webkit-font-smoothing: antialiased; padding-bottom: env(safe-area-inset-bottom,0); will-change: transform; background: rgb(255, 248, 230); border-width: 1px medium medium; border-style: solid none none; border-color: rgba(255, 255, 255, 0.9) currentcolor currentcolor; border-image: none; border-radius: 18px 18px 0px 0px; transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; transform: translateY(100%); box-shadow: rgba(196, 132, 20, 0.18) 0px -8px 28px; }
.fw-cs-sheet-bar{ z-index: 2; background: rgba(255, 255, 255, 0.55); border-radius: 999px; width: 36px; height: 4px; margin: 10px auto 0px; position: relative; }
.fw-cs-hd{ color: rgb(34, 39, 48); text-align: center; background: none center top / cover no-repeat, linear-gradient(rgb(255, 204, 77) 0%, rgb(255, 231, 163) 72%, rgb(255, 248, 230) 100%); padding: 8px 18px 20px; position: relative; overflow: hidden; }
.fw-cs-hd::before{ content: ""; pointer-events: none; background: rgba(255, 255, 255, 0.22); border-radius: 50%; width: 120px; height: 120px; position: absolute; top: -40px; right: -24px; }
.fw-cs-hd::after{ content: ""; pointer-events: none; background: rgba(255, 255, 255, 0.14); border-radius: 50%; width: 90px; height: 90px; position: absolute; bottom: -50px; left: -20px; }
.fw-cs-hd-badge{ z-index: 1; color: rgb(166, 106, 18); letter-spacing: 0.02em; background: rgba(255, 255, 255, 0.62); border: 1px solid rgba(255, 255, 255, 0.65); border-radius: 999px; align-items: center; gap: 6px; margin-bottom: 10px; padding: 4px 12px; font-size: 12px; font-weight: 700; display: inline-flex; position: relative; }
.fw-cs-badge-chat{ color: rgb(239, 141, 56); flex-shrink: 0; width: 14px; height: 14px; }
.fw-cs-hd h2{ z-index: 1; color: rgb(34, 39, 48); letter-spacing: 0.01em; margin: 0px; padding: 0px 16px; font-size: 22px; font-weight: 800; line-height: 1.35; position: relative; }
.fw-cs-hd-status{ z-index: 1; color: rgb(107, 83, 64); justify-content: center; align-items: center; gap: 6px; margin: 8px 0px 0px; font-size: 13px; font-weight: 600; display: flex; position: relative; }
.fw-cs-hd-status i{ background: rgb(62, 207, 122); border-radius: 50%; width: 7px; height: 7px; box-shadow: rgba(62, 207, 122, 0.22) 0px 0px 0px 3px; }
.fw-cs-close{ z-index: 3; color: rgb(90, 70, 48); cursor: pointer; -webkit-tap-highlight-color: transparent; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 50%; justify-content: center; align-items: center; width: 32px; height: 32px; margin: 0px; padding: 0px; display: flex; position: absolute; top: 12px; right: 12px; }
.fw-cs-close:active{ background: rgba(255, 255, 255, 0.82); }
.fw-cs-close-x{ flex-shrink: 0; width: 16px; height: 16px; display: block; }
.fw-cs-bd{ background: rgb(255, 248, 230); max-height: 58vh; padding: 12px 14px 18px; overflow-y: auto; }
.fw-cs-intro{ color: rgb(102, 102, 102); background: rgb(255, 255, 255); border-radius: 12px; margin: 0px 0px 12px; padding: 12px 14px; font-size: 13px; line-height: 1.65; box-shadow: rgba(196, 132, 20, 0.08) 0px 4px 12px; }
.fw-cs-list{ margin: 0px; padding: 0px; list-style: none; }
.fw-cs-item{ box-sizing: border-box; color: inherit; -webkit-tap-highlight-color: transparent; background: rgb(255, 255, 255); border: 1px solid rgba(244, 187, 78, 0.18); border-radius: 12px; align-items: center; margin-bottom: 10px; padding: 12px; text-decoration: none; transition: transform 0.16s, box-shadow 0.16s; display: flex; box-shadow: rgba(129, 129, 129, 0.08) 0px 4px 12px; }
.fw-cs-item:last-child{ margin-bottom: 0px; }
.fw-cs-item:active{ transform: scale(0.985); box-shadow: rgba(129, 129, 129, 0.06) 0px 2px 8px; }
.fw-cs-item-icon{ border-radius: 12px; flex-shrink: 0; justify-content: center; align-items: center; width: 44px; height: 44px; margin-right: 12px; display: flex; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.12) 0px 0px 0px 1px inset; }
.fw-cs-brand-svg{ width: 26px; height: 26px; display: block; }
.fw-cs-item-icon .fw-cs-brand-svg.fw-cs-svg-facebook{ width: 100%; height: 100%; }
.fw-cs-item-icon--wa{ background: rgb(37, 211, 102); }
.fw-cs-item-icon--tg{ background: rgb(42, 171, 238); }
.fw-cs-item-icon--fb{ background: 0px 0px; }
.fw-cs-text{ text-align: left; flex: 1 1 0%; min-width: 0px; }
.fw-cs-text h3{ color: rgb(34, 39, 48); margin: 0px 0px 4px; font-size: 15px; font-weight: 700; }
.fw-cs-text p{ color: rgb(153, 153, 153); margin: 0px; font-size: 12px; line-height: 1.45; }
.fw-cs-chev{ color: rgb(216, 196, 160); flex-shrink: 0; width: 16px; height: 16px; margin-left: 8px; font-size: 0px; line-height: 0; position: relative; }
.fw-cs-chev::after{ content: ""; border-bottom: 2px solid; border-right: 2px solid; width: 8px; height: 8px; margin-top: -5px; margin-left: -6px; position: absolute; top: 50%; left: 50%; transform: rotate(-45deg); }
.fw-cs-foot{ color: rgb(173, 154, 122); text-align: center; border-top: 1px solid rgba(244, 187, 78, 0.28); justify-content: center; align-items: center; gap: 6px; margin-top: 14px; padding-top: 12px; font-size: 12px; display: flex; }
.fw-cs-foot-dot{ background: rgb(239, 141, 56); border-radius: 50%; flex-shrink: 0; width: 6px; height: 6px; }
@media screen and (width >= 481px){.fw-cs-modal{ max-width: 390px; }
}
.fw-win-root[data-v-7d08b993]{ --fw-win-brand: #e8a020; --fw-win-mid: #ff7043; --fw-win-light: #ffb74d; --fw-win-ink: #1f1a17; --fw-win-soft: #fff5ef; z-index: 100250; pointer-events: none; place-items: center; font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; display: grid; position: fixed; inset: 0px; }
.fw-win-mask[data-v-7d08b993]{ opacity: 0; background: radial-gradient(80% 60% at 50% 42%, rgba(229, 57, 53, 0.28), rgba(0, 0, 0, 0) 70%), rgba(20, 12, 10, 0.66); transition: opacity 0.35s; position: absolute; inset: 0px; }
.fw-win-fx[data-v-7d08b993]{ z-index: 1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px; }
.fw-win-stage[data-v-7d08b993]{ z-index: 2; perspective: 1200px; width: min(86vw, 348px); padding-top: 28px; position: relative; }
.fw-win-card[data-v-7d08b993]{ opacity: 0; transform-style: preserve-3d; background: radial-gradient(120% 60% at 50% -10%, rgba(255, 214, 180, 0.55), rgba(0, 0, 0, 0) 55%), linear-gradient(rgb(255, 253, 249) 0%, rgb(255, 247, 241) 48%, rgb(255, 232, 222) 100%); border: 5px solid rgb(255, 201, 184); border-radius: 28px; padding: 36px 22px 22px; transition: transform 0.55s cubic-bezier(0.22, 1.15, 0.36, 1), opacity 0.4s; position: relative; transform: rotateY(-72deg) translateY(24px) scale(0.88); box-shadow: rgba(120, 40, 28, 0.32) 0px 28px 56px, rgba(255, 140, 100, 0.22) 0px 0px 0px 1px, rgba(255, 255, 255, 0.95) 0px 1px inset, rgba(255, 140, 100, 0.08) 0px -10px 24px inset; }
.fw-win-frame[data-v-7d08b993]{ pointer-events: none; border: 1.5px solid rgba(255, 160, 120, 0.35); border-radius: 22px; position: absolute; inset: 7px; box-shadow: rgba(255, 180, 140, 0.12) 0px 0px 18px inset; }
.fw-win-decor[data-v-7d08b993]{ z-index: 4; pointer-events: none; align-items: center; gap: 10px; display: flex; position: absolute; top: -22px; left: 50%; transform: translate(-50%); }
.fw-win-bow[data-v-7d08b993]{ filter: drop-shadow(rgba(180, 90, 30, 0.35) 0px 6px 10px); width: 78px; height: 42px; position: relative; }
.fw-win-bow-loop[data-v-7d08b993]{ background: radial-gradient(circle at 35% 35%, rgb(255, 233, 168) 0%, rgb(240, 194, 77) 42%, rgb(212, 146, 26) 100%); border-radius: 50% 50% 45% 45%; width: 34px; height: 28px; position: absolute; top: 2px; box-shadow: rgba(140, 80, 10, 0.25) 0px -3px 6px inset; }
.fw-win-bow-loop.is-l[data-v-7d08b993]{ left: 2px; transform: rotate(-28deg); }
.fw-win-bow-loop.is-r[data-v-7d08b993]{ right: 2px; transform: rotate(28deg); }
.fw-win-bow-knot[data-v-7d08b993]{ z-index: 2; background: linear-gradient(rgb(255, 224, 130) 0%, rgb(240, 180, 41) 55%, rgb(201, 132, 18) 100%); border-radius: 6px; width: 18px; height: 16px; margin-left: -9px; position: absolute; top: 12px; left: 50%; box-shadow: rgba(255, 255, 255, 0.55) 0px 1px inset, rgba(140, 80, 10, 0.28) 0px 2px 4px; }
.fw-win-bow-tail[data-v-7d08b993]{ clip-path: polygon(0px 0px, 100% 0px, 100% 72%, 50% 100%, 0px 72%); background: linear-gradient(rgb(240, 194, 77) 0%, rgb(212, 146, 26) 100%); border-radius: 2px 2px 8px 8px; width: 16px; height: 22px; position: absolute; top: 24px; }
.fw-win-bow-tail.is-l[data-v-7d08b993]{ left: 28px; transform: rotate(-18deg); }
.fw-win-bow-tail.is-r[data-v-7d08b993]{ right: 28px; transform: rotate(18deg); }
.fw-win-twinkle[data-v-7d08b993]{ clip-path: polygon(50% 0%, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0% 50%, 38% 38%); opacity: 0.92; filter: drop-shadow(rgba(255, 255, 255, 0.9) 0px 0px 4px); background: rgb(255, 255, 255); width: 14px; height: 14px; animation: 1.8s ease-in-out 0s infinite normal none running fw-win-twinkle-7d08b993; }
.fw-win-twinkle.is-l[data-v-7d08b993]{ margin-top: -6px; }
.fw-win-twinkle.is-r[data-v-7d08b993]{ width: 11px; height: 11px; margin-top: 4px; animation-delay: 0.45s; }
.fw-win-close[data-v-7d08b993]{ z-index: 5; color: rgb(161, 74, 58); cursor: pointer; background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(229, 57, 53, 0.14); border-radius: 50%; place-items: center; width: 32px; height: 32px; padding: 0px; font-size: 20px; line-height: 1; display: grid; position: absolute; top: 12px; right: 12px; box-shadow: rgba(120, 40, 28, 0.12) 0px 4px 10px; }
.fw-win-heading[data-v-7d08b993]{ text-align: center; color: rgb(122, 58, 44); letter-spacing: 0.06em; text-shadow: rgba(255, 255, 255, 0.7) 0px 1px; margin: 8px 0px 4px; font-size: 20px; font-weight: 800; }
.fw-win-orbit[data-v-7d08b993]{ transform-style: preserve-3d; place-items: center; margin: 10px 0px 14px; display: grid; }
.fw-win-prize[data-v-7d08b993]{ width: 148px; height: 148px; transform-style: preserve-3d; animation: 5.5s ease-in-out 0s infinite normal none running fw-win-tilt-7d08b993; position: relative; }
.fw-win-prize-glow[data-v-7d08b993]{ filter: blur(6px); background: radial-gradient(circle, rgba(255, 176, 80, 0.5), rgba(0, 0, 0, 0) 68%); border-radius: 50%; position: absolute; inset: -16%; }
.fw-win-prize-face[data-v-7d08b993]{ background: radial-gradient(circle at 50% 30%, rgb(255, 249, 232) 0%, rgb(255, 232, 200) 55%, rgb(255, 212, 168) 100%); border: 2px solid rgba(255, 170, 110, 0.55); border-radius: 22px; width: 100%; height: 100%; position: relative; overflow: hidden; transform: translateZ(28px); box-shadow: rgba(180, 60, 40, 0.16) 0px 14px 28px, rgba(255, 255, 255, 0.75) 0px 0px 0px 1px inset, rgba(255, 140, 80, 0.12) 0px -18px 28px inset; }
.fw-win-prize-ph[data-v-7d08b993]{ background: linear-gradient(135deg, rgb(255, 216, 200) 25%, rgba(0, 0, 0, 0) 25%) -12px 0px / 24px 24px, linear-gradient(225deg, rgb(255, 216, 200) 25%, rgba(0, 0, 0, 0) 25%) -12px 0px / 24px 24px, rgb(255, 245, 239); width: 100%; height: 100%; }
.fw-win-shine[data-v-7d08b993]{ pointer-events: none; background: linear-gradient(115deg, rgba(0, 0, 0, 0) 35%, rgba(255, 255, 255, 0.55) 48%, rgba(0, 0, 0, 0) 62%); animation: 2.8s ease-in-out 0.8s infinite normal none running fw-win-shine-7d08b993; position: absolute; inset: 0px; transform: translate(-120%); }
.fw-win-lead[data-v-7d08b993]{ text-align: center; color: rgb(212, 101, 42); margin: 0px; font-size: 13px; font-weight: 600; }
.fw-win-name[data-v-7d08b993]{ text-align: center; color: var(--fw-win-ink); letter-spacing: 0.01em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 8px 0px 0px; font-size: 17px; font-weight: 700; line-height: 1.35; display: -webkit-box; overflow: hidden; }
.fw-win-cta[data-v-7d08b993]{ letter-spacing: 0.04em; text-align: center; color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(90deg, rgb(255, 185, 45) 0%, rgb(247, 184, 68) 52%, rgb(244, 187, 78) 100%); border: 0px; border-radius: 999px; justify-content: center; align-items: center; width: 100%; margin-top: 18px; padding: 14px 16px; font-size: 16px; font-weight: 700; display: flex; transform: translateZ(12px); box-shadow: rgba(229, 57, 53, 0.38) 0px 12px 24px, rgba(255, 255, 255, 0.35) 0px 1px inset, rgba(160, 30, 20, 0.18) 0px -3px inset; }
.fw-win-cta[data-v-7d08b993]:active:not(:disabled){ transform: translateY(1px) translateZ(12px); }
.fw-win-spark[data-v-7d08b993]{ background: radial-gradient(circle, #fff3e8, var(--fw-win-mid)); opacity: 0; pointer-events: none; --angle: calc(var(--i) * 30deg); --dist: calc(78px + (var(--i) % 4) * 18px); border-radius: 50%; width: 7px; height: 7px; margin: -3px; position: absolute; top: 42%; left: 50%; }
@keyframes fw-win-float-7d08b993{ 
  0%, 100% { transform: rotateY(0deg) translateY(0px) scale(1); }
  50% { transform: rotateY(2deg) translateY(-6px) scale(1); }
}
@keyframes fw-win-tilt-7d08b993{ 
  0%, 100% { transform: rotateX(4deg) rotateY(-6deg); }
  50% { transform: rotateX(-3deg) rotateY(8deg); }
}
@keyframes fw-win-shine-7d08b993{ 
  0%, 55% { transform: translate(-120%); }
  80%, 100% { transform: translate(120%); }
}
@keyframes fw-win-burst-7d08b993{ 
  0% { opacity: 0; transform: rotate(var(--angle)) translateY(0) scale(.4); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(1); }
}
@keyframes fw-win-twinkle-7d08b993{ 
  0%, 100% { opacity: 0.55; transform: scale(0.85) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.15) rotate(18deg); }
}
@media (prefers-reduced-motion: reduce){.fw-win-card[data-v-7d08b993], .fw-win-mask[data-v-7d08b993]{ transition: opacity 0.25s; }
.fw-win-card[data-v-7d08b993]{ transform: none; }
.fw-win-prize[data-v-7d08b993], .fw-win-shine[data-v-7d08b993], .fw-win-spark[data-v-7d08b993], .fw-win-twinkle[data-v-7d08b993]{ animation: auto ease 0s 1 normal none running none !important; }
}
.header-wrapper--mall .wap-lang-item[data-v-504629ba]{ text-align: left; cursor: pointer; box-sizing: border-box; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; }
.idx-yiyuan-card__img[data-v-c3ca4816]{ object-fit: contain; width: 100%; height: 100%; display: block; }
@keyframes idx-skeleton-wave-6aa08a3b{ 
  100% { transform: translate(100%); }
}
@keyframes idx-home-sk-wave-3e96ea8c{ 
  100% { transform: translate(100%); }
}
.lo-card--revealed[data-v-a6b2df57]{ position: relative; }
.lo-card--revealed .lc-info[data-v-a6b2df57]{ position: relative; overflow: hidden; }
.lc-medal[data-v-a6b2df57]{ z-index: 3; filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 1px 3px); pointer-events: none; width: 0.52rem; height: 0.52rem; position: absolute; bottom: 0.08rem; right: 0.08rem; }
.lc-medal img[data-v-a6b2df57]{ object-fit: contain; width: 100%; height: 100%; display: block; }
.lc-won-tag[data-v-a6b2df57]{ color: rgb(255, 255, 255); letter-spacing: 0.04em; z-index: 3; pointer-events: none; background: linear-gradient(120deg, rgb(255, 138, 61) 0%, rgb(255, 193, 7) 22%, rgb(247, 184, 68) 48%, rgb(232, 160, 32) 72%, rgb(255, 171, 64) 100%) 0px 0px / 240% 100%; border-bottom-right-radius: 0.12rem; padding: 0.05rem 0.16rem; font-size: 0.3rem; font-weight: 600; line-height: 1.35; animation: 3.6s ease-in-out 0s infinite normal none running nr-won-tag-gradient-a6b2df57; position: absolute; top: 0px; left: 0px; box-shadow: rgba(229, 57, 53, 0.28) 0px 1px 5px; }
@keyframes nr-won-tag-gradient-a6b2df57{ 
  0%, 100% { background-position: 0% center; }
  50% { background-position: 100% center; }
}
@keyframes nr-card-pop-a6b2df57{ 
  0% { transform: scale(0.96); }
  55% { transform: scale(1.03); }
  100% { transform: scale(1); }
}
@keyframes nr-flash-a6b2df57{ 
  0% { opacity: 0.85; }
  100% { opacity: 0; }
}
@keyframes nr-name-in-a6b2df57{ 
  0% { opacity: 0; transform: translateY(0.12rem); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce){.lc-won-tag[data-v-a6b2df57]{ background: linear-gradient(135deg, rgb(255, 185, 45), rgb(232, 160, 32)); animation: auto ease 0s 1 normal none running none; }
}
.scroll-load-footer[data-v-1e5a009f]{ justify-content: center; align-items: center; min-height: 0.32rem; padding: 0.48rem 0px 0.72rem; display: flex; }
@keyframes scroll-load-spin-1e5a009f{ 
  100% { transform: rotate(360deg); }
}
@keyframes scroll-load-pulse-1e5a009f{ 
  0%, 100% { opacity: 0.75; transform: scale(0.92); }
  50% { opacity: 1; transform: scale(1.08); }
}
.bd[data-v-fb5df1e0]{ touch-action: none; cursor: grab; user-select: none; width: 100%; position: relative; overflow: hidden; }
.bd[data-v-fb5df1e0]:active{ cursor: grabbing; }
.wap-h-carousel__track[data-v-fb5df1e0] > li a{ -webkit-user-drag: none; }
.wap-h-carousel__track[data-v-fb5df1e0]{ will-change: transform; margin: 0px; padding: 0px; list-style: none; display: flex; }
.wap-h-carousel__track[data-v-fb5df1e0] > li{ flex: 0 0 100%; width: 100%; overflow: hidden; }
@keyframes cate-sk-wave-07dde293{ 
  100% { transform: translate(100%); }
}
@keyframes jjg-join-slide-up{ 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@media screen and (width >= 481px){@keyframes jjg-join-slide-up-pc{ 
  0% { transform: translate(-50%) translateY(100%); }
  100% { transform: translate(-50%) translateY(0px); }
}
}
@keyframes anno-sk-wave-1efcfecc{ 
  100% { transform: translate(100%); }
}
@keyframes anno-list-spin-26fb7b7b{ 
  100% { transform: rotate(360deg); }
}
@keyframes jjg-cart-popular-text-shine{ 
  0% { background-position: 100% center; }
  100% { background-position: -100% center; }
}
@keyframes jjg-cart-popular-title-shimmer{ 
  100% { transform: translate(100%); }
}
@keyframes cart-sk-wave-059cc6c1{ 
  100% { transform: translate(100%); }
}
@keyframes jjg-vip-mark-sweep{ 
  0% { opacity: 0; left: -90%; }
  14% { opacity: 1; }
  50% { opacity: 0; left: 135%; }
  100% { opacity: 0; left: 135%; }
}
@keyframes jjg-vip-fold-bar-sweep{ 
  0% { opacity: 0; left: -75%; }
  18% { opacity: 1; }
  55% { opacity: 0; left: 130%; }
  100% { opacity: 0; left: 130%; }
}
@keyframes ym-promo-msg-badge-shake{ 
  0%, 100% { transform: rotate(0deg) scale(1); }
  10% { transform: rotate(-10deg) scale(1.05); }
  20% { transform: rotate(10deg) scale(1.05); }
  30% { transform: rotate(-8deg) scale(1.03); }
  40% { transform: rotate(8deg) scale(1.03); }
  50% { transform: rotate(0deg) scale(1); }
}
@keyframes ym-mine-sk-wave-20db957a{ 
  100% { transform: translate(100%); }
}
:root{ --wap-font: "Microsoft YaHei", 微软雅黑, 宋体, Arial, "Helvetica Neue", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; --wap-num-font: "Microsoft YaHei", 微软雅黑, 宋体, Arial, sans-serif; --wap-weight-regular: 300; --wap-weight-medium: 400; --wap-weight-semibold: 500; --tab-font: var(--wap-font); --anno-font: var(--wap-font); --mine-font: var(--wap-font); --cate-font: var(--wap-font); --msg-font: var(--wap-font); }
html, body, #app{ font-family: var(--wap-font); font-weight: var(--wap-weight-regular); letter-spacing: 0.02em; font-synthesis: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-size-adjust: 100%; }
button, input, select, textarea{ font-family: var(--wap-font); font-weight: var(--wap-weight-medium); letter-spacing: 0.01em; font-synthesis: none; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6{ font-family: var(--wap-font); }
#app :where(:not(.diyfont):not(.iconfont):not(.fa):not([class*="iconfont"]):not([class*="layui"])){ font-family: inherit; }
.app-tab-bar{ --tab-active: #e8a020; --tab-inactive: #1a1a1a; --tab-bg: #fff; --tab-anno-gold: #ffc830; --tab-font: var(--wap-font,"Microsoft YaHei", 微软雅黑, 宋体, Arial, sans-serif); }
.app-tab-bar.footer-menu-box{ width: 100%; height: 0px; min-height: 0px; overflow: visible; }
.app-tab-bar .f_menu{ background: var(--tab-bg); z-index: 900; width: 100%; height: 2rem; padding-bottom: env(safe-area-inset-bottom,0px); box-sizing: content-box; border-top: 1px solid rgb(238, 238, 238); position: fixed; bottom: 0px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 6px; }
.app-tab-bar .menu_box{ box-sizing: border-box; align-items: stretch; width: 100%; height: 2rem; margin: 0px; padding: 0px; list-style: none; display: flex; }
.app-tab-bar .menu_item{ text-align: center; color: var(--tab-inactive); flex: 1 1 0%; min-width: 0px; }
.app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item{ color: var(--tab-inactive); }
.app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item.cur{ color: var(--tab-active); }
.app-tab-bar .menu_item a{ height: 100%; color: inherit; -webkit-tap-highlight-color: transparent; flex-direction: column; justify-content: center; align-items: center; gap: 0.06rem; text-decoration: none; display: flex; }
.app-tab-bar .menu_item.cur{ color: var(--tab-active); }
.app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item .item_txt{ color: var(--tab-inactive); }
.app-tab-bar .tab-icon-slot{ flex-shrink: 0; justify-content: center; align-items: center; width: 24px; max-width: 24px; height: 24px; max-height: 24px; line-height: 0; display: inline-flex; position: relative; overflow: visible; }
.app-tab-bar .tab-icon-slot--cart{ overflow: visible; }
.app-tab-bar .tab-icon-slot--anno, .app-tab-bar.footer-menu-box .tab-icon-slot--anno{ width: 24px; max-width: 24px; height: 24px; max-height: 24px; box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; margin-top: 0px; }
.app-tab-bar .tab-icon-slot--anno .tab-bar-icon--anno-medal{ object-fit: contain; filter: none; width: 24px; max-width: 24px; height: 24px; max-height: 24px; }
.app-tab-bar .menu_item--anno .item_txt{ font-weight: 400; color: var(--tab-inactive) !important; -webkit-text-fill-color: var(--tab-inactive) !important; }
.app-tab-bar.footer-menu-box .menu_item .tab-icon-slot .tab-bar-icon, .app-tab-bar.footer-menu-box .menu_item .tab-icon-slot .tab-bar-icon svg{ width: 24px; max-width: 24px; height: 24px; max-height: 24px; display: block; }
.app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item .item_txt, .app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item.cur .item_txt{ font-family: var(--tab-font); text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; margin: 0px; font-size: 11px; font-style: normal; font-weight: 400; line-height: 17px; overflow: hidden; -webkit-text-fill-color: currentcolor !important; background: 0px 0px border-box !important; }
.app-tab-bar.footer-menu-box .f_menu .menu_box .menu_item.cur .item_txt{ color: var(--tab-active); font-weight: 500; }
.app-tab-bar .nav_cart_num{ z-index: 1; text-align: center; color: rgb(255, 255, 255); pointer-events: none; box-sizing: border-box; background: rgb(247, 184, 68); border: 1.5px solid rgb(255, 255, 255); border-radius: 999px; justify-content: center; align-items: center; min-width: 16px; height: 16px; padding: 0px 4px; font-size: 10px; font-weight: 500; line-height: 1; transition: transform 0.2s; display: inline-flex; position: absolute; top: -5px; right: -9px; }
@keyframes tab-cart-bump{ 
  0% { transform: scale(1); }
  40% { transform: scale(1.14); }
  100% { transform: scale(1); }
}
@media screen and (width >= 320px){.app-tab-bar .tab-icon-slot, .app-tab-bar .tab-icon-slot .tab-bar-icon, .app-tab-bar.footer-menu-box .menu_item .tab-icon-slot .tab-bar-icon{ width: 24px; max-width: 24px; height: 24px; max-height: 24px; }
}
:root{ --wap-pc-shell-width: 390px; }
@media screen and (width >= 481px){html{ background: rgb(255, 255, 255) !important; }
html body{ background: rgb(246, 246, 246); min-height: 100%; position: relative; overflow-x: hidden; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 24px; max-width: var(--wap-pc-shell-width) !important; margin: 0px auto !important; }
html #app{ min-height: 100%; position: relative; overflow-x: hidden; max-width: var(--wap-pc-shell-width) !important; margin: 0px auto !important; }
html #app .wrap, html #app .content, html body .wrap, html body .content{ box-sizing: border-box; width: 100%; max-width: 100% !important; }
}
@media (width >= 540px){html{ font-size: 26px !important; }
.app-tab-bar .f_menu, .footer-menu-box .f_menu{ width: var(--wap-pc-shell-width) !important; max-width: var(--wap-pc-shell-width) !important; margin-left: 0px !important; margin-right: 0px !important; left: 50% !important; right: auto !important; transform: translate(-50%) !important; }
}
@media screen and (width >= 481px){.header .header-wrap, .header-wrapper .header-wrap{ max-width: var(--wap-pc-shell-width) !important; width: 100% !important; left: 50% !important; right: auto !important; transform: translate(-50%) !important; }
}
html.jjg-home-page, html.jjg-home-page body, .page-index-yiyuan-grid.jjg-home-page, html.page-index-yiyuan-grid.jjg-home-page body{ background: rgb(255, 248, 230) !important; }
@media (width >= 540px){html.jjg-home-page, html.jjg-home-page.page-index-yiyuan-grid, html.page-index-yiyuan-grid.jjg-home-page, html.jjg-home-page body, html.page-index-yiyuan-grid.jjg-home-page body, body.page-index-yiyuan-grid.jjg-home-page, .page-index-yiyuan-grid.jjg-home-page{ background: rgb(255, 255, 255) !important; }
html.jjg-home-page, html.jjg-home-page.page-index-yiyuan-grid{ font-size: 26px !important; }
html.jjg-home-page body, html.jjg-home-page #app{ max-width: 390px; min-height: 100%; margin: 0px auto; }
html.jjg-home-page #app{ background: rgb(255, 248, 230); box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 24px; }
html.jjg-home-page .app-tab-bar .f_menu{ width: 390px; left: 50%; right: auto; transform: translate(-50%); }
}
@media screen and (width >= 481px){html.jjg-home-page .header-wrapper .header-wrap, html.jjg-home-page .jjg-home .header-wrap.header-wrap--mall{ width: 100% !important; max-width: 100% !important; position: relative !important; left: 0px !important; right: 0px !important; transform: none !important; }
}
.jjg-home, .page-index-yiyuan-grid .idx-home-theme-shell.jjg-home, html.jjg-home-page .idx-home-theme-shell.jjg-home{ --jjg-gold: #f4bb4e; --jjg-gold-2: #f5bf55; --jjg-gold-1: #f8d68f; --jjg-ink: #333; --jjg-red: #f33; --jjg-page: #fff8e6; min-height: 100%; padding-bottom: 2.4rem; background-color: rgb(255, 248, 230) !important; background-image: url("/statics/templates/teyunbao/images/target-home/img_lucky_home_top_bg.png"), linear-gradient(rgb(255, 204, 77) 0%, rgb(255, 231, 163) 38%, rgb(255, 248, 230) 72%) !important; background-position: center top !important; background-repeat: no-repeat !important; background-size: 100% 12rem, 100% 12rem !important; }
.jjg-home .home-top__ambient, .jjg-home .idx-lux-ambient, .jjg-home .home-top__banner, .jjg-home .notice-bar-new{ display: none !important; }
.jjg-home .home-top{ background: 0px 0px !important; padding: 0px !important; overflow: visible !important; }
html.jjg-home-page .home-top, html.jjg-home-page .page-index-yiyuan-grid .home-top, html.jjg-home-page.page-index-yiyuan-grid .home-top{ overflow: visible !important; }
.jjg-home .home-top--active{ background: 0px 0px !important; }
.jjg-home .header-wrapper.header-wrapper--mall, .page-index-yiyuan-grid .jjg-home .header-wrapper.header-wrapper--mall, .page-index-yiyuan-grid .home-top .header-wrapper.header-wrapper--mall, .page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall{ z-index: 200; position: sticky; top: 0px; left: auto; right: auto; width: 100% !important; max-width: 100% !important; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; display: block !important; overflow: visible !important; }
.jjg-home .header-wrapper--mall, .jjg-home .header-wrap--mall, html.jjg-home-page .header-wrapper.header-wrapper--mall, html.jjg-home-page .header-wrapper.header-wrapper--mall .header-wrap--mall{ box-shadow: none !important; backdrop-filter: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; overflow: visible !important; }
.jjg-home .wap-lang-switch{ z-index: 1200; flex: 0 0 1.28rem; justify-content: center; align-items: center; width: 1.28rem; height: 1.28rem; position: relative; display: flex !important; }
.jjg-home .jjg-lang-btn.wap-mall-lang-trigger{ appearance: none; min-width: 1.28rem; overflow: hidden; width: 1.28rem !important; height: 1.28rem !important; min-height: 1.28rem !important; box-shadow: none !important; color: rgb(61, 56, 53) !important; box-sizing: border-box !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(200, 175, 145, 0.22) !important; border-radius: 999px !important; margin: 0px !important; padding: 0px !important; font-size: 0px !important; line-height: 0 !important; display: block !important; position: relative !important; }
.jjg-home .jjg-lang-btn .wap-lang-trigger-flag, .jjg-home .jjg-lang-btn .wap-lang-trigger-flag.wap-lang-flag, .jjg-home .jjg-lang-btn .wap-lang-trigger-flag.wap-lang-flag--png{ width: 0.8rem !important; height: 0.56rem !important; box-shadow: none !important; text-indent: 0px !important; color: rgba(0, 0, 0, 0) !important; object-fit: cover !important; object-position: center center !important; background: 0px 0px !important; border-radius: 0.1rem !important; margin: 0px !important; padding: 0px !important; font-size: 0px !important; line-height: 0 !important; display: block !important; position: absolute !important; top: 50% !important; left: 50% !important; overflow: hidden !important; transform: translate(-50%, -50%) !important; }
.jjg-home .jjg-lang-switch .wap-lang-dropdown{ min-width: 6.4rem; max-width: min(86vw, 8.4rem); max-height: 70vh; overflow: hidden; z-index: 100310 !important; left: 0px !important; right: auto !important; }
.jjg-home .jjg-lang-switch .wap-lang-options{ max-height: 9.6rem; }
.jjg-home .jjg-msg-btn{ background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; }
.jjg-home .header-wrapper.header-wrapper--mall .header-wrap.header-wrap--mall{ box-sizing: border-box; justify-content: flex-start; align-items: center; gap: 0.16rem; backdrop-filter: none !important; width: 100% !important; max-width: 100% !important; height: 1.76rem !important; min-height: 1.76rem !important; max-height: none !important; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0.16rem 0.28rem 0.08rem !important; display: flex !important; position: relative !important; top: 0px !important; left: 0px !important; right: 0px !important; overflow: visible !important; transform: none !important; }
html.jjg-home-page .jjg-home .header-wrapper.header-wrapper--mall .header-wrap.header-wrap--mall, .page-index-yiyuan-grid .home-top .header-wrapper.header-wrapper--mall .header-wrap--mall, .page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall .header-wrap--mall{ backdrop-filter: none !important; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.jjg-home .header-wrapper.header-wrapper--mall .wap-mall-searchbar, .jjg-home .header-wrapper.header-wrapper--mall .jjg-searchbar{ box-shadow: none; border-radius: 1.28rem; align-items: center; text-decoration: none; background: rgb(255, 255, 255) !important; flex: 1 1 0% !important; width: 0px !important; min-width: 0px !important; max-width: none !important; height: 1.28rem !important; margin-left: 0px !important; margin-right: 0.08rem !important; padding: 0px 0.04rem 0px 0.32rem !important; display: flex !important; }
.jjg-home .jjg-searchbar__ico{ color: rgb(187, 187, 187); flex-shrink: 0; width: 0.56rem; height: 0.56rem; }
.jjg-home .jjg-searchbar__ph{ color: rgb(200, 200, 200); white-space: nowrap; text-overflow: ellipsis; flex: 1 1 0%; margin-left: 0.16rem; font-size: 0.48rem; overflow: hidden; }
.jjg-home .jjg-searchbar__btn{ text-align: center; background: var(--jjg-gold); width: 1.72rem; height: 1.12rem; color: var(--jjg-ink); border-radius: 1.12rem; flex-shrink: 0; margin-left: auto; font-size: 0.48rem; font-weight: 600; line-height: 1.12rem; }
.jjg-home .header-wrapper.header-wrapper--mall .wap-mall-trailing{ flex-shrink: 0; align-items: center; margin-left: 0px; display: flex; }
.jjg-home .wap-mall-share{ display: none !important; }
.jjg-home .jjg-trust{ justify-content: space-between; align-items: center; padding: 0.12rem 0.48rem 0.32rem; display: flex; }
.jjg-home .jjg-trust__item{ color: rgb(138, 106, 50); align-items: center; gap: 0.12rem; font-size: 0.44rem; font-weight: 500; display: flex; }
.jjg-home .jjg-trust__item img{ object-fit: contain; width: 0.48rem; height: 0.48rem; }
.jjg-home .jjg-menu{ border-radius: 0.48rem; flex-wrap: wrap; margin: 0px 0.28rem 0.28rem; display: flex; background: rgb(255, 255, 255) !important; padding: 0.4rem 0.12rem 0.2rem !important; box-shadow: rgba(180, 140, 80, 0.1) 0px 0.08rem 0.32rem !important; }
.jjg-home .jjg-menu__item{ text-align: center; color: rgb(51, 51, 51); width: 20%; padding: 0.16rem 0px 0.24rem; text-decoration: none; }
.jjg-home .jjg-menu__item img{ object-fit: contain; width: 1.76rem; height: 1.76rem; margin: 0px auto 0.16rem; display: block; }
.jjg-home .jjg-menu__item span{ color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; padding: 0px 0.06rem; font-size: 0.4rem; line-height: 1.25; display: block; overflow: hidden; }
.jjg-home .jjg-activity{ align-items: stretch; gap: 0.2rem; padding: 0px 0.28rem 0.28rem; display: flex; }
.jjg-home .jjg-activity__slides{ background: rgb(255, 255, 255); border-radius: 0.32rem; flex: 1.7 1 0%; min-width: 0px; position: relative; overflow: hidden; }
.jjg-home .jjg-activity__carousel, .jjg-home .jjg-activity__carousel .bd{ border-radius: 0.32rem; height: 100%; }
.jjg-home .jjg-activity__carousel .wap-h-carousel__track > li{ margin: 0px; padding: 0px; list-style: none; }
.jjg-home .jjg-activity__hero, .jjg-home .jjg-activity__know{ border-radius: 0.32rem; display: block; overflow: hidden; }
.jjg-home .jjg-activity__know{ flex: 1 1 0%; min-width: 0px; position: relative; }
.jjg-home .jjg-activity__hero img, .jjg-home .jjg-activity__know img{ object-fit: cover; width: 100%; height: 4rem; display: block; }
.jjg-home .jjg-activity__know img{ object-position: center 50%; }
.jjg-home .jjg-activity__dots{ z-index: 3; pointer-events: none; gap: 0.12rem; display: flex; position: absolute; bottom: 0.2rem; left: 0.24rem; }
.jjg-home .jjg-activity__dots i{ pointer-events: auto; cursor: pointer; background: rgba(255, 255, 255, 0.75); border-radius: 50%; width: 0.16rem; height: 0.16rem; display: block; }
.jjg-home .jjg-activity__dots i.on{ background: rgb(244, 187, 78); }
.jjg-home .newest-reveal-mod, .jjg-home .announce, .jjg-home .m-index-mod.newest-reveal-mod{ position: relative; background: url("/statics/templates/teyunbao/images/target-home/4847646da32cf6cc.png") center top / 100% auto no-repeat rgb(255, 255, 255) !important; border-radius: 0.4rem !important; margin: 0px 0.28rem 0.28rem !important; padding: 1.95rem 0px 0.28rem !important; }
.jjg-home .newest-reveal-hd__bar, .jjg-home .newest-reveal-hd__title::before, .jjg-home .newest-reveal-hd__text::after{ display: none !important; }
.jjg-home .newest-reveal-hd{ z-index: 2; box-sizing: border-box; pointer-events: none; border-radius: 0.4rem 0.4rem 0px 0px; justify-content: space-between; align-items: center; height: 1.28rem; display: flex; position: absolute; top: 0.1rem; left: 0px; right: 0px; overflow: hidden; padding: 0px 0.24rem !important; }
.jjg-home .newest-reveal-hd::after{ content: ""; pointer-events: none; z-index: 1; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.28) 42%, rgba(255, 255, 255, 0.62) 50%, rgba(255, 255, 255, 0.28) 58%, rgba(255, 255, 255, 0) 100%); width: 42%; height: 124%; animation: 4.2s linear 0s infinite normal none running jjg-nr-hd-sweep; position: absolute; top: -12%; left: -80%; transform: skew(-22deg); }
.jjg-home .newest-reveal-hd-left{ z-index: 2; pointer-events: auto; flex: 1 1 0%; align-items: center; gap: 0.12rem; min-width: 0px; padding-left: 1.68rem; padding-right: 0.08rem; display: flex; position: relative; }
.jjg-home .newest-reveal-hd__title{ flex-shrink: 0; align-items: center; margin: 0px; padding: 0px; display: flex !important; }
.jjg-home .newest-reveal-hd__text{ letter-spacing: 0.02em; line-height: 1.15; color: rgb(74, 50, 8) !important; font-size: 0.5rem !important; font-weight: 800 !important; display: inline !important; }
.jjg-home .newest-reveal-mod .newest-reveal-sub{ white-space: nowrap; text-overflow: ellipsis; font-weight: 400; line-height: 1.2; overflow: hidden; color: rgb(138, 106, 58) !important; font-size: 0.34rem !important; }
.jjg-home .newest-reveal-more{ z-index: 2; pointer-events: auto; background: rgba(255, 248, 230, 0.95); border-radius: 0.8rem; flex-shrink: 0; padding: 0.08rem 0.22rem; line-height: 1.2; text-decoration: none; position: relative; color: rgb(180, 138, 74) !important; font-size: 0.36rem !important; }
.jjg-home .newest-reveal-mod .nr-scroll-track .lo-card, .jjg-home .newest-reveal-mod .lo-card{ flex: 0 0 4rem !important; width: 4rem !important; min-width: 4rem !important; max-width: 4rem !important; }
.jjg-home .newest-reveal-mod .lo-card .lc-img{ background: rgb(255, 255, 255); border-radius: 0.24rem; height: 4rem; position: relative; overflow: hidden; }
.jjg-home .lc-period{ z-index: 3; color: rgb(74, 50, 8); white-space: nowrap; background: linear-gradient(90deg, rgb(248, 214, 143), rgb(244, 187, 78)); border-radius: 0.12rem; margin: 0px; padding: 0.08rem 0.16rem; font-size: 0.36rem; font-weight: 700; line-height: 1.2; position: absolute; bottom: 0.12rem; left: 0.12rem; }
.jjg-home .lc-won-tag, .jjg-home .lc-medal{ display: none !important; }
.jjg-home .newest-reveal-mod .lo-card .lc-info{ text-align: center; background: rgb(246, 237, 216) !important; border-radius: 0.2rem !important; margin: 0.16rem 0.04rem 0px !important; padding: 0.16rem 0.08rem 0.2rem !important; }
.jjg-home .newest-reveal-mod .lo-card .lc-label{ color: rgb(196, 165, 116) !important; font-size: 0.36rem !important; font-weight: 400 !important; }
.jjg-home .newest-reveal-mod .lo-card .lc-val, .jjg-home .newest-reveal-mod .lo-card .lc-winner em{ color: rgb(51, 51, 51) !important; font-size: 0.4rem !important; }
.jjg-home .newest-reveal-mod{ --nr-timer-from: #f8d68f; --nr-timer-to: #f0b84a; --nr-accent: #e8a020; --nr-accent-dark: #b48a4a; }
.jjg-home .soon-reveal-mod{ background: url("/statics/templates/teyunbao/images/target-home/553d954caa8b5b1e.png") center top / 100% auto no-repeat rgb(255, 255, 255) !important; border-radius: 0.4rem !important; margin: 0px 0.28rem 0.28rem !important; padding: 0.32rem 0px 0.28rem !important; overflow: hidden !important; }
.jjg-home .soon-reveal-hd{ padding: 0px 0.32rem 0.24rem !important; }
.jjg-home .soon-reveal-hd h3{ border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; margin-right: 0.16rem !important; padding-left: 0px !important; font-size: 0.56rem !important; font-weight: 800 !important; }
.jjg-home .soon-reveal-sub{ color: rgb(180, 138, 74) !important; padding-left: 0px !important; font-size: 0.4rem !important; }
.jjg-home .soon-reveal-more{ color: rgb(184, 184, 184) !important; font-size: 0.4rem !important; }
.jjg-home .soon-reveal-scroll{ padding: 0px 0.32rem 0.12rem !important; overflow: auto hidden !important; }
.jjg-home .soon-reveal-track{ width: max-content; display: flex; animation: auto ease 0s 1 normal none running none !important; }
.jjg-home .soon-reveal-item{ width: 9.2rem !important; box-shadow: none !important; background: rgb(255, 255, 255) !important; border-radius: 0.28rem !important; margin-right: 0.24rem !important; }
.jjg-home .soon-reveal-item a{ overflow: hidden; }
.jjg-home .soon-reveal-info{ min-width: 0px; overflow: hidden; }
.jjg-home .soon-reveal-name{ font-size: 0.44rem !important; }
.jjg-home .soon-reveal-remain{ white-space: nowrap !important; font-size: 0.4rem !important; }
.jjg-home .soon-reveal-remain em{ color: rgb(232, 160, 32) !important; font-size: 0.48rem !important; }
.jjg-home .soon-reveal-progress, .jjg-home .soon-reveal-progress .idx-progress-track{ max-width: 100%; overflow: hidden; }
.jjg-home .index-cate-nav{ box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0.08rem 0px 0.16rem !important; }
.jjg-home .index-cate-tab a, .jjg-home .index-cate-tab.active a{ color: rgb(136, 136, 136) !important; box-shadow: none !important; background: 0px 0px !important; border-width: medium medium 0px !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; height: auto !important; padding: 0.2rem 0.4rem 0.24rem !important; font-size: 0.52rem !important; font-weight: 400 !important; line-height: 1.3 !important; }
.jjg-home .index-cate-tab.active a{ color: rgb(34, 34, 34) !important; font-weight: 800 !important; }
.jjg-home .index-cate-tab.active a::after{ content: ""; background: linear-gradient(90deg, var(--jjg-gold-1), var(--jjg-gold-2)); border-radius: 0.12rem; width: 0.64rem; height: 0.12rem; margin: 0.12rem auto 0px; display: block; }
.jjg-home .index-cate-tab.active a::before, .jjg-home .index-cate-tab::after, .jjg-home .index-cate-tab.active::after{ display: none !important; }
.jjg-home .tuan-ul.idx-yiyuan-grid{ padding: 0.16rem 0.28rem 0.8rem !important; }
.jjg-home .idx-yiyuan-card__link{ box-shadow: none !important; background: rgb(255, 255, 255) !important; border-radius: 0.36rem !important; padding: 0.28rem 0.28rem 0.24rem !important; }
.jjg-home .idx-yiyuan-card__pic{ margin-bottom: 0.16rem !important; padding-top: 92% !important; }
.jjg-home .idx-yiyuan-card__tags, .jjg-home .idx-yiyuan-card__joining, .jjg-home .idx-yiyuan-card__pct, .jjg-home .idx-yiyuan-card__price-row, .jjg-home .idx-yiyuan-card__link > .idx-yiyuan-card__cta:not(.jjg-card-btn){ display: none !important; }
.jjg-home .idx-yiyuan-card__title{ height: 1.28rem; line-height: 0.64rem; color: rgb(51, 51, 51) !important; margin: 0.16rem 0px !important; font-size: 0.48rem !important; font-weight: 400 !important; }
.jjg-home .idx-yiyuan-card__prog-row{ margin: 0px 0px 0.16rem !important; }
.jjg-home .idx-yiyuan-card__prog-track, .jjg-home .idx-progress-track{ background: rgb(237, 240, 243) !important; border-radius: 0.12rem !important; height: 0.12rem !important; }
.jjg-home .idx-progress-fill{ background: linear-gradient(90deg, rgb(245, 193, 74) 0%, rgb(240, 160, 32) 100%) !important; }
.jjg-home .jjg-card-remain{ color: rgb(51, 51, 51); margin: 0px 0px 0.08rem; font-size: 0.4rem; }
.jjg-home .jjg-card-remain em{ color: rgb(232, 106, 26); font-style: normal; font-weight: 700; }
.jjg-home .jjg-card-foot{ flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 0.16rem; margin-top: 0.12rem; display: flex; }
.jjg-home .jjg-card-price{ color: var(--jjg-red); white-space: nowrap; flex: 1 1 0%; min-width: 0px; font-size: 0.44rem; }
.jjg-home .jjg-card-price em{ font-size: 0.56rem; font-style: normal; font-weight: 700; }
.jjg-home .jjg-card-btn{ text-align: center; white-space: nowrap; flex-shrink: 0; min-width: 2.2rem; background: linear-gradient(90deg, var(--jjg-gold-1), var(--jjg-gold-2)) !important; width: auto !important; height: 0.88rem !important; color: var(--jjg-ink) !important; box-shadow: none !important; border-radius: 0.88rem !important; margin: 0px !important; padding: 0px 0.28rem !important; font-size: 0.4rem !important; font-weight: 500 !important; line-height: 0.88rem !important; display: inline-block !important; }
.jjg-home .idx-lux-wrap, .jjg-home #loading_container{ background: 0px 0px !important; }
@keyframes jjg-guide-fade-in{ 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.app-tab-bar.jjg-tabbar .tab-icon-slot--anno{ width: 24px !important; max-width: 24px !important; height: 24px !important; max-height: 24px !important; box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; margin-top: 0px !important; }
.app-tab-bar.jjg-tabbar .tab-bar-icon--jjg{ object-fit: contain; width: 24px !important; height: 24px !important; }
.app-tab-bar.jjg-tabbar .f_menu .menu_box .menu_item .item_txt, .app-tab-bar.jjg-tabbar .menu_item.cur .item_txt, .app-tab-bar.jjg-tabbar .menu_item--anno .item_txt, .app-tab-bar.jjg-tabbar.footer-menu-box .f_menu .menu_box .menu_item--anno.cur .item_txt{ font-size: 11px; line-height: 17px; color: rgb(102, 102, 102) !important; -webkit-text-fill-color: rgb(102, 102, 102) !important; }
.app-tab-bar.jjg-tabbar .menu_item.cur .item_txt, .app-tab-bar.jjg-tabbar.footer-menu-box .f_menu .menu_box .menu_item.cur .item_txt, .app-tab-bar.jjg-tabbar.footer-menu-box .f_menu .menu_box .menu_item--anno.cur .item_txt{ font-weight: 600; color: rgb(34, 34, 34) !important; -webkit-text-fill-color: rgb(34, 34, 34) !important; }
@keyframes jjg-nr-hd-sweep{ 
  0% { opacity: 0; left: -80%; }
  4% { opacity: 1; }
  71% { opacity: 1; }
  75% { opacity: 0; left: 130%; }
  100% { opacity: 0; left: 130%; }
}
@media (prefers-reduced-motion: reduce){.jjg-home .newest-reveal-hd::after{ animation: auto ease 0s 1 normal none running none; display: none; }
}
@keyframes anno-cd-pulse{ 
  0% { box-shadow: rgba(255, 77, 45, 0.45) 0px 0px; }
  70% { box-shadow: rgba(255, 77, 45, 0) 0px 0px 0px 0.16rem; }
  100% { box-shadow: rgba(255, 77, 45, 0) 0px 0px; }
}
@keyframes anno-cd-blink{ 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}
@keyframes anno-cd-shimmer{ 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}
@keyframes anno-sweep{ 
  0% { opacity: 0; left: -80%; }
  4% { opacity: 1; }
  71% { opacity: 1; }
  75% { opacity: 0; left: 130%; }
  100% { opacity: 0; left: 130%; }
}

.index-cate-nav{ margin-top: 0.4rem; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(240, 240, 240); }
.index-cate-nav.split-line::after, .index-cate-nav.split-line-top::before{ display: none !important; }
.index-cate-nav-scroll{ overflow: auto hidden; width: 100%; }
.index-cate-nav-scroll::-webkit-scrollbar{ display: none; width: 0px; height: 0px; }
.index-cate-nav-list{ display: inline-flex; flex-wrap: nowrap; white-space: nowrap; margin: 0px; padding: 0px 0.24rem; list-style: none; min-height: 1.7rem; -webkit-box-align: stretch; align-items: stretch; }
.index-cate-tab{ flex: 0 0 auto; position: relative; }
.index-cate-tab a{ display: block; padding: 0px 0.4rem; height: 1.7rem; line-height: 1.7rem; font-size: 0.52rem; color: rgb(26, 26, 26); font-weight: 500; font-style: normal; letter-spacing: 0.03em; font-family: var(--wap-font, 'Microsoft YaHei', 微软雅黑, 宋体, Arial, sans-serif); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-align: center; box-sizing: border-box; border-bottom: 3px solid transparent; text-decoration: none; }
.index-cate-tab.active a{ color: rgb(221, 53, 78); font-weight: 600; border-bottom-color: rgb(221, 53, 78); }
.index-adv-box{ min-height: 141px; margin: 0.3rem; }
.index-adv-box{ position: relative; border-radius: 0.3rem; overflow: hidden; }
.index-adv-box .bd{ position: relative; overflow: hidden; }
.index-adv-box .bd ul li img{ width: 100%; display: block; }
.index-adv-box .hd{ position: absolute; bottom: 5px; width: 100%; font-size: 0px; text-align: center; }
.index-adv-box .hd li{ margin-right: 5px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgb(183, 183, 183); overflow: hidden; }
.index-adv-box .hd li.on{ background: rgb(219, 54, 82); }
.header-wrapper.header-wrapper--mall{ height: 1.64rem; min-height: 1.64rem; box-sizing: border-box; background: transparent; }
.header-wrapper.header-wrapper--mall .header-wrap--mall{ backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px inset, rgba(120, 95, 70, 0.06) 0px 4px 18px; border-bottom: 1px solid rgba(210, 190, 165, 0.14); padding: 0.12rem 0.28rem 0.1rem; max-height: 1.64rem; box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0.1rem; background: linear-gradient(rgba(255, 255, 255, 0.94) 0%, rgba(254, 252, 248, 0.9) 100%) !important; height: 1.64rem !important; min-height: 1.64rem !important; }
.header-wrapper--mall .wap-mall-iconbtn{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-width: 1.32rem; width: 1.32rem; min-height: 1.32rem; height: 1.32rem; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; -webkit-tap-highlight-color: transparent; position: relative; flex-shrink: 0; text-decoration: none; box-sizing: border-box; background: transparent !important; color: rgb(51, 51, 51) !important; box-shadow: none !important; }
.header-wrapper--mall .wap-mall-iconbtn:active{ opacity: 0.72; }
.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; gap: 0.1rem; min-width: 0px; max-width: none; width: auto; min-height: 1.16rem; height: 1.16rem; padding: 0px 0.16rem 0px 0.12rem; margin: 0px; border: 1px solid rgba(200, 175, 145, 0.16); border-radius: 999px; cursor: pointer; -webkit-tap-highlight-color: transparent; flex-shrink: 0; box-sizing: border-box; transition: box-shadow 0.2s, border-color 0.2s; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(249, 246, 241) 100%) !important; color: rgb(61, 56, 53) !important; box-shadow: rgba(90, 70, 50, 0.06) 0px 1px 3px, rgba(255, 255, 255, 0.95) 0px 1px 0px inset !important; }
.header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger:active{ opacity: 0.92; box-shadow: rgba(90, 70, 50, 0.04) 0px 1px 2px, rgba(120, 95, 70, 0.08) 0px 1px 2px inset !important; }
.header-wrapper--mall .wap-lang-trigger-flag{ width: 0.68rem; height: 0.5rem; font-size: 0.52rem; line-height: 1; border-radius: 0.1rem; flex-shrink: 0; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px; }
.header-wrapper--mall .wap-lang-trigger-flag.wap-lang-flag--png{ background-size: cover; }
.header-wrapper--mall .wap-mall-header-ico{ display: block; color: rgb(61, 56, 53); shape-rendering: geometricprecision; width: 0.7rem !important; height: 0.7rem !important; }
.header-wrapper--mall .wap-mall-searchbar{ -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; width: 0px; margin-left: 0.08rem; margin-right: 0.12rem; display: flex; -webkit-box-align: center; align-items: center; gap: 0.14rem; height: 1.14rem; padding: 0px 0.28rem; border-radius: 999px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 247, 242) 100%); color: rgb(136, 136, 136); text-decoration: none; box-shadow: rgba(255, 255, 255, 0.95) 0px 1px 2px inset, rgba(100, 75, 50, 0.07) 0px 2px 10px; border: 1px solid rgba(195, 170, 140, 0.18); -webkit-tap-highlight-color: transparent; align-self: center; transition: box-shadow 0.2s, border-color 0.2s; }
.header-wrapper--mall .wap-mall-searchbar:active{ background: linear-gradient(rgb(248, 245, 240) 0%, rgb(243, 239, 232) 100%); box-shadow: rgba(120, 95, 70, 0.08) 0px 1px 3px inset, rgba(100, 75, 50, 0.05) 0px 1px 6px; }
.header-wrapper--mall .wap-mall-searchbar__ico{ display: flex; -webkit-box-align: center; align-items: center; color: rgb(166, 124, 82); flex-shrink: 0; opacity: 0.92; }
.header-wrapper--mall .wap-mall-searchbar__svg{ display: block; width: 0.64rem; height: 0.64rem; }
.header-wrapper--mall .wap-mall-searchbar__placeholder{ font-size: 0.3rem; color: rgb(163, 154, 144); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; line-height: 1.25; font-weight: 400; }
.header-wrapper--mall .wap-mall-trailing{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 0.08rem; margin-left: auto; flex-shrink: 0; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn{ min-width: 1.08rem; width: 1.08rem; min-height: 1.08rem; height: 1.08rem; border-radius: 50%; transition: box-shadow 0.2s, transform 0.15s; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 245, 240) 100%) !important; border: 1px solid rgba(200, 175, 145, 0.14) !important; box-shadow: rgba(90, 70, 50, 0.06) 0px 1px 3px, rgba(255, 255, 255, 0.92) 0px 1px 0px inset !important; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn:active{ transform: scale(0.96); box-shadow: rgba(120, 95, 70, 0.1) 0px 1px 2px inset, rgba(90, 70, 50, 0.04) 0px 1px 2px !important; }
.header-wrapper--mall .wap-mall-trailing .wap-mall-share{ font-family: inherit; appearance: none; }
.header-wrapper--mall .wap-mall-msg__ico{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(61, 56, 53); }
.header-wrapper--mall .wap-mall-msg__dot{ position: absolute; top: 0.26rem; right: 0.28rem; width: 0.14rem; height: 0.14rem; border-radius: 50%; background: rgb(255, 59, 48); box-shadow: rgba(255, 255, 255, 0.95) 0px 0px 0px 1px; pointer-events: none; box-sizing: border-box; }
.header-wrapper--mall .wap-lang-switch{ position: relative; z-index: 1200; flex-shrink: 0; display: flex; -webkit-box-align: center; align-items: center; }
.header-wrapper--mall .wap-lang-dropdown{ min-width: 4.8rem; max-width: 5.5rem; margin-top: 0.1rem; border-radius: 0.28rem; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(254, 252, 249) 100%); box-shadow: rgba(100, 75, 50, 0.1) 0px 8px 28px, rgba(210, 190, 165, 0.12) 0px 0px 0px 1px; border: 1px solid rgba(210, 190, 165, 0.14); }
@media screen and (max-width: 400px){.header-wrapper--mall .wap-lang-dropdown{ max-width: 86vw; }
}
.header-wrapper--mall .wap-lang-search-row{ padding: 0.14rem 0.24rem 0.12rem; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.header-wrapper--mall .wap-lang-search-ico{ width: 0.3rem; height: 0.3rem; margin-right: 0.14rem; }
.header-wrapper--mall .wap-lang-filter-input{ font-size: 0.3rem; }
.header-wrapper--mall .wap-lang-options{ max-height: 5.2rem; padding: 0.06rem 0px; }
.header-wrapper--mall .wap-lang-item{ gap: 0.18rem; padding: 0.2rem 0.26rem; font-size: 0.32rem; }
.header-wrapper--mall .wap-lang-item.is-current{ color: rgb(198, 40, 40); background: rgba(255, 107, 107, 0.08); font-weight: 600; }
.header-wrapper--mall .wap-lang-item:active{ background: rgba(0, 0, 0, 0.04); }
.tuan-ul.tuan-ul-img{ padding: 0.2rem 0.24rem 0px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; position: relative; background: rgb(245, 245, 245) !important; }
.tuan-ul.tuan-ul-img::after{ display: none !important; }
.tuan-ul.tuan-ul-img li.tuan_li{ background: rgb(255, 255, 255); border-radius: 0.28rem; overflow: hidden; margin-bottom: 0.2rem; box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 4px; width: 49.2% !important; float: none !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.wrap.loading_container{ padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0px)); }
.idx-progress-track{ width: 100%; height: 0.24rem; border-radius: 0.12rem; background: rgb(236, 236, 236); overflow: hidden; margin-top: 0.22rem; display: block; box-sizing: border-box; }
@-webkit-keyframes idx-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes idx-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
@-webkit-keyframes idx-progress-pulse{ 
  0%, 100% { filter: brightness(1) saturate(1); }
  40% { filter: brightness(1.06) saturate(1.1); }
  70% { filter: brightness(1.03) saturate(1.05); }
}
@keyframes idx-progress-pulse{ 
  0%, 100% { filter: brightness(1) saturate(1); }
  40% { filter: brightness(1.06) saturate(1.1); }
  70% { filter: brightness(1.03) saturate(1.05); }
}
.idx-progress-fill{ display: block; height: 100%; border-radius: 0.12rem; min-width: 0px; background-color: rgb(229, 57, 53); background-image: linear-gradient(90deg, rgb(255, 171, 64) 0%, rgb(217, 58, 85) 33.33%, rgb(217, 58, 85) 66.66%, rgb(229, 57, 53) 100%); background-size: 200% 100%; background-position: 200% 50%; transition: width 0.25s; animation: 1.5s linear 0s infinite normal none running idx-progress-flow, 1.25s ease-in-out 0s infinite normal none running idx-progress-pulse; }

.content{ background: rgb(245, 245, 248); }
@-webkit-keyframes shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@keyframes shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}

@keyframes uc-invite-scatter{ 
  0% { transform: translate3d(0px, -0.2rem, 0px) rotate(0deg) scale(0.85); opacity: 0; }
  12% { opacity: 0.92; }
  88% { opacity: 0.72; }
  100% { transform: translate3d(var(--tx), 2.2rem, 0) rotate(var(--rot)) scale(0.95); opacity: 0; }
}
@keyframes ucSigninUp{ 
  0% { transform: translateY(100%); opacity: 0.6; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes ucSigninDesk{ 
  0% { transform: scale(0.96) translateY(12px); opacity: 0.55; }
  100% { transform: scale(1) translateY(0px); opacity: 1; }
}
@-webkit-keyframes ucSigninSpin{ 
  100% { transform: rotate(360deg); }
}
@keyframes ucSigninSpin{ 
  100% { transform: rotate(360deg); }
}
@keyframes mine-v3-hero-shimmer{ 
  0%, 100% { transform: rotate(24deg) translateX(-120%); opacity: 0; }
  18% { opacity: 1; }
  50% { transform: rotate(24deg) translateX(280%); opacity: 0.85; }
  70% { opacity: 0; }
}
@keyframes mine-v3-hero-blob-float-1{ 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-0.24rem, 0.32rem) scale(1.06); }
}
@keyframes mine-v3-hero-blob-float-2{ 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(0.28rem, -0.2rem) scale(1.08); }
}
@keyframes mine-v3-hero-blob-float-3{ 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-0.16rem, -0.24rem) scale(0.94); }
}
@keyframes mine-v3-hero-watermark-breathe{ 
  0%, 100% { opacity: 0.85; transform: rotate(-8deg) translateY(0px); }
  50% { opacity: 1; transform: rotate(-8deg) translateY(-0.08rem); }
}
@keyframes mine-v3-avatar-ring-spin{ 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes mine-v3-hero-arc-pulse{ 
  0%, 100% { opacity: 0.55; transform: scale(1) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.06) rotate(12deg); }
}
@keyframes mine-v3-hero-twinkle{ 
  0%, 100% { opacity: 0.15; transform: rotate(45deg) scale(0.6); }
  50% { opacity: 1; transform: rotate(45deg) scale(1.2); }
}
@keyframes mine-v3-hero-drift{ 
  0%, 100% { opacity: 0.2; transform: translate(0px, 0px); }
  35% { opacity: 0.9; }
  50% { opacity: 1; transform: translate(0.2rem, -0.28rem); }
  75% { opacity: 0.4; }
}
@keyframes mine-v3-avatar-glow{ 
  0%, 100% { box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px, rgba(232, 205, 161, 0) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px, rgba(232, 205, 161, 0.38) 0px 0px 0px 0.1rem; }
}
@keyframes mine-v3-progress-shine{ 
  0%, 100% { transform: translateX(-120%); opacity: 0; }
  40% { opacity: 1; }
  60% { transform: translateX(120%); opacity: 0; }
}
@keyframes mine-v3-member-shimmer{ 
  0%, 100% { transform: translateX(-60%); opacity: 0; }
  45% { opacity: 1; }
  55% { transform: translateX(60%); opacity: 0; }
}
@keyframes mine-v3-crown-float{ 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-0.06rem) rotate(-4deg); }
}
@-webkit-keyframes mine-v3-sweep{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@keyframes mine-v3-sweep{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@-webkit-keyframes mine-v3-invite-sweep{ 
  0% { transform: skewX(-20deg) translateX(-220%); }
  100% { transform: skewX(-20deg) translateX(480%); }
}
@keyframes mine-v3-invite-sweep{ 
  0% { transform: skewX(-20deg) translateX(-220%); }
  100% { transform: skewX(-20deg) translateX(480%); }
}
@keyframes ucAvatarSheetUp{ 
  0% { transform: translateY(100%); opacity: 0.65; }
  100% { transform: translateY(0px); opacity: 1; }
}
@media screen and (min-width: 481px){@keyframes ucAvatarSheetDesk{ 
  0% { transform: scale(0.96) translateY(12px); opacity: 0.55; }
  100% { transform: scale(1) translateY(0px); opacity: 1; }
}
}


.idx-live-toast-mount{ position: fixed; left: 0px; right: 0px; top: calc(1.56rem + 0.58rem + env(safe-area-inset-top, 0px)); z-index: 100200; display: flex; justify-content: center; padding: 0px 14px; box-sizing: border-box; pointer-events: none; visibility: hidden; transition: visibility linear 0.36s; }
@keyframes idx-live-toast-order-bubble-rise{ 
  0% { transform: translateY(0px) scale(0.82); opacity: 0.22; }
  12% { opacity: 0.92; }
  40% { opacity: 1; }
  100% { transform: translateY(-132px) scale(1.1); opacity: 0; }
}
@keyframes idx-live-toast-order-hb-rise{ 
  0% { transform: translate3d(0px, 0px, 0px) rotate(-11deg); opacity: 0; }
  7% { opacity: 0.88; }
  72% { opacity: 0.42; }
  100% { transform: translate3d(8px, -195%, 0px) rotate(14deg); opacity: 0; }
}
@keyframes idx-live-toast-order-hb-rise-alt{ 
  0% { transform: translate3d(0px, 0px, 0px) rotate(9deg); opacity: 0; }
  7% { opacity: 0.85; }
  72% { opacity: 0.38; }
  100% { transform: translate3d(-9px, -205%, 0px) rotate(-13deg); opacity: 0; }
}
@keyframes idx-live-toast-bubble-rise{ 
  0% { transform: translateY(0px) scale(0.88); opacity: 0.25; }
  10% { opacity: 0.92; }
  45% { opacity: 1; }
  100% { transform: translateY(-88px) scale(1.08); opacity: 0; }
}
@keyframes idx-live-toast-spark-pop{ 
  0%, 100% { transform: scale(0.4) rotate(0deg); opacity: 0; }
  25% { opacity: 1; transform: scale(1.15) rotate(45deg); }
  50% { opacity: 0.55; transform: scale(0.75) rotate(90deg); }
}
@keyframes idx-live-toast-trophy-glow{ 
  0%, 100% { transform: scale(0.92) translateY(0px) rotate(-2deg); opacity: 0.78; }
  40% { transform: scale(1.04) translateY(-0.5px) rotate(2deg); opacity: 0.96; }
  70% { transform: scale(0.97) translateY(0px) rotate(0deg); opacity: 0.88; }
}
.page-index-yiyuan-grid{ --idx-page-bg-fallback: #fefdfb; --idx-page-bg: linear-gradient(
		165deg,
		#f7f4ef 0%,
		#ffffff 24%,
		#ffffff 76%,
		#f6f3ee 100%
	); }
html.page-index-yiyuan-grid, body.page-index-yiyuan-grid{ min-height: 100%; background-attachment: scroll; background-color: var(--idx-page-bg-fallback) !important; background-image: var(--idx-page-bg) !important; }
.page-index-yiyuan-grid .idx-lux-wrap, .page-index-yiyuan-grid #loading_container{ background: transparent !important; }
@media screen and (min-width: 481px){html.page-index-yiyuan-grid{ background-color: rgb(237, 239, 243) !important; background-image: none !important; background-attachment: scroll !important; }
body.page-index-yiyuan-grid{ background-color: var(--idx-page-bg-fallback) !important; background-image: none !important; background-attachment: scroll !important; }
}
.page-index-yiyuan-grid .idx-lux-ambient{ display: none; }
.tuan-ul.idx-yiyuan-grid{ display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; list-style: none; background: transparent !important; padding: 0.16rem 0.24rem 0.2rem !important; }
.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card{ width: 49% !important; float: none !important; margin: 0px 0px 0.2rem !important; padding: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; }
.idx-yiyuan-card__link{ display: block; background: rgb(255, 255, 255); border-radius: 0.32rem; padding: 0.2rem 0.2rem 0.22rem; box-shadow: rgba(230, 74, 56, 0.06) 0px 4px 16px; color: inherit; -webkit-tap-highlight-color: transparent; text-decoration: none !important; }
.idx-yiyuan-card__pic{ position: relative; width: 100%; padding-top: 88%; margin-bottom: 0.14rem; background: rgb(255, 255, 255); border-radius: 0.24rem; overflow: hidden; }
.idx-yiyuan-card__tags{ position: absolute; left: 0.1rem; right: 0.1rem; top: 0.1rem; z-index: 3; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; pointer-events: none; }
.idx-yiyuan-tag{ display: inline-flex; -webkit-box-align: center; align-items: center; gap: 0.08rem; font-size: 0.32rem; font-weight: 600; line-height: 1.2; border-radius: 999px; padding: 0.08rem 0.14rem; white-space: nowrap; }
.idx-yiyuan-tag svg{ width: 0.28rem; height: 0.28rem; flex-shrink: 0; }
.idx-yiyuan-tag--safe{ background: rgba(255, 248, 235, 0.92); color: rgb(141, 110, 74); font-weight: 500; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 4px; }
.idx-yiyuan-card__img{ position: absolute; top: 50%; left: 50%; width: 96%; height: 96%; max-width: none; transform: translate(-50%, -50%); object-fit: contain; }
.idx-yiyuan-card__title{ margin: 0px; padding: 0px 0.04rem; font-size: 0.46rem; font-weight: 500; color: rgb(58, 50, 36); line-height: 1.45; min-height: 3em; max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; }
.idx-yiyuan-card__price-row{ display: flex; -webkit-box-align: center; align-items: center; margin-top: 0.12rem; padding: 0px 0.04rem; }
.idx-yiyuan-card__price{ margin: 0px; line-height: 1; }
.idx-yiyuan-card__price em{ font-style: normal; font-size: 0.64rem; font-weight: 700; color: rgb(216, 67, 21); }
.idx-yiyuan-card__price span{ font-size: 0.38rem; font-weight: 500; color: rgb(232, 100, 90); margin-left: 0.04rem; }
.idx-yiyuan-card__prog-row{ display: flex; -webkit-box-align: center; align-items: center; gap: 0.12rem; margin: 0.14rem 0.04rem 0px; padding: 0px 0.04rem; }
.idx-yiyuan-card__prog-track{ -webkit-box-flex: 1; flex: 1 1 0%; height: 0.16rem; border-radius: 999px; background: rgb(243, 235, 232); overflow: hidden; }
@-webkit-keyframes idx-yiyuan-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes idx-yiyuan-progress-flow{ 
  0% { background-position: 200% 50%; }
  100% { background-position: 0% 50%; }
}
.idx-yiyuan-card .idx-yiyuan-card__prog-track .idx-progress-fill{ display: block; height: 100%; border-radius: 999px; min-width: 0px; background-color: rgb(232, 86, 69); background-image: linear-gradient(90deg, rgb(255, 196, 181) 0%, rgb(240, 120, 98) 45%, rgb(232, 86, 69) 100%); background-size: 200% 100%; background-position: 200% 50%; animation: 2.2s ease-in-out 0s infinite normal none running idx-yiyuan-progress-flow; }
.idx-yiyuan-card__pct{ flex-shrink: 0; font-size: 0.42rem; font-weight: 600; color: rgb(154, 143, 136); min-width: 0.9rem; text-align: right; line-height: 1; }
.idx-yiyuan-card__joining{ display: flex; -webkit-box-align: center; align-items: center; flex-wrap: nowrap; margin: 0.14rem 0.04rem 0px; padding: 0.14rem 0.12rem; border-radius: 0.2rem; background: rgb(250, 247, 245); border: 1px solid rgb(239, 229, 223); box-shadow: none; }
.idx-yiyuan-card__joining-main{ display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; gap: 0.1rem; }
.idx-yiyuan-card__joining-sep{ flex-shrink: 0; width: 1px; height: 0.4rem; margin: 0px 0.1rem; background: linear-gradient(transparent 0%, rgba(180, 165, 145, 0.28) 50%, transparent 100%); }
.idx-yiyuan-card__joining-txt, .idx-yiyuan-card__remain{ display: inline-flex; -webkit-box-align: baseline; align-items: baseline; gap: 0.04rem; white-space: nowrap; line-height: 1.3; }
.idx-yiyuan-card__remain{ flex-shrink: 0; position: relative; overflow: hidden; padding: 0.08rem 0.14rem; border-radius: 0.12rem; background: rgb(255, 255, 255); border: 1px solid rgb(245, 221, 212); box-shadow: none; }
.idx-yiyuan-card__remain::after{ content: ""; position: absolute; top: 0px; left: -75%; width: 50%; height: 100%; background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.72) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-20deg); animation: 4.5s ease-in-out 0s infinite normal none running idx-yiyuan-remain-shimmer; pointer-events: none; z-index: 1; }
.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n+1) .idx-yiyuan-card__remain::after{ animation-delay: 0s; }
.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n+2) .idx-yiyuan-card__remain::after{ animation-delay: 1.5s; }
.tuan-ul.idx-yiyuan-grid .idx-yiyuan-card:nth-child(3n) .idx-yiyuan-card__remain::after{ animation-delay: 3s; }
@-webkit-keyframes idx-yiyuan-remain-shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@keyframes idx-yiyuan-remain-shimmer{ 
  0% { left: -75%; opacity: 0; }
  15% { opacity: 1; }
  50% { left: 125%; opacity: 0; }
  100% { left: 125%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce){.idx-yiyuan-card__remain::after{ display: none; }
}
.idx-yiyuan-card__stat-num{ font-style: normal; font-weight: 700; font-size: 0.42rem; color: rgb(92, 79, 71); letter-spacing: 0.02em; }
.idx-yiyuan-card__stat-num--hot{ color: rgb(232, 86, 69); }
.idx-yiyuan-card__stat-label{ font-size: 0.3rem; font-weight: 400; color: rgb(138, 127, 120); }
.idx-yiyuan-card__avatars{ display: flex; -webkit-box-align: center; align-items: center; flex-shrink: 0; max-width: 2.9rem; padding-right: 0.04rem; }
.idx-yiyuan-card__avatar{ display: block; width: 0.56rem; height: 0.56rem; border-radius: 50%; border: 2px solid rgb(255, 255, 255); margin-left: -0.14rem; object-fit: cover; background: rgb(255, 255, 255); flex-shrink: 0; box-shadow: rgba(90, 70, 50, 0.1) 0px 1px 3px; }
.idx-yiyuan-card__avatar:first-child{ margin-left: 0px; }
.idx-yiyuan-card__cta{ display: block; width: calc(100% - 0.08rem); margin: 0.16rem 0.04rem 0px; padding: 0.24rem 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; text-align: center; font-size: 0.46rem; font-weight: 600; line-height: 1.2; background: linear-gradient(90deg, rgb(230, 74, 56) 0%, rgb(240, 120, 98) 100%); box-shadow: rgba(230, 74, 56, 0.22) 0px 4px 14px; color: rgb(255, 255, 255) !important; }
.page-index-yiyuan-grid .index-cate-nav{ background: transparent !important; }
.page-index-yiyuan-grid .content{ background: transparent; }
.page-index-yiyuan-grid .header-wrapper--mall{ background: transparent; }
.page-index-yiyuan-grid .soon-reveal-mod{ background: transparent; }
.page-index-yiyuan-grid .idx-home-theme-shell{ position: relative; width: 100%; max-width: 100%; overflow-x: hidden; background: rgb(255, 255, 255); }
.page-index-yiyuan-grid .home-top{ position: relative; width: 100%; max-width: 100%; overflow: hidden visible; }
.page-index-yiyuan-grid .home-top > .header-wrapper{ position: relative; z-index: 20; }
.page-index-yiyuan-grid .home-top > .home-top__banner{ position: relative; z-index: 1; }
.page-index-yiyuan-grid .home-top__ambient{ position: absolute; inset: 0px; z-index: 0; overflow: hidden; pointer-events: none; }
.page-index-yiyuan-grid .home-top__ambient-layer{ position: absolute; inset: -18% -12% -10%; background-repeat: no-repeat; background-position: center center; background-size: cover; filter: blur(32px); transform: scale(1.18); opacity: 0; transition: opacity 0.45s; will-change: opacity; }
.page-index-yiyuan-grid .home-top__ambient-layer.is-visible{ opacity: 1; }
.page-index-yiyuan-grid .home-top__ambient-mask{ position: absolute; inset: 0px; background: linear-gradient(rgba(255, 252, 247, 0.12) 0%, rgba(255, 250, 242, 0.38) 30%, rgba(255, 255, 255, 0.62) 58%, rgba(255, 255, 255, 0.88) 78%, rgb(255, 255, 255) 100%); }
.page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall{ background: transparent !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper.header-wrapper--mall .header-wrap--mall{ backdrop-filter: none; overflow: visible; background: transparent !important; box-shadow: none !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar{ height: 1.22rem; padding: 0px 0.32rem; border-radius: 999px; backdrop-filter: blur(14px); color: rgb(74, 69, 64); transition: background-color 0.35s, box-shadow 0.35s; background: rgba(255, 255, 255, 0.46) !important; border: 1px solid rgba(255, 255, 255, 0.34) !important; box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 12px !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar:active{ background: rgba(255, 255, 255, 0.58) !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar__ico{ color: rgb(107, 99, 90); opacity: 1; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar__placeholder{ color: rgb(122, 114, 104); font-weight: 400; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-lang-btn.wap-mall-lang-trigger{ backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.42) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px !important; color: rgb(74, 69, 64) !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn{ backdrop-filter: blur(12px); transition: background-color 0.35s, box-shadow 0.35s, transform 0.15s; background: rgba(255, 255, 255, 0.5) !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 8px !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn:active{ background: rgba(255, 255, 255, 0.62) !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-header-ico{ color: rgb(74, 69, 64) !important; }
.page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-msg__dot{ background: rgb(201, 168, 124); }
.page-index-yiyuan-grid .home-top__banner{ position: relative; z-index: 1; background: transparent !important; }
.page-index-yiyuan-grid .home-top--active .index-adv-box{ margin: 0.16rem 0.28rem 0.12rem; border-radius: 0.32rem; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; overflow: hidden; }
.page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li, .page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li img{ border-radius: 0.32rem; background: transparent; }
.page-index-yiyuan-grid .home-top--active .index-adv-box .bd ul li img{ display: block; width: 100%; vertical-align: top; filter: none; }
.page-index-yiyuan-grid .home-top--active .index-adv-box .hd li{ background: rgba(255, 255, 255, 0.5); transition: background-color 0.35s, opacity 0.35s; }
.page-index-yiyuan-grid .home-top--active .index-adv-box .hd li.on{ background: rgba(255, 255, 255, 0.95); box-shadow: rgba(201, 168, 124, 0.45) 0px 0px 0px 1px; }
.page-index-yiyuan-grid .home-top--active + .index-home-floats-layer, .page-index-yiyuan-grid .idx-home-theme-shell .idx-lux-dock, .page-index-yiyuan-grid .idx-home-theme-shell .sort_nav{ background: transparent !important; }
@media screen and (min-width: 481px){.page-index-yiyuan-grid .home-top__ambient{ left: 0px; right: 0px; }
}
@media (prefers-reduced-motion: reduce){.page-index-yiyuan-grid .home-top__ambient-layer, .page-index-yiyuan-grid .home-top--active .index-adv-box .hd li, .page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-searchbar, .page-index-yiyuan-grid .home-top--active .header-wrapper--mall .wap-mall-trailing .wap-mall-iconbtn{ transition: none; }
}
:root{ --ies-z: 100000; --ies-flow-circ: 289.03; --ies-ease-out: cubic-bezier(0.22, 1, 0.36, 1); --ies-ease-hide: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@keyframes indexFloatBounce{ 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}
@keyframes indexFloatSweep{ 
  0% { transform: rotate(22deg) translateX(-160%); opacity: 0; }
  12% { opacity: 1; }
  100% { transform: rotate(22deg) translateX(220%); opacity: 0; }
}
.index-home-floats-layer{ position: fixed; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 100%; max-width: 480px; height: 100%; pointer-events: none; z-index: 9185; box-sizing: border-box; }
.index-home-floats-layer .index-wheel-home-modal{ pointer-events: auto; }
.index-wheel-home-modal{ position: fixed; inset: 0px; z-index: 9300; display: none; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.index-wheel-home-modal__bg{ position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.55); }
.index-wheel-home-modal__box{ position: relative; max-width: 320px; width: 100%; background: linear-gradient(165deg, rgb(255, 248, 231) 0%, rgb(255, 228, 196) 100%); border: 3px solid rgb(230, 180, 34); border-radius: 16px; padding: 14px 12px 16px; box-shadow: rgba(0, 0, 0, 0.35) 0px 12px 40px; text-align: center; color: rgb(74, 0, 0); }
.index-wheel-home-modal__close{ position: absolute; right: 8px; top: 4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; color: rgb(102, 102, 102); }
.index-wheel-home-modal__title{ font-size: 17px; font-weight: bold; margin: 8px 0px 6px; color: rgb(139, 0, 0); }
.index-wheel-home-modal__text{ font-size: 13px; line-height: 1.5; margin-bottom: 10px; }
.index-wheel-home-modal__img{ max-width: 100%; border-radius: 10px; display: block; margin: 0px auto 10px; }
.index-wheel-home-modal__go{ display: inline-block; padding: 10px 28px; border-radius: 999px; background: linear-gradient(rgb(255, 107, 74), rgb(196, 30, 30)); color: rgb(255, 248, 208); font-weight: bold; border: 2px solid rgb(255, 213, 107); text-decoration: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 14px; }


@keyframes duobao-sk-wave-93c1e8ed{ 
  100% { transform: translate(100%); }
}

@keyframes cs-shimmer{ 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}

@keyframes jjg-auth-toast-pop{ 
  0% { opacity: 0; filter: blur(3px); transform: scale(0.86) translateY(8px); }
  100% { opacity: 1; filter: blur(); transform: scale(1) translateY(0px); }
}
@keyframes jjg-auth-toast-vanish{ 
  0% { opacity: 1; filter: blur(); transform: scale(1); }
  100% { opacity: 0; filter: blur(6px); transform: scale(1.06); }
}

.jjg-guide { z-index: 12000; background: rgba(0, 0, 0, 0.45); justify-content: center; align-items: center; padding: 0.8rem; animation: 0.28s ease-out 0s 1 normal both running jjg-guide-fade-in; display: flex; position: fixed; inset: 0px; }

.jjg-guide__panel { text-align: center; background: rgb(255, 255, 255); border-radius: 0.48rem; width: 11.2rem; max-width: 86%; padding: 0px 0px 0.48rem; position: relative; overflow: visible; }

.jjg-guide__visual { line-height: 0; position: relative; }

.jjg-guide__art { border-radius: 0.48rem 0.48rem 0px 0px; width: 100%; height: auto; display: block; }

.jjg-guide__copy { text-align: left; box-sizing: border-box; background: 0px 0px; flex-direction: column; justify-content: flex-start; gap: 0.38rem; margin: 0px; padding: 0.12rem 0.18rem 0px; list-style: none; display: flex; position: absolute; inset: 38% 0.34rem 10%; }

.jjg-guide__item { margin: 0px; }

.jjg-guide__line { color: rgb(85, 85, 85); letter-spacing: 0.01em; margin: 0px; font-size: 0.52rem; line-height: 1.7; }

.jjg-guide__label { color: rgb(239, 141, 56); font-weight: 700; }

.jjg-guide__desc { color: rgb(85, 85, 85); font-weight: 400; }

.jjg-guide__more { text-align: center; color: rgb(51, 51, 51); z-index: 1; background: rgb(255, 224, 138); border-radius: 1.44rem; width: calc(100% - 1.28rem); height: 1.44rem; margin: 0.32rem auto 0px; font-size: 0.52rem; font-weight: 600; line-height: 1.44rem; text-decoration: none; display: block; position: relative; }

.jjg-guide__close { color: rgb(255, 255, 255); box-sizing: border-box; background: 0px 0px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; justify-content: center; align-items: center; width: 1.12rem; height: 1.12rem; padding: 0px; display: flex; position: absolute; bottom: -1.8rem; left: 50%; transform: translate(-50%); }

.jjg-guide__close svg { width: 0.56rem; height: 0.56rem; display: block; }
/* Captured empty category state. */
.null_data { text-align: center; color: rgb(149, 149, 149); padding: 20px 0px; }
.null_data .icon .iconfont { font-size: 40px; }
.null_data .message { font-size: 16px; }
.wap-svg-icon--empty[data-v-d67658ab] { color: silver; width: 2.5rem; height: 2.5rem; margin: 0px auto; }
.null_data { padding: 3rem 0px; }
.wap-svg-icon[data-v-d67658ab] { display: block; }

/* Captured category loading skeleton. */
.idx-home-skeleton[data-v-6aa08a3b], .idx-yiyuan-skeleton[data-v-6aa08a3b] { pointer-events: none; }
.idx-skeleton-inner[data-v-6aa08a3b] { display: block; }
.idx-skeleton-pic[data-v-6aa08a3b] { background: rgb(238, 238, 238); width: 100%; padding-top: 100%; }
.idx-skeleton-body[data-v-6aa08a3b] { padding: 0.3rem 0.28rem 0.34rem; }
.idx-skeleton-line[data-v-6aa08a3b] { background: rgb(236, 236, 236); border-radius: 0.08rem; margin-bottom: 0.22rem; }
.idx-skeleton-line--title[data-v-6aa08a3b] { width: 92%; height: 0.52rem; }
.idx-skeleton-line--bar[data-v-6aa08a3b] { border-radius: 0.12rem; width: 100%; height: 0.24rem; }
.idx-skeleton-line--short[data-v-6aa08a3b] { width: 55%; height: 0.36rem; margin-bottom: 0.28rem; }
.idx-skeleton-foot[data-v-6aa08a3b] { justify-content: space-between; align-items: center; gap: 0.2rem; display: flex; }
.idx-skeleton-line--price[data-v-6aa08a3b] { width: 38%; height: 0.44rem; margin-bottom: 0px; }
.idx-skeleton-btn[data-v-6aa08a3b] { border-radius: 0.28rem; flex-shrink: 0; width: 1.6rem; height: 0.56rem; }
.idx-yiyuan-skeleton-card .idx-yiyuan-card__link[data-v-6aa08a3b] { box-shadow: none; }
.idx-skeleton-shimmer[data-v-6aa08a3b] { position: relative; overflow: hidden; }
.idx-skeleton-shimmer[data-v-6aa08a3b]::after { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.38) 50%, rgba(0, 0, 0, 0) 100%); animation: 1.6s ease-in-out 0s infinite normal none running idx-skeleton-wave-6aa08a3b; position: absolute; inset: 0px; transform: translate(-100%); }
@keyframes idx-skeleton-wave-6aa08a3b { 
  100% { transform: translate(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .idx-skeleton-shimmer[data-v-6aa08a3b]::after { animation: auto ease 0s 1 normal none running none; }
}
.idx-yiyuan-sk-pic[data-v-6aa08a3b] { background: rgb(255, 255, 255); border-radius: 0.24rem; width: 100%; margin-bottom: 0.14rem; padding-top: 88%; }
.idx-yiyuan-sk-line[data-v-6aa08a3b] { background: rgb(236, 236, 236); border-radius: 0.08rem; width: 100%; height: 0.36rem; margin-bottom: 0.1rem; }
.idx-yiyuan-sk-line--t[data-v-6aa08a3b] { height: 0.52rem; }
.idx-yiyuan-sk-price[data-v-6aa08a3b] { background: rgb(236, 236, 236); border-radius: 0.08rem; width: 80%; height: 0.44rem; margin-bottom: 0.12rem; }
.idx-yiyuan-sk-bar[data-v-6aa08a3b] { background: rgb(236, 236, 236); border-radius: 999px; width: 100%; height: 0.16rem; margin-bottom: 0.16rem; }
.idx-yiyuan-sk-cta[data-v-6aa08a3b] { background: rgb(236, 236, 236); border-radius: 999px; width: 100%; height: 0.72rem; }