{"status":true,"code":0,"message":"success","error":{},"data":{"page_data":{"env":"prod","version":"3.2.24","publish_verison":1684475705,"name":"Vogueworkshoes","url":"https:\/\/www.vivaia.com\/promotion\/vivaia-Margot-Melody-Wedge-5723.html?lang=en","link_domain":"https:\/\/www.vivaia.com","page_id":5723,"page_type":1,"platform_code":"Pc","lang_code":"en","slug_uri":"vivaia-Margot-Melody-Wedge-5723","lang_code_name":"\u82f1\u6587","cnf_background":{"backgroundColor":"","rootWay":"none","backgroundImage":""},"is_head_sticky":"1","seo_title":"VIVAIA Most Comfortable Work Shoes\n","seo_keywords":"Work Shoes\nSafety shoes\nSlip-resistant shoes\nComfortable work shoes\nWaterproof work shoes\nNon-slip work shoes\nProfessional shoes\nRestaurant shoes\nHospital shoes\nOffice shoes\nStanding work shoes\nWalking work shoes\n","seo_description":"VIVAIA Work Shoes Collection: Style and Comfort\n","hide_header":"","hide_bottom":"","skeleton_icon":"","skeleton_backgroundColor":"","theme_id":0,"theme_url":"","link_mode":"_self","extra_attrs":{"foot_align":"center","default_tag":"always"},"component_list":[{"ui_id":51396,"ui_key":"Diy","ui_name":"\u81ea\u5b9a\u4e49","style_id":"112","icon_name":"icon-t-customize","desc":"","attrs":{"css":"@font-face {\n font-family: \"Domaine Display\";\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/domaine-display-400.woff2\") format(\"woff2\");\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"Domaine Display\";\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/domaine-display-400i.woff2\") format(\"woff2\");\n\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"GT Walsheim\";\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/gt-walsheim-300.woff2\") format(\"woff2\");\n\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: \"GT Walsheim\";\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/gt-walsheim-700.woff2\") format(\"woff2\");\n\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n\n\n\n.vogue-style-head h1 {\n font-size: 2em;\n margin: .67em 0;\n}\n\n.vogue-style-head a {\n background-color: transparent;\n}\n\n.vogue-style-head img {\n border-style: none;\n}\n\n.vogue-style-head ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\n.vogue-style-head * {\n box-sizing: inherit;\n}\n\n.vogue-style-head .screen-reader-text {\n position: absolute;\n overflow: hidden;\n clip: rect(1px, 1px, 1px, 1px);\n margin: -1px;\n padding: 0;\n width: 1px;\n height: 1px;\n border: 0;\n word-wrap: normal !important;\n -webkit-clip-path: inset(50%);\n clip-path: inset(50%);\n}\n\n.vogue-style-head :focus {\n outline: none;\n}\n\n.vogue-style-head a {\n border-bottom: 1px solid var(--theme, #000);\n color: inherit;\n text-decoration: none;\n transition: all .15s ease-in-out;\n}\n\n.vogue-style-head a:hover,\n.vogue-style-head a:focus {\n color: var(--theme, #000);\n}\n\n.vogue-style-head p {\n margin: 0 0 1.5em;\n font-size: 18px;\n line-height: 1.77;\n}\n\n.vogue-style-head p:last-child {\n margin-bottom: 0;\n}\n\n.vogue-style-head h1 {\n margin: 0 0 .5em;\n}\n\n.vogue-style-head img {\n max-width: 100%;\n}\n\n.vogue-style-head img {\n height: auto;\n}\n\n.vogue-style-head img {\n vertical-align: middle;\n}\n\n.vogue-style-head figure {\n margin: 0;\n}\n\n.vogue-style-head ::-moz-placeholder {\n color: #999c9f;\n text-overflow: ellipsis;\n opacity: 1;\n}\n\n.vogue-style-head :-ms-input-placeholder {\n color: #999c9f;\n text-overflow: ellipsis;\n opacity: 1;\n}\n\n.vogue-style-head .entry-news-banner {\n margin-bottom: 1.5em;\n}\n\n.vogue-style-head .entry-news-banner > .wrap {\n margin: 0 auto;\n padding-right: .75em;\n padding-left: .75em;\n max-width: 87.75em;\n display: flex;\n}\n\n.vogue-style-head .entry-news-banner figure {\n position: relative;\n flex: 0 0 auto;\n width: calc(50% - 2.5em\/2);\n text-align: right;\n}\n\n.vogue-style-head .entry-news-banner figure + .entry-header {\n align-self: center;\n flex: 1 1 auto;\n margin-right: auto;\n margin-left: auto;\n padding-left: calc(22px + 1.5vw);\n max-width: 32.5em;\n}\n\n@media (min-width: 1200px) {\n .vogue-style-head .entry-news-banner figure + .entry-header {\n padding-left: 40px;\n }\n}\n\n.vogue-style-head .entry-news-banner img {\n display: block;\n margin: 0 auto;\n mix-blend-mode: multiply;\n}\n\n.vogue-style-head .entry-news-banner figcaption {\n font-weight: 300;\n font-style: normal;\n font-family: \"GT Walsheim\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 11px;\n line-height: 1.45;\n color: #6c6e70;\n}\n\n@media (max-width: 1024px) {\n .vogue-style-head .entry-news-banner > .wrap {\n display: block;\n }\n .vogue-style-head .entry-news-banner figure {\n margin-bottom: calc(22px + 1.5vw);\n width: 100%;\n }\n}\n\n@media (max-width: 1024px) and (min-width: 1200px) {\n .vogue-style-head .entry-news-banner figure {\n margin-bottom: 40px;\n }\n}\n\n@media (max-width: 1024px) {\n .vogue-style-head .entry-news-banner figure + .entry-header {\n padding-left: 0;\n max-width: 100%;\n }\n}\n\n@media (max-width: 560px) {\n .vogue-style-head .entry-news-banner figure:before {\n display: none;\n }\n .vogue-style-head .entry-news-banner figure img {\n margin-left: -0.75em;\n max-width: none;\n width: calc(100% + 1.5em);\n }\n}\n\n.vogue-style-head .entry-header {\n margin-right: auto;\n margin-bottom: calc(22px + 1.5vw);\n margin-left: auto;\n max-width: 36em;\n text-align: center;\n}\n\n@media (min-width: 1200px) {\n .vogue-style-head .entry-header {\n margin-bottom: 40px;\n }\n}\n\n.vogue-style-head .entry-title {\n font-weight: normal;\n font-style: normal;\n font-family: \"Domaine Display\", Georgia, serif;\n font-size: calc(22.8px + 2.1vw);\n line-height: 1.15;\n margin-bottom: .5em;\n word-wrap: break-word;\n}\n\n@media (min-width: 1200px) {\n .vogue-style-head .entry-title {\n font-size: 48px;\n }\n}\n\n.vogue-style-head .entry-category {\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 300;\n font-style: normal;\n font-family: \"GT Walsheim\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 12px;\n line-height: 1.33;\n margin-bottom: 0;\n color: #6c6e70;\n}\n\n.vogue-style-head .entry-category p {\n font-size: inherit;\n}\n\n.vogue-style-head .entry-category a {\n border-bottom: none;\n color: inherit;\n}\n\n.vogue-style-head .entry-author {\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 300;\n font-style: normal;\n font-family: \"GT Walsheim\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 12px;\n line-height: 1.33;\n margin-bottom: .25em;\n font-weight: bold;\n}\n\n.vogue-style-head .entry-author:before {\n display: block;\n margin: 0 auto .75em;\n width: calc(28px + 6vw);\n height: 4px;\n background-color: #b89a6a;\n content: \"\";\n}\n\n@media (min-width: 1200px) {\n .vogue-style-head .entry-author:before {\n width: 100px;\n }\n}\n\n.vogue-style-head .entry-author p {\n font-size: inherit;\n}\n\n.vogue-style-head .entry-author a {\n border-bottom: none;\n color: inherit;\n}\n\n.vogue-style-head .entry-date {\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 300;\n font-style: normal;\n font-family: \"GT Walsheim\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 12px;\n line-height: 1.33;\n margin-bottom: 1.5em;\n color: #4c4d4e;\n}\n\n.vogue-style-head .entry-date p {\n font-size: inherit;\n}\n\n.vogue-style-head .entry-excerpt {\n margin-bottom: 1.5em;\n color: #333;\n}\n\n.vogue-style-head .entry-excerpt p {\n font-weight: 300;\n font-style: normal;\n font-family: \"GT Walsheim\", \"system-ui\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 16px;\n line-height: 1.5;\n margin-right: auto;\n margin-left: auto;\n max-width: 58em;\n}\n\n.vogue-style-head .entry-share {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.5em;\n}\n\n.vogue-style-head .entry-share a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3em;\n height: 3em;\n border: 1px solid #f2f2f2;\n border-radius: 50%;\n}\n\n.vogue-style-head .entry-share a + a {\n margin-left: .75em;\n}\n\n.vogue-style-head .entry-share a svg {\n display: block;\n width: 1.25em;\n height: 1.25em;\n fill: #000;\n}\n\n.vogue-style-head .plyr:fullscreen {\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n}\n\n.vogue-style-head .plyr:fullscreen video {\n height: 100%;\n}\n\n.vogue-style-head .plyr:fullscreen .plyr__video-wrapper {\n height: 100%;\n position: static;\n}\n\n.vogue-style-head .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {\n height: 0;\n position: relative;\n}\n\n.vogue-style-head .plyr:fullscreen .plyr__control .icon--exit-fullscreen {\n display: block;\n}\n\n.vogue-style-head .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {\n display: none;\n}\n\n.vogue-style-head .plyr:fullscreen.plyr--hide-controls {\n cursor: none;\n}\n\n@media (min-width: 1024px) {\n .vogue-style-head .plyr:fullscreen .plyr__captions {\n font-size: var(--plyr-font-size-xlarge, 21px);\n }\n}\n\n\n\n\n\n\n\n\n\n\n* {\n margin: 0;\n padding: 0\n}\n\n.vivaia_running_page .new-style-text-align-center {\n text-align: center;\n}\n\n.vivaia_running_page {\n background-color: #fff;\nfont-size:16px;\n}\n\n.vivaia_running_page .flex {\n display: flex\n}\n\n.vivaia_running_page .flex .flex-auto {\n flex: auto\n}\n\n@font-face {\n font-family: MBEmpireW01-Bold;\n src: url(https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/MBEmpireW01-Bold.ttf)\n}\n\n@font-face {\n font-family: Didonesque-Roman;\n src: url(https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Didonesque-Roman.ttf)\n}\n\n@font-face {\n font-family: MGeorgia;\n src: url(https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Georgia.ttf)\n}\n\n@font-face {\n font-family: MBEmpireW01-Book;\n src: url(https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/MBEmpireW01-Book.ttf)\n}\n\n.vivaia_running_page .content {\n background-color: #fff\n}\n\n.vivaia_running_page .content a {\n color: #0f009b;\n font-size: 14px;\n text-decoration: none\n}\n\n.vivaia_running_page .content .right {\n flex-grow: 1\n}\n\n.vivaia_running_page .content .right img {\n width: 100%\n}\n\n.vivaia_running_page .content .right .ad_1 {\n padding-top: 3600px\n}\n\n.vivaia_running_page .content .right .ad_2 {\n margin-top: 101px\n}\n\n.vivaia_running_page .content .right .ad_3 {\n margin-top: 3096px\n}\n\n.vivaia_running_page .content .bread {\n align-items: center;\n margin-top: 56px;\n margin-bottom: 48px;\n font-family: MBEmpireW01-Bold;\n display: flex\n}\n\n.vivaia_running_page .content .bread span {\n margin-left: 10px;\n margin-right: 10px\n}\n\n.vivaia_running_page .content .bread .active {\n color: #000000f2\n}\n\n.vivaia_running_page .content .bread a {\n color: #595959\n}\n\n.vivaia_running_page .content .bread a:hover {\n text-decoration-line: underline\n}\n\n.vivaia_running_page .content .title {\n margin-bottom: 30px;\n font-family: Didonesque-Roman;\n font-size: 48px\n}\n\n.vivaia_running_page .content .subtitle {\n color: #000;\n margin-bottom: 28px;\n font-family: Georgia;\n font-size: 14px\n}\n\n.vivaia_running_page .content .author {\n justify-content: space-between;\n margin-bottom: 15px;\n display: flex\n}\n\n.vivaia_running_page .content .author .author-text {\n color: #000000a6\n}\n\n.vivaia_running_page .content .author a {\n color: #000000f2;\n font-family: MBEmpireW01-Book\n}\n\n.vivaia_running_page .content .author img {\n margin-left: 12px;\n width: 40px !important\n}\n\n.vivaia_running_page .content .desc {\n margin-bottom: 32px;\n font-family: MBEmpireW01-Book;\n font-size: 14px;\n font-style: italic\n}\n\n.vivaia_running_page .content .left>div {\n margin-bottom: 16px;\n font-family: Georgia;\n font-size: 18px;\n line-height: 28px\n}\n\n.vivaia_running_page .content .left>div a {\n font-size: 18px\n}\n\n.vivaia_running_page .content .left div.MB {\n margin-bottom: 55px;\n font-family: MBEmpireW01-Book;\n font-size: 12px;\n font-style: italic\n}\n\n.vivaia_running_page .content .left div.MB a {\n font-size: 12px\n}\n\n.vivaia_running_page .content .left p {\n margin-top: 30px;\n margin-bottom: 54px;\n font-family: Georgia\n}\n\n.vivaia_running_page .content .left p span:first-child {\n color: #000;\n font-weight: 700\n}\n\n.vivaia_running_page .content .left p a {\n font-size: 18px;\n text-decoration-line: underline\n}\n\n.vivaia_running_page .content a {\n text-decoration-line: underline\n}\n\n.vivaia_running_page .running_footer {\n background-color: #f2f2f2;\n padding-top: 77px;\n padding-bottom: 30px\n}\n\n.vivaia_running_page .running_footer .articles-wrap {\n width: 65%;\n margin: 0 auto 55px\n}\n\n.vivaia_running_page .running_footer .articles-wrap .title {\n color: #000;\n margin-bottom: 38px;\n font-family: Didonesque-Roman;\n font-size: 28px\n}\n\n.vivaia_running_page .running_footer .articles-wrap .wrap .text {\n color: #000;\n min-height: 186px;\n box-sizing: border-box;\n padding: 30px 12px;\n font-family: Didonesque-Roman;\n font-size: 18px;\n line-height: 32px\n}\n\n.vivaia_running_page .running_footer .articles-wrap .wrap .text:hover {\n text-decoration: underline\n}\n\n.vivaia_running_page .running_footer .articles-wrap .wrap>a {\n cursor: pointer;\n background-color: #fff;\n text-decoration: none;\n display: block\n}\n\n.vivaia_running_page .running_footer .toButton {\n color: #fffefe;\n height: 60px;\n text-align: center;\n width: 272px;\n cursor: pointer;\n background-color: #000;\n margin: 0 auto;\n font-family: Didonesque-Roman;\n font-size: 24px;\n line-height: 60px;\n text-decoration: none;\n display: block\n}\n\n.vivaia_running_page .content img {\n width: 100%\n}\n\n.vivaia_running_page .content .author img {\n width: 60px\n}\n\n@media screen and (min-width:769px) {\n .vivaia_running_page .content {\n width: 55%;\n margin: 0 auto\n }\n\n .vivaia_running_page .content .left {\n width: 620px;\n margin-right: 80px;\n flex-shrink: 0;\n }\n\n .vivaia_running_page .running_footer .wrap {\n grid-gap: 18px;\n grid-template-columns: repeat(4, 25%);\n display: grid\n }\n\n .vivaia_running_page .running_footer .wrap img {\n width: 100%\n }\n}\n\n@media screen and (max-width:768px) {\n .vivaia_running_page .content {\n width: 100%;\n box-sizing: border-box;\n padding: 0 16px\n }\n\n .vivaia_running_page .content .bread {\n margin-top: 24px;\n margin-bottom: 28px\n }\n\n .vivaia_running_page .content .author {\n flex-direction: column\n }\n\n .vivaia_running_page .content .author img {\n margin-top: 28px;\n margin-left: 0;\n margin-right: 8px\n }\n\n .vivaia_running_page .content .title {\n font-size: 24px\n }\n\n .vivaia_running_page .content .right {\n display: none\n }\n\n .vivaia_running_page .icon-wrap {\n text-align: center;\n padding-top: 22px !important\n }\n\n .vivaia_running_page .icon-wrap .icon {\n width: 100% !important\n }\n\n .vivaia_running_page .icon-wrap .icon img {\n margin: 0 auto;\n width: 98px !important\n }\n\n .vivaia_running_page .running_footer {\n padding-top: 32px;\n padding-left: 12px;\n padding-right: 12px\n }\n\n .vivaia_running_page .running_footer .articles-wrap {\n width: 100%;\n margin-bottom: 25px\n }\n\n .vivaia_running_page .running_footer .articles-wrap .title {\n margin-bottom: 16px;\n font-size: 20px\n }\n\n .vivaia_running_page .running_footer .articles-wrap a {\n border-bottom: 1px solid #ddd;\n justify-content: space-between;\n padding-top: 8px;\n padding-bottom: 8px;\n background-color: #f2f2f2 !important;\n display: flex !important\n }\n\n .vivaia_running_page .running_footer .articles-wrap a img {\n width: 118px;\n height: 80px;\n margin-right: 9px\n }\n\n .vivaia_running_page .running_footer .articles-wrap a .text {\n color: #000;\n background: 0 0;\n height: auto !important;\n min-height: auto !important;\n padding: 0 !important;\n font-size: 18px !important;\n line-height: 24px !important\n }\n\n .vivaia_running_page .running_footer .toButton {\n width: 136px;\n height: 30px;\n font-size: 12px;\n line-height: 30px\n }\n}\n\n@media screen and (min-width:1024px) and (max-width:1440px) {\n .vivaia_running_page .content {\n width: 65%\n }\n}\n\n.vivaia_running_page .icon-wrap {\n background-color: #fff;\n border-bottom: 1px solid #ddd;\n padding-top: 56px\n}\n\n.vivaia_running_page .icon-wrap .icon {\n width: 80%;\n margin: 0 auto\n}\n\n.vivaia_running_page .icon-wrap .icon img {\n width: 196px\n}\n\n\/*# sourceMappingURL=index.0dfec93a.css.map *\/","html":"\n\n
\n \n \n \n