Durian Flavor Sauce

Home / Product / Products tagged “Durian Flavor Sauce”

Showing the single result

Durian Flavor Sauce
Read more

/* ======================================== 于晟记手机端 Footer ======================================== */ .ysj-mobile-footer, .ysj-mobile-footer * { box-sizing: border-box; } /* 默认隐藏：电脑端和平板端不显示 */ .ysj-mobile-footer { display: none; } /* ======================================== 手机端 ======================================== */ @media (max-width: 767px) { .ysj-mobile-footer { --green: #397c16; --green-light: #75a943; --white: #ffffff; --black: #030303; display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: hidden; background: var(--black); color: var(--white); font-family: Arial, Helvetica, sans-serif; } /* ======================================== 页脚主要内容 ======================================== */ .ysj-mobile-footer .ysj-footer-main { width: 100%; margin: 0; padding: 28px 10px 25px; display: grid; grid-template-columns: 58px minmax(90px, 1fr) minmax(130px, 1.35fr); align-items: start; gap: 12px; } /* ======================================== Logo ======================================== */ .ysj-mobile-footer .ysj-footer-logo { padding-top: 10px; display: flex; align-items: flex-start; justify-content: center; } .ysj-mobile-footer .ysj-footer-logo a, .ysj-mobile-footer .ysj-footer-logo img { display: block; } .ysj-mobile-footer .ysj-footer-logo img { width: 54px; max-width: 100%; height: auto; } /* ======================================== 栏目标题 ======================================== */ .ysj-mobile-footer .ysj-footer-title { margin: 0 0 10px; padding: 0; color: var(--white); font-family: Impact, "Arial Narrow", Arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; } /* ======================================== Quick Links ======================================== */ .ysj-mobile-footer .ysj-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 8px; row-gap: 8px; } .ysj-mobile-footer .ysj-footer-links a { display: block; margin: 0; padding: 0; color: var(--white); font-size: 7px; font-weight: 400; line-height: 1.25; white-space: nowrap; text-decoration: none; transition: color 0.2s ease; } .ysj-mobile-footer .ysj-footer-links a:hover, .ysj-mobile-footer .ysj-footer-links a.active { color: var(--green-light); } /* ======================================== 联系方式 ======================================== */ .ysj-mobile-footer .ysj-footer-contact { display: flex; flex-direction: column; gap: 9px; } .ysj-mobile-footer .ysj-contact-row { display: grid; grid-template-columns: 37px minmax(0, 1fr); align-items: start; gap: 1px; } .ysj-mobile-footer .ysj-contact-label, .ysj-mobile-footer .ysj-contact-value, .ysj-mobile-footer .ysj-contact-value a { margin: 0; padding: 0; color: var(--white); font-size: 6.5px; line-height: 1.3; } .ysj-mobile-footer .ysj-contact-label { white-space: nowrap; } .ysj-mobile-footer .ysj-contact-value { min-width: 0; overflow-wrap: anywhere; } .ysj-mobile-footer .ysj-contact-value a { text-decoration: none; } .ysj-mobile-footer .ysj-contact-value a:hover { color: var(--green-light); } /* ======================================== 底部区域 ======================================== */ .ysj-mobile-footer .ysj-footer-bottom { width: 100%; min-height: 42px; padding: 10px 8px; border-top: 1px solid rgba(255, 255, 255, 0.5); display: grid; grid-template-columns: max-content max-content max-content; align-items: center; justify-content: space-between; column-gap: 5px; overflow: visible; } /* 左侧版权 */ .ysj-mobile-footer .ysj-footer-copyright { margin: 0; padding: 0; min-width: 0; color: var(--white); font-size: 5px; line-height: 1.2; white-space: nowrap; } /* 中间隐私政策 */ .ysj-mobile-footer .ysj-footer-privacy { margin: 0; padding: 3px 4px; color: var(--white); font-size: 5px; line-height: 1.2; white-space: nowrap; text-decoration: none; transition: color 0.2s ease; } .ysj-mobile-footer .ysj-footer-privacy:hover, .ysj-mobile-footer .ysj-footer-privacy:focus-visible { color: var(--green-light); } /* ======================================== 社交媒体 ======================================== */ .ysj-mobile-footer .ysj-social-list { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-end; gap: 3px; } .ysj-mobile-footer .ysj-social-list a { width: 14px; height: 14px; flex: 0 0 14px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--green); border-radius: 50%; background-color: var(--green); color: var(--white); text-decoration: none; transition: background-color 0.2s ease, border-color 0.2s ease; } .ysj-mobile-footer .ysj-social-list svg { display: block; width: 6px; height: 6px; fill: var(--white); color: var(--white); } .ysj-mobile-footer .ysj-social-list a:hover { border-color: var(--green-light); background-color: var(--green-light); color: var(--white); } .ysj-mobile-footer .ysj-social-list a:hover svg { fill: var(--white); } /* ======================================== 手机端返回顶部按钮 ======================================== */ #wpfront-scroll-top-container { right: 12px !important; bottom: 75px !important; width: 30px !important; height: 30px !important; } #wpfront-scroll-top-container img { display: block; width: 30px !important; height: 30px !important; object-fit: contain; filter: brightness(0) saturate(100%) invert(38%) sepia(50%) saturate(900%) hue-rotate(52deg) brightness(86%) contrast(95%); } } /* ======================================== 360px及以下小屏幕 ======================================== */ @media (max-width: 360px) { .ysj-mobile-footer .ysj-footer-main { padding-left: 7px; padding-right: 7px; grid-template-columns: 51px minmax(84px, 1fr) minmax(122px, 1.3fr); gap: 8px; } .ysj-mobile-footer .ysj-footer-logo img { width: 48px; } .ysj-mobile-footer .ysj-footer-title { font-size: 11px; } .ysj-mobile-footer .ysj-footer-links { column-gap: 5px; } .ysj-mobile-footer .ysj-footer-links a { font-size: 6.5px; } .ysj-mobile-footer .ysj-contact-row { grid-template-columns: 34px minmax(0, 1fr); } .ysj-mobile-footer .ysj-contact-label, .ysj-mobile-footer .ysj-contact-value, .ysj-mobile-footer .ysj-contact-value a { font-size: 6px; } .ysj-mobile-footer .ysj-footer-bottom { min-height: 40px; padding: 9px 5px; column-gap: 3px; } .ysj-mobile-footer .ysj-footer-copyright { font-size: 4.5px; } .ysj-mobile-footer .ysj-footer-privacy { padding: 3px 2px; font-size: 4.5px; } .ysj-mobile-footer .ysj-social-list { gap: 2px; } .ysj-mobile-footer .ysj-social-list a { width: 12px; height: 12px; flex: 0 0 12px; } .ysj-mobile-footer .ysj-social-list svg { width: 5px; height: 5px; } #wpfront-scroll-top-container { right: 10px !important; bottom: 70px !important; width: 28px !important; height: 28px !important; } #wpfront-scroll-top-container img { width: 28px !important; height: 28px !important; } }