×
严正声明
关于假冒“周生生”名义
的投资理财服务
详情
预约到店
{"page_title":"预约到店","title":"预约到店 | 周生生珠宝","meta_title":"周生生ChowSangSang官方网站-周生生预约到店-预约定制","meta_keyword":"周生生预约到店,预约定制,周生生chowsangsang中国官网","meta_desc":"即刻登录周生生ChowSangSang官网,预约到店为TA挑选精美礼品,我们拥有众多款式丰富,品质优良的珠宝饰品,以满足您不同的需求.更多周生生最新产品信息请登录周生生ChowSangSang官方网站!","published":true,"id":1,"format_medias":{"banner_desktop":[{"uuid":"8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png","src":"https:\/\/cn.chowsangsang.com\/img\/8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png?q=100&fit=max&crop=3840%2C800%2C0%2C0","width":3840,"height":800,"alt":"Reserve Banner","caption":"","video":""}],"banner_mobile":[{"uuid":"8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png","src":"https:\/\/cn.chowsangsang.com\/img\/8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png?q=100&fit=max&crop=3840%2C800%2C0%2C0","width":3840,"height":800,"alt":"Reserve Banner","caption":"","video":""}]},"blocks":[],"medias":[{"id":672,"created_at":"2022-11-04T04:01:34.000000Z","updated_at":"2022-11-04T04:01:34.000000Z","deleted_at":null,"uuid":"8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png","alt_text":"Reserve Banner","width":3840,"height":800,"caption":null,"filename":"reserve-banner.png","pivot":{"crop":"default","role":"banner_desktop","locale":"sc","ratio":"free","crop_w":3840,"crop_h":800,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}},{"id":672,"created_at":"2022-11-04T04:01:34.000000Z","updated_at":"2022-11-04T04:01:34.000000Z","deleted_at":null,"uuid":"8292260f-2b34-49a4-a1a6-205fb5cde55a\/reserve-banner.png","alt_text":"Reserve Banner","width":3840,"height":800,"caption":null,"filename":"reserve-banner.png","pivot":{"crop":"default","role":"banner_mobile","locale":"sc","ratio":"free","crop_w":3840,"crop_h":800,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}}]} {"ild_link":"https:\/\/cn.chowsangsang.com\/reservation\/ild-booking-form","mkt_link":"https:\/\/cn.chowsangsang.com\/reservation\/mkt"} [{"content_html":"<div>\n <div class=\"container\">\n <div class=\"container mb-hide\">\n <h1 class=\"text-headline desktop-block\">Infini Love Diamond 「全爱钻」预约服务<\/h1>\n <\/div>\n <hr class=\"grey-line\">\n <\/div>\n <div class=\"ild-banner\">\n <!-- <div class=\"container\">\n <div class=\"ild-banner__height-control\"><\/div>\n <\/div> -->\n <!-- <video class=\"ild-video--full-height\" muted autoplay loop playsinline>\n <source src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/ILD\/tech-banner.mp4\">\n <\/video> -->\n <img class=\"ild-banner__img\" src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2023\/cn-ild-2023\/ild-booking-form-banner.jpg\" alt=\"\">\n <\/div>\n <div class=\"ild-form__body\">\n <div class=\"container\">\n <div id=\"appointmentGift\" class=\"ild-form__head\">\n <div class=\"sec-title\">\n <img class=\"ild-logo\" src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/CN\/ILD-cn\/ild-logo.svg\">\n <h2 class=\"mkt-section__title\">了解更多光芒升华的秘密<br class=\"break-480\"> 立即预约！<\/h2>\n <\/div>\n <!--<div class=\"sec-content\">\n <div class=\"d-sec\">\n <img class=\"gift-dt__img\" src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/CN\/ILD-cn\/offer-ild_sc.png\" width=\"100%\" alt=\"\">\n <\/div>\n <div class=\"m-sec\">\n <div class=\"gift-mb\">\n <div class=\"gift-mb__item\">\n <div class=\"gift-mb__img-container\">\n <img src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/ILD-form\/mirror.png\" alt=\"\">\n <span class=\"gift-mb__img-label\">到店礼<\/span>\n <\/div>\n <div class=\"gift-mb__textarea\">\n <h3>预约到店限定<\/h3>\n <p>预约到指定门店<sup>#<\/sup>完成鉴赏后，<br class=\"break-480\">周生生之友会员可获得<br>「全爱钻<sup>™<\/sup> 专用鉴赏镜」壹个<\/p>\n <\/div>\n <\/div>\n <div class=\"gift-mb__item\">\n <div class=\"gift-mb__img-container\">\n <img src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/CN\/ILD-cn\/umbrella.png\" alt=\"\">\n <span class=\"gift-mb__img-label\">成约礼<\/span>\n <\/div>\n <div class=\"gift-mb__textarea\">\n <h3>预约到店成交限定<\/h3>\n <p>预约到指定门店<sup>#<\/sup>完成鉴赏并<br class=\"break-480\">购买全爱钻<sup>™<\/sup>\n 系列产品后，<br>周生生之友会员可获得<br class=\"break-480\">「全爱钻<sup>™<\/sup> 遮阳伞」壹把<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div> -->\n <\/div>\n <!-- <div class=\"ild-btn__container\">\n <a class=\"ild-btn ild-btn--border-only\" href=\"\/product\/Collections-Ouhao\">明星配戴产品<\/a>\n <button class=\"ild-btn scroll-to-el\" data-target=\"#form-sec\">立即预约<\/button>\n <\/div> -->\n <div class=\"css-section form-section loading\" id=\"form-sec\">\n <div class=\"form-area\">\n <h4>经以下表格登记<\/h4>\n <form id=\"pmsForm\" method=\"POST\" enctype=\"multipart\/form-data\" action=\"\">\n <div class=\"row form-input-row\">\n <div class=\"col-lg-3 css-input\">\n <div class=\"css-input-row\">\n <span>*预约省份<\/span>\n <select id=\"shopProvince\" name=\"shopProvince\">\n <option value=\"0\">请选择预约省份<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-3 css-input\">\n <div class=\"css-input-row\">\n <span>*预约城市<\/span>\n <select id=\"shopRegion\" name=\"shopRegion\" disabled>\n <option value=\"0\">请先选择预约省份<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约分店<\/span>\n <select id=\"handleDept\" name=\"handleDept\" disabled>\n <option value=\"0\">请先选择预约城市<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约日期<\/span>\n <input type=\"text\" id=\"datepicker\" name=\"datepicker\" placeholder=\"年\/日\/月\" min=\"\" readonly=\"readonly\">\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约时段<\/span>\n <select id=\"appointmentTime\" name=\"appointmentTime\" disabled>\n <option value=\"\">请先选择预约分店<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*姓名<\/span>\n <input type=\"text\" id=\"custNam\" name=\"custNam\" placeholder=\"*姓名\">\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input form-cb\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden; left: 999999px; opacity: 0;\">\n <div class=\"css-input-row h-err\">\n <span>*預約諮詢貨品<span class=\"p-num-err pne-3\" style=\"display: none;\">請選擇預約咨詢貨品<\/span><\/span>\n <div class=\"cb-row\">\n <div class=\"cb-div\">\n <input class=\"g-cb act\" type=\"checkbox\" value=\"全爱钻\" name=\"INFINI_LOVE_DIAMOND\" id=\"INFINI_LOVE_DIAMOND\" checked>\n <div class=\"f2-label btn-hover\">全爱钻<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-2 col-md-4 --col-xs-4-- col-xs-12 css-input\">\n <div class=\"css-input-row\">\n <span>区号<\/span>\n <select id=\"regionCde\" name=\"regionCde\">\n <option value=\"CN\">+86<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-4 col-md-8 --col-xs-8-- col-xs-12 css-input\">\n <div class=\"css-input-row h-err\">\n <span>*手机号码<span class=\"tel-rm\">(手机号码长度为11位)<\/span><\/span>\n <input type=\"text\" id=\"custMobile\" name=\"custMobile\" pattern=\"\\d*\" maxlength=\"11\" placeholder=\"手机号码\">\n <span class=\"p-num-err pne-2\">手机号码长度为11位<\/span>\n <\/div>\n <\/div>\n <div class=\"col-lg-6 col-md-12 col-xs-12 css-input\">\n <div class=\"css-input-row h-err\">\n <span>*短信验证码<\/span>\n <div class=\"sms-blk\">\n <input type=\"text\" id=\"smsverification\" name=\"smsverification\" placeholder=\"输入验证码\">\n <button class=\"slm-btn sms-btn\" disabled>获取验证码<\/button>\n <\/div>\n <span class=\"p-num-err sms-1\" style=\"display: none;\">请确认您的验证码<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-12 css-input\">\n <span>备注<\/span>\n <textarea name=\"cusRemark\" id=\"cusRemark\" placeholder=\"顾客可填写感兴趣的品牌系列\/想试戴的饰品\/到店时所需要的特别安排等；专属顾问将尽所能为你准备哦~\"><\/textarea>\n <\/div>\n <div class=\"col-lg-12\">\n <div class=\"form-tips\">\n <p>贴心小提醒<\/p>\n <ul>\n <li>#只适用于表格上预设的可选周生生分店。<\/li>\n <li>- 本活动限首次预约的周生生之友会员。<\/li>\n <li>- 赠品数量有限，送完为止。<\/li>\n <li>- 赠品图片仅供参考，以店面实品为准。<\/li>\n <li>- 优惠受有关条款及细则约束。<\/li>\n <li>- 在法律允许范围内，周生生保留所有活动的最终解释权。<\/li>\n <\/ul>\n <br>\n <div class=\"checkbox-container\">\n <input type=\"checkbox\" id=\"tnc\" name=\"tnc\">\n <label for=\"tnc\">\n 您确认已年满14周岁。<br>\n 按 “立即预约”，即表示您已阅读并同意我们的<a href=\"\/privacy-policy\" target=\"_blank\">隐私政策<\/a>及<a href=\"\/cookie-policy\" target=\"_blank\">Cookie政策<\/a>。\n <\/label>\n <\/div>\n <br>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\" style=\"display: none;\">\n <input type=\"text\" name=\"handleDeptAddr\" id=\"handleDeptAddr\">\n <input type=\"text\" name=\"handleDeptNam\" id=\"handleDeptNam\">\n <input type=\"text\" name=\"handleDeptPhone\" id=\"handleDeptPhone\">\n <input type=\"text\" id=\"appointmentDte\" name=\"appointmentDte\" placeholder=\"预约日期\" min=\"\">\n <\/div>\n <!-- <div class=\"row form-input-row\">\n <div class=\"col-lg-12 css-input\">\n <div id=\"captcha\" class=\"g-recaptcha\" data-sitekey=\"6Ld7WhYdAAAAAGI0-X9p_ErvYIxivVmmFiT3dNNO\" data-callback=\"recaptchaCallback\"><\/div>\n <\/div>\n <\/div> -->\n <div class=\"row form-input-row\">\n <div class=\"col-lg-12 css-input\">\n <a id=\"pms_submit\" class=\"form-submit-btn\">立即预约<\/a>\n <\/div>\n <\/div>\n <div class=\"error-msg\"><\/div>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"success-msg sec-title\" style=\"display: none;\">\n <h2>您已经成功预约，感谢您!<\/h2>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","landing_title":"预约「全爱钻」鉴赏服务","title":"Infini Love Diamond 「全爱钻」预约服务 | 周生生珠宝","before_script":"<!--START EDIT-->\n<!-- <script src=\"https:\/\/www.recaptcha.net\/recaptcha\/api.js?hl=zh-CN\" async defer><\/script> -->\n<script src=\"https:\/\/cdn.chowsangsang.com\/eshop\/cn\/newweb\/js\/core.min.js\"><\/script>\n<script src=\"https:\/\/cdn.chowsangsang.com\/eshop\/cn\/newweb\/js\/md5.js\"><\/script>\n<link rel=\"stylesheet\" href=\"\/css\/custom-bootstrap.css?31256123543\">\n<link rel=\"stylesheet\" href=\"\/css\/structure.css\">\n<script src=\"\/js\/common.js\"><\/script>\n<style>\n \/*common style START*\/\n html {\n scroll-behavior: smooth;\n }\n * {\n margin: 0;\n padding: 0;\n }\n *:focus {\n outline: 0 !important;\n }\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n input[type=number] {\n -moz-appearance: textfield;\n }\n select {\n appearance: none;\n }\n select::-ms-expand {\n display: none;\n }\n input[type=date] {\n cursor: pointer;\n }\n \/*common style END*\/\n sub,\n sup {\n font-size: 60% !important;\n }\n .ui-datepicker {\n background-color: #fff;\n border: 1px solid #643991;\n border-radius: 4px;\n box-shadow: 0 0 8px rgba(100, 57, 145, 0.6);\n display: none;\n margin-top: 4px;\n padding: 10px;\n width: 240px;\n }\n .ui-datepicker a,\n .ui-datepicker a:hover {\n text-decoration: none;\n }\n .ui-datepicker a:hover,\n .ui-datepicker td:hover a {\n color: #2A6496;\n -webkit-transition: color 0.1s ease-in-out;\n -moz-transition: color 0.1s ease-in-out;\n -o-transition: color 0.1s ease-in-out;\n transition: color 0.1s ease-in-out;\n }\n .ui-datepicker .ui-datepicker-header {\n margin-bottom: 4px;\n text-align: center;\n }\n .ui-datepicker .ui-datepicker-title {\n font-weight: 700;\n margin-top: 5px;\n }\n .ui-datepicker .ui-datepicker-prev,\n .ui-datepicker .ui-datepicker-next {\n cursor: default;\n font-family: 'Glyphicons Halflings';\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 20px;\n line-height: 1;\n margin-top: 2px;\n width: 30px;\n }\n .ui-datepicker .ui-datepicker-prev {\n float: left;\n text-align: left;\n }\n .ui-datepicker .ui-datepicker-next {\n float: right;\n text-align: right;\n }\n .ui-datepicker .ui-datepicker-prev:before {\n content: \"\\e079\";\n }\n .ui-datepicker .ui-datepicker-next:before {\n content: \"\\e080\";\n }\n .ui-datepicker .ui-icon {\n display: none;\n }\n .ui-datepicker .ui-datepicker-calendar {\n table-layout: fixed;\n width: 100%;\n }\n .ui-datepicker .ui-datepicker-calendar th,\n .ui-datepicker .ui-datepicker-calendar td {\n text-align: center;\n padding: 4px 0;\n }\n .ui-datepicker .ui-datepicker-calendar td {\n border-radius: 4px;\n -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n }\n .ui-datepicker .ui-datepicker-calendar td:hover {\n background-color: #eee;\n cursor: pointer;\n }\n .ui-datepicker .ui-datepicker-calendar td a {\n text-decoration: none;\n }\n .ui-datepicker .ui-datepicker-current-day {\n background-color: #643991;\n }\n .ui-datepicker .ui-datepicker-current-day a {\n color: #fff\n }\n .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {\n background-color: #fff;\n cursor: default;\n }\n .ui-state-disabled .ui-state-default {\n color: #A1A1A1;\n }\n .ui-widget-header,\n .ui-state-hover,\n .ui-widget-content .ui-state-hover,\n .ui-widget-header .ui-state-hover,\n .ui-state-focus,\n .ui-widget-content .ui-state-focus,\n .ui-widget-header .ui-state-focus {\n background: none;\n border: none;\n }\n .ui-datepicker .ui-datepicker-calendar td a,\n .ui-state-disabled .ui-state-default {\n background: none;\n border: none;\n }\n .ui-corner-all {\n position: relative;\n }\n .ui-datepicker .ui-datepicker-next:before {\n content: \"\";\n display: block;\n width: 10px;\n height: 10px;\n border-top: 1px solid #000;\n border-right: 1px solid #000;\n transform: rotate(45deg);\n position: absolute;\n top: 50%;\n right: 50%;\n }\n .ui-datepicker .ui-datepicker-prev:before {\n content: \"\";\n display: block;\n width: 10px;\n height: 10px;\n border-top: 1px solid #000;\n border-left: 1px solid #000;\n transform: rotate(-45deg);\n position: absolute;\n top: 50%;\n right: 50%;\n }\n \/*custom datepicker style END*\/\n \/*custom style START*\/\n .text-headline {\n font-family: \"Times New Roman\", Times, Georgia, \"Microsoft JhengHei\", \"微軟正黑體\", sans-serif;\n }\n #appointmentGift {\n padding-top: 70px;\n padding-bottom: 0;\n }\n .d-flex {\n display: flex !important;\n }\n .btn-hover:hover {\n background-color: #57387e;\n border-color: #57387e;\n color: #FFF !important;\n transition: .3s all ease !important;\n }\n #pms_submit.disable {\n pointer-events: none;\n opacity: 0.2;\n }\n .grey-line {\n margin: 0;\n }\n .css-section {\n width: 100%;\n }\n .fts-rm {\n margin-top: 50px;\n }\n .css-section .container {\n height: 100%;\n }\n .css-input .tel-rm {\n font-size: 14px;\n margin-left: 5px;\n margin-bottom: 0;\n }\n .gift-list {\n width: 100%;\n }\n .booking-btn {\n display: block;\n width: 140px;\n padding: 10px 0;\n margin: 25px auto 0;\n border: 1px solid #000;\n color: #000;\n font-size: 14px;\n text-align: center;\n transition: .3s all ease !important;\n }\n .form-submit-btn {\n display: block;\n width: 140px;\n padding: 10px 0;\n \/* margin: 50px 0 0; *\/\n border: 1px solid #57387e;\n background-color: #57387e;\n color: #FFF;\n font-size: 14px;\n text-align: center;\n transition: 0.3s all ease;\n cursor: pointer;\n }\n .form-submit-btn:hover {\n opacity: 0.8;\n transition: 0.3s all ease;\n }\n .promote-section {\n padding: 120px 0;\n }\n .ild-btn {\n display: inline-block;\n width: 140px;\n padding: 10px 0;\n margin: 5px 12px;\n margin-left: 0;\n border: 1px solid #57387e;\n background-color: #57387e;\n color: #FFF;\n font-size: 14px;\n text-align: center;\n vertical-align: middle;\n transition: 0.3s all ease;\n cursor: pointer;\n }\n .ild-btn:hover {\n opacity: 0.8;\n transition: 0.3s all ease;\n }\n .ild-btn__container {\n text-align: center;\n }\n .ild-btn__container .ild-btn {\n margin: 5px 6px;\n }\n .ild-btn--border-only {\n background-color: transparent;\n color: #57387e;\n }\n .ild-btn--border-only:hover {\n background-color: #57387e;\n color: #fff;\n opacity: 1;\n }\n .form-section {\n padding: 100px 0 50px;\n }\n .form-section .container {\n padding: 0;\n }\n .css-input {\n margin-bottom: 15px;\n }\n .css-input span {\n display: block;\n color: #57387e;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 5px;\n }\n .css-input textarea {\n width: 100%;\n height: 100px;\n padding: 10px 15px;\n border: 1px solid #000;\n font-size: 16px;\n resize: none;\n }\n .css-input textarea::placeholder {\n color: #454545;\n }\n .css-input-row {\n width: 100%;\n }\n .css-input-row select,\n .css-input-row input {\n width: 100%;\n padding: 10px;\n border: 1px solid #000;\n font-size: 16px;\n }\n .css-input-row select {\n background-image: url('https:\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/2020\/TW_SLM_page\/drop-down-are.svg');\n background-repeat: no-repeat;\n \/*background-position-x: 100%;*\/\n \/*background-position-x: 97%;*\/\n background-position-x: calc(100% - 12px);\n background-position-y: 50%;\n \/*background-size: 2%;*\/\n background-size: 10px;\n }\n .css-input-row input::placeholder {\n color: #454545;\n }\n .form-section h4 {\n color: #222;\n font-weight: bold;\n margin-bottom: 40px;\n }\n .form-tips {\n margin-top: 30px;\n }\n .form-tips ul {\n list-style: none;\n }\n .sec-title {\n text-align: center;\n }\n .sec-title h2 {\n color: #222;\n font-size: 35px;\n margin: 0 0 20px;\n line-height: 1.3;\n }\n .sec-title p {\n color: #000;\n font-size: 16px;\n line-height: 1.8;\n }\n .form-input-row {\n margin: 0 !important;\n }\n .shop-info b {\n letter-spacing: 0;\n }\n .sec-desc {\n width: 100%;\n text-align: center;\n }\n .sec-desc h2 {\n color: #643991;\n margin: 0 auto 30px;\n }\n .sec-desc p {\n font-size: 16px;\n }\n .gift-desc {\n text-align: center;\n }\n .error-msg {\n padding: 0 15px;\n color: #ff3826;\n }\n .h-err>span {\n display: flex;\n }\n .p-num-err {\n padding-top: 5px;\n color: #ff3826 !important;\n font-size: 14px !important;\n margin-bottom: 0 !important;\n }\n .pne-1 {\n opacity: 0;\n }\n .pne-2 {\n opacity: 0;\n }\n .pne-3 {\n padding: 0 15px;\n }\n .pne-1.active {\n opacity: 1;\n }\n .pne-2.active {\n opacity: 1;\n }\n .css-section {\n padding: 20px 0 70px;\n }\n \/*custom style END*\/\n \/*responsive*\/\n .success-msg .ild-btn {\n margin: 30px auto 0;\n }\n @media screen and (min-width: 992px) {\n .mobile-block {\n display: none;\n }\n .desktop-block {\n display: block;\n }\n .logo {\n margin: 20px auto 0;\n }\n .m-sec {\n display: none;\n }\n .success-msg {\n margin: 50px auto;\n margin: -20px auto 0;\n padding: 50px 0;\n }\n .success-msg .booking-btn {\n margin-top: 30px;\n }\n }\n @media screen and (max-width: 991px) {\n .d-sec {\n display: none;\n }\n .success-msg {\n width: 90%;\n margin: -20px auto 0;\n padding: 50px 0;\n }\n .mobile-block {\n display: block;\n }\n .desktop-block {\n display: none;\n }\n .main-content {\n padding: 0 0 50px;\n }\n .booking-btn,\n .success-msg .ild-btn {\n width: 200px;\n padding: 13px 0;\n font-size: 16px;\n }\n .form-submit-btn {\n width: 200px;\n padding: 13px 0;\n \/* margin: 20px auto 0; *\/\n margin: 0 auto;\n font-size: 16px;\n }\n .promote-section {\n padding: 20px 0;\n }\n .form-section {\n padding: 0 0 30px;\n }\n .form-section h4 {\n font-size: 20px;\n letter-spacing: 2px;\n text-align: center;\n }\n .form-tips {\n font-size: 16px;\n }\n .form-tips li {\n margin-bottom: 5px;\n }\n .sec-desc {\n max-width: 450px;\n margin: 0 auto;\n }\n .gift-list {\n max-width: 400px;\n margin: 0 auto;\n }\n .gift-desc h3 {\n color: #643991;\n font-size: 20px;\n margin-bottom: 5px;\n }\n .sec-desc h2 {\n font-size: 25px;\n margin-bottom: 20px;\n }\n .sec-desc p {\n line-height: 2;\n margin-bottom: 50px;\n }\n .gift-list .gift {\n margin-bottom: 50px;\n }\n }\n @media screen and (max-width: 767px) {\n .sec-title h2 {\n font-size: 30px;\n }\n .sec-desc {\n max-width: 350px;\n }\n .gift-list {\n max-width: 250px;\n }\n }\n @media screen and (max-width: 540px) {\n .booking-btn,\n .success-msg .ild-btn {\n width: 140px;\n font-size: 14px;\n padding: 10px 0;\n }\n .form-submit-btn {\n width: 140px;\n font-size: 14px;\n padding: 10px 0;\n }\n .sec-title h2 {\n font-size: 25px;\n }\n .sec-title p {\n font-size: 14px;\n }\n .shop-info p {\n font-size: 18px;\n }\n .form-input-row {\n margin: 0 auto !important;\n width: 100%;\n max-width: 475px;\n }\n .css-input textarea {\n height: 120px;\n font-size: 14px;\n }\n .css-input-row select,\n .css-input-row input {\n font-size: 14px;\n }\n .form-tips {\n font-size: 14px;\n }\n .main-content {\n padding: 0 0 80px;\n }\n .form-section h4 {\n font-size: 16px;\n }\n .gift-list {\n max-width: 220px;\n }\n .gift-desc h3 {\n font-size: 16px;\n }\n .sec-desc {\n max-width: 280px;\n }\n .sec-desc h2 {\n font-size: 20px;\n margin-bottom: 10px;\n }\n .sec-desc p {\n font-size: 14px;\n margin-bottom: 25px;\n }\n .gift-list .gift {\n margin-bottom: 30px\n }\n }\n @media screen and (max-width: 450px) {\n .sec-desc {\n max-width: 240px;\n }\n .sec-desc h2 {\n font-size: 20px;\n margin-bottom: 10px;\n }\n .sec-desc p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 25px;\n }\n .gift-list {\n max-width: 150px;\n }\n .gift-list .gift {\n margin-bottom: 10px;\n }\n }\n @media screen and (max-width: 425px) {\n .form-input-row {\n max-width: 390px;\n }\n .css-input .tel-rm {\n font-size: 10px;\n margin-top: 5px;\n }\n }\n @media screen and (max-width: 375px) {\n .sec-title h2 {\n font-size: 22px;\n }\n .booking-btn,\n .success-msg .ild-btn {\n width: 120px;\n padding: 10px 0;\n font-size: 12px;\n }\n .form-submit-btn {\n width: 120px;\n padding: 10px 0;\n font-size: 12px;\n }\n .promote-section {\n padding: 0 0 20px;\n }\n .form-tips {\n font-size: 12px;\n }\n .form-input-row {\n max-width: 350px;\n }\n }\n @media screen and (max-width: 320px) {\n .booking-btn,\n .success-msg .ild-btn {\n font-size: 11px;\n }\n .form-submit-btn {\n font-size: 11px;\n }\n .sec-desc {\n max-width: 210px;\n }\n .sec-desc h2 {\n font-size: 16px;\n }\n .sec-desc p {\n font-size: 12px;\n margin-bottom: 15px;\n }\n .gift-list {\n max-width: 130px;\n }\n .gift-desc h3 {\n font-size: 14px;\n }\n .gift-desc p {\n font-size: 12px;\n }\n }\n \/*responsive*\/\n * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n<\/style>\n<!-- ILD Form Style START -->\n<style>\n .main-content {\n overflow: hidden;\n }\n .ild-form__head {\n padding-top: 70px;\n }\n .ild-form__banner {\n height: 600px;\n background-size: cover;\n background-position: center;\n }\n .ild-form__body {\n padding: 0 14px;\n \/* background-color: #2a2253; *\/\n background-color: #eee;\n }\n .ild-form__body>.container {\n background-color: #fff;\n position: relative;\n \/* top: -200px; *\/\n }\n .gift-dt__img-container {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n .gift-dt__img {\n width: 100%;\n \/*max-width: 640px;*\/\n margin: 0 auto;\n display: block;\n }\n .gift-dt__img-container .gift-dt__img {\n width: 50%;\n max-width: unset;\n }\n .gift-mb {\n text-align: center;\n margin-bottom: 34px;\n }\n .gift-mb__item+.gift-mb__item {\n margin-top: 34px;\n }\n .gift-mb__img-container {\n padding-top: 12px;\n position: relative;\n width: 100%;\n max-width: 250px;\n padding: 24px 24px 0;\n margin: 0 auto;\n }\n .gift-mb__img-container img {\n width: 100%;\n }\n .gift-mb__img-label {\n background-color: #5c3d89;\n display: block;\n color: #fff;\n font-size: 14px;\n letter-spacing: 1px;\n \/* line-height: 20px; *\/\n \/* padding: 16px; *\/\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 50%;\n font-weight: bold;\n \/* padding: 10px; *\/\n width: 60px;\n height: 60px;\n line-height: 60px;\n }\n .gift-mb__item:nth-child(2) .gift-mb__img-label {\n left: auto;\n right: 0;\n }\n .gift-mb__textarea {\n margin-top: -44px;\n position: relative;\n z-index: 2;\n }\n .gift-mb__textarea h3 {\n font-weight: bold;\n color: #4f3073;\n }\n .gift-mb__textarea p {\n font-size: 16px;\n line-height: 1.5;\n }\n @media screen and (min-width: 1280px) {\n .ild-form__body>.container {\n background-color: #fff;\n position: relative;\n \/* top: -200px; *\/\n padding: 0 48px;\n }\n }\n .ild-logo {\n width: 280px;\n margin-bottom: 24px;\n max-width: 50%;\n }\n .ild-form__title {\n font-weight: bold;\n padding: 0 15px 15px;\n color: #57387e;\n font-size: 18px;\n }\n @media screen and (max-width: 768px) {\n .ild-form__banner {\n height: 0;\n padding-bottom: 40%;\n }\n .ild-form__body>.container {\n \/* top: -60px; *\/\n }\n }\n .form-section.loading {\n position: relative;\n }\n .form-section.loading:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n background-color: rgba(255, 255, 255, 0.7);\n }\n .form-section.loading:after {\n content: \"\";\n display: block;\n width: 30px;\n height: 30px;\n position: absolute;\n top: calc(50% - 15px);\n left: calc(50% - 15px);\n border: 5px #2a2253 solid;\n border-top-color: transparent;\n border-radius: 50%;\n -webkit-animation: rotate 2s linear infinite;\n animation: rotate 2s linear infinite;\n z-index: 3;\n }\n @-webkit-keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n<\/style>\n<!-- ILD Form Style END -->\n<!-- ILD NAV START -->\n<style>\n .ild-nav {\n margin: 11px auto;\n text-align: center;\n overflow: auto;\n }\n .ild-nav__item-holder {\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n .ild-nav__item {\n border: 0;\n background: none;\n color: #7F7F7F;\n padding: 0.25em 15px;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n }\n .ild-nav__item--booking {\n color: #3d1053;\n }\n .ild-nav__item.active,\n .ild-nav__item.init {\n font-weight: bold;\n color: #000;\n }\n .ild-nav__item--booking.active {\n color: #3d1053;\n }\n .ild-nav__item+.ild-nav__item {\n border-left: 1px solid #95989A;\n }\n @media screen and (max-width: 767px) {\n .text-headline {\n font-size: 26px;\n }\n }\n @media screen and (min-width: 481px) {\n .break-480 {\n display: none;\n }\n }\n \/* 2022-08-03 update START *\/\n .video-banner {\n position: relative;\n overflow: hidden;\n \/* padding: 12px 0; *\/\n }\n .video-banner:before,\n .video-banner:after {\n content: \"\";\n display: block;\n width: 100%;\n height: 5px;\n position: absolute;\n top: 0;\n left: 0;\n background-color: #3d1053;\n z-index: 2;\n }\n .video-banner:after {\n height: 10px;\n top: auto;\n bottom: 0;\n }\n .video-banner__height-control {\n width: 100%;\n height: 0;\n padding-bottom: 50%;\n }\n .video-banner__container {\n position: absolute;\n top: calc(24px - 2.5px);\n left: 0;\n width: 100%;\n height: calc(100% - 48px);\n display: flex;\n align-items: center;\n }\n .video-banner__left {\n background-image: url(\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2022\/CN-ILD\/KOL_banner.jpg);\n width: 60%;\n height: 100%;\n background-size: cover;\n background-position: center;\n }\n .video-banner__right {\n width: 40%;\n height: 100%;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n }\n .video-banner__video {\n width: auto;\n height: 75%;\n }\n .video-banner__logo {\n width: auto;\n height: 20%;\n }\n .video-banner__mb-img {\n display: none;\n }\n @media screen and (min-width: 768px) {\n .ild-logo {\n display: none;\n }\n }\n @media screen and (max-width: 767px) {\n .video-banner:before,\n .video-banner:after {\n display: none;\n }\n .video-banner .container {\n display: none;\n }\n .video-banner__container {\n display: none;\n }\n .video-banner__mb-img {\n display: block;\n width: 100%;\n }\n }\n \/* 2022-08-03 update END *\/\n .checkbox-container {\n display: flex;\n align-items: flex-start;\n line-height: 1.5;\n }\n .checkbox-container input[type=\"checkbox\"] {\n margin-top: 0.35em;\n margin-right: 0.5em;\n flex-shrink: 0;\n }\n .checkbox-container label {\n font-weight: normal;\n margin-bottom: 0;\n }\n.checkbox-container label a {\n color: inherit;\n text-decoration: underline;\n}\n<\/style>\n<!-- ILD Banner -->\n<style>\n .ild-banner {\n position: relative;\n background-size: cover;\n background-position: center;\n overflow: hidden;\n }\n .ild-banner:before,\n .ild-banner:after {\n content: \"\";\n display: block;\n width: 100%;\n height: 5px;\n position: absolute;\n top: 0;\n left: 0;\n background-color: #3d1053;\n z-index: 2;\n }\n .ild-banner:after {\n height: 10px;\n top: auto;\n bottom: 0;\n }\n .ild-banner__height-control {\n width: 100%;\n height: 0;\n padding-bottom: 50%;\n }\n .ild-banner__content {\n width: 100%;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 2;\n }\n .ild-video--full-height {\n width: auto;\n max-width: none !important;\n height: 100%;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n .ild-banner__img {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n }\n @media screen and (max-width: 767px) {\n .ild-banner__height-control {\n padding-bottom: 75%;\n }\n }\n .sms-blk {\n display: flex;\n }\n .sms-btn {\n border: 0;\n flex-shrink: 0;\n width: 140px;\n background-color: #57387e;\n color: #fff;\n cursor: pointer;\n }\n .sms-btn:disabled {\n opacity: 0.2;\n cursor: auto;\n }\n<\/style>","after_script":"<script>\n $(document).ready(function () {\n getToken()\n var now = new Date();\n var DD = String(now.getDate()).padStart(2, '0'),\n MM = String(now.getMonth() + 1).padStart(2, '0'),\n YYYY = now.getFullYear(),\n nextDD = String(now.getDate() + 1).padStart(2, '0');\n var today = YYYY + \"-\" + MM + \"-\" + DD,\n tmr = nextDD + \"\/\" + MM + \"\/\" + YYYY;\n $(\"#datepicker\").datepicker({\n altField: '#appointmentDte',\n altFormat: 'yy-mm-dd',\n dateFormat: 'yy\/mm\/dd',\n minDate: +2,\n });\n $.datepicker.regional[\"zh-CN\"] = {\n closeText: \"关闭\",\n prevText: \"<上月\",\n nextText: \"下月>\",\n currentText: \"今天\",\n monthNames: [\n \"一月\",\n \"二月\",\n \"三月\",\n \"四月\",\n \"五月\",\n \"六月\",\n \"七月\",\n \"八月\",\n \"九月\",\n \"十月\",\n \"十一月\",\n \"十二月\",\n ],\n monthNamesShort: [\n \"一\",\n \"二\",\n \"三\",\n \"四\",\n \"五\",\n \"六\",\n \"七\",\n \"八\",\n \"九\",\n \"十\",\n \"十一\",\n \"十二\",\n ],\n dayNames: [\n \"星期日\",\n \"星期一\",\n \"星期二\",\n \"星期三\",\n \"星期四\",\n \"星期五\",\n \"星期六\",\n ],\n dayNamesShort: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\n dayNamesMin: [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"],\n weekHeader: \"周\",\n dateFormat: \"yy-mm-dd\",\n firstDay: 1,\n isRTL: false,\n showMonthAfterYear: true,\n yearSuffix: \"年\",\n };\n $.datepicker.setDefaults($.datepicker.regional[\"zh-CN\"]);\n $('#pms_submit').addClass('disable');\n $(\"#custMobile\").keyup(function (e) {\n if (e.keyCode == 17) {\n return false\n }\n if ($(this).val().length != 11) {\n $('.sms-btn').prop('disabled', true);\n $(\".pne-2\").addClass(\"active\")\n } else {\n if(!$(\".sms-btn\").is(\".waiting\")) {\n $('.sms-btn').prop('disabled', false);\n }\n $(\".pne-2\").removeClass(\"active\")\n }\n formValidation()\n }).focusout(function () {\n if ($(this).val().length != 11) {\n $(\".pne-2\").addClass(\"active\")\n }\n formValidation()\n })\n $(\"#smsverification\").keyup(function(){\n formValidation()\n })\n $(\"#tnc\").change(function(){\n formValidation()\n })\n $(\"#pms_submit\").click(function () {\n checkSms();\n });\n initGetSms()\n initScrollTo()\n });\n var smsEncryptCde,\n smsTimeout,\n smsTimeoutCount;\n function initGetSms() {\n $(\".sms-btn\").click(function(e){\n e.preventDefault()\n $(this).attr(\"disabled\", \"disabled\")\n $.ajax({\n type: 'GET',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/phoneSmsCheck\/v1\",\n headers: {\n Authorization: slmToken,\n system: 'ocslt',\n },\n data: {\n 'phoneNum': $(\"#custMobile\").val(),\n 'regionCde': \"CN\"\n },\n success: function (result, textStatus, jqXHR) {\n if(result[\"msg\"] == \"success\") {\n smsEncryptCde = result[\"data\"]\n $(\".sms-btn\").addClass(\"waiting\")\n clearInterval(smsTimeout)\n smsTimeoutCount = 60\n smsTimeout = setInterval(function() {\n smsTimeoutCount -= 1\n $(\".sms-btn\").html(\"获取验证码(\"+smsTimeoutCount+\"s)\")\n if(smsTimeoutCount == 0) {\n $(\".sms-btn\").removeAttr(\"disabled\").html(\"获取验证码\").removeClass(\"waiting\")\n clearInterval(smsTimeout)\n }\n }, 1000);\n } else {\n $(\".sms-btn\").removeAttr(\"disabled\")\n var fullMsg = result[\"msg\"].split(\":\"),\n thisMsg = fullMsg[fullMsg.length - 1];\n alert(thisMsg)\n }\n },\n error: function() {\n $(\".sms-btn\").removeAttr(\"disabled\")\n alert(\"发生错误，请重新再试\")\n }\n })\n })\n }\n function formValidation() {\n if ($(\"#custMobile\").val().length == 11 && $(\"#tnc\").is(\":checked\") && $(\"#smsverification\").val() != \"\") {\n $('#pms_submit').removeClass('disable');\n } else {\n $('#pms_submit').addClass('disable');\n }\n }\n \/* function recaptchaCallback() {\n if ($(\"#custMobileConfirm\").val() == $(\"#custMobile\").val() && $(\"#custMobileConfirm\").val().length == 11 && grecaptcha.getResponse() != \"\") {\n $('#pms_submit').removeClass('disable');\n var timeout = setInterval(function () {\n $('#pms_submit').addClass('disable');\n clearInterval(timeout)\n }, 60000)\n }\n } *\/\n var province = [];\n var city = [];\n var slmToken;\n function getToken() {\n $.ajax({\n type: 'POST',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/auth\/oauth\/token\",\n cache: false,\n data: {\n 'grant_type': 'client_credentials',\n 'client_id': 'ht_cnBrandsite_prod',\n 'client_secret': 'C4SPbdOZ5y'\n },\n success: function (data, textStatus, jqXHR) {\n slmToken = data.token_type + ' ' + data.access_token\n loadoptions();\n }\n })\n }\n function loadoptions() {\n var getStoreApi = \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/listShop\/v1?regionCde=CN\";\n $.ajax({\n url: getStoreApi,\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt',\n },\n success: function (result) {\n data = result[\"data\"];\n for (var i = 0; i < data.length; i++) {\n var thisItem = data[i],\n thisProvince = thisItem[\"province\"],\n thisAddress = thisItem[\"address\"],\n thisPhone = thisItem[\"telephoneNumber\"],\n thisBrand = thisItem[\"brandCode\"],\n thisName = thisItem[\"name\"];\n if((thisBrand !== \"CSS\" && thisBrand !== \"PROMESSA\" && thisBrand !== \"PRO\") || thisName.indexOf(\"华宇店\") !== -1) {\n continue\n }\n \/\/ gen Province\n if (province.indexOf(thisProvince) == -1) {\n province.push(thisProvince);\n var provinceHTML =\n '<option value=\"' +\n thisProvince +\n '\">' +\n thisProvince +\n \"<\/option>\";\n $(\"#shopProvince\").append(provinceHTML);\n province.push(thisProvince);\n }\n \/\/ gen city\n var thisCity = thisItem[\"city\"];\n if (city.indexOf(thisCity) == -1) {\n var cityHTML =\n '<span class=\"option-hidden\"><option value=\"' +\n thisCity +\n '\" data-province=\"' +\n thisProvince +\n '\">' +\n thisCity +\n \"<\/option><\/span>\";\n $(\"#shopRegion\").append(cityHTML);\n city.push(thisCity);\n }\n \/\/ gen shop\n var thisId = thisItem[\"code\"],\n thisName = thisItem[\"name\"];\n shopHTML =\n '<span class=\"option-hidden\"><option value=\"' +\n thisId +\n '\" data-city=\"' +\n thisCity +\n '\" data-address=\"' +\n thisAddress +\n '\" data-phone=\"' +\n thisPhone +\n '\">' +\n thisName +\n \"<\/option><\/span>\";\n $(\"#handleDept\").append(shopHTML);\n }\n $(\".loading\").removeClass(\"loading\")\n },\n });\n $(\"#shopProvince\").change(function () {\n var thisProvince = $(this).val();\n $(\"#shopRegion option\").each(function () {\n if (!$(this).parent().is(\"span\")) {\n $(this).wrap('<span class=\"option-hidden\">');\n }\n if ($(this).attr(\"data-province\") == thisProvince && $(this).parent().is(\n \".option-hidden\")) {\n $(this).unwrap();\n }\n });\n if ($(\"#shopRegion option[value='0']\").parent().is(\".option-hidden\")) {\n $(\"#shopRegion option[value='0']\").unwrap()\n }\n $(\"#shopRegion\").val(\"0\").change();\n if ((thisProvince != \"0\")) {\n $(\"#shopRegion\").prop(\"disabled\", false);\n $(\"#shopRegion option[value='0']\").text(\"请选择预约城市\")\n } else {\n $(\"#shopRegion\").prop(\"disabled\", true);\n $(\"#shopRegion option[value='0']\").text(\"请先选择预约省份\")\n }\n });\n $(\"#shopRegion\").change(function () {\n var thisCity = $(this).val();\n $(\"#handleDept option\").each(function () {\n if (!$(this).parent().is(\"span\")) {\n $(this).wrap('<span class=\"option-hidden\">');\n }\n if ($(this).attr(\"data-city\") == thisCity && $(this).parent().is(\".option-hidden\")) {\n $(this).unwrap();\n }\n });\n if ($(\"#handleDept option[value='0']\").parent().is(\".option-hidden\")) {\n $(\"#handleDept option[value='0']\").unwrap()\n }\n $(\"#handleDept\").val(\"0\").change();\n if (thisCity != \"0\") {\n $(\"#handleDept\").prop(\"disabled\", false);\n $(\"#handleDept option[value='0']\").text(\"请选择预约分店\")\n } else {\n $(\"#handleDept\").prop(\"disabled\", true);\n $(\"#handleDept option[value='0']\").text(\"请先选择预约城市\")\n }\n });\n $(\"#handleDept\").change(function () {\n if ($(this).val() != \"0\") {\n var selectedOption = $(this).find('option[value=' + $(this).val() + ']');\n $(\"#appointmentTime\").prop(\"disabled\", false).val(\"\");\n $(\"#appointmentTime option\").eq(0).text('请选择预约时段')\n $(\"#handleDeptAddr\").val($(selectedOption).attr(\"data-address\"))\n $(\"#handleDeptNam\").val($(selectedOption).text())\n $(\"#handleDeptPhone\").val($(selectedOption).attr(\"data-phone\"))\n } else {\n $(\"#appointmentTime\").prop(\"disabled\", true).val(\"\");\n $(\"#appointmentTime option\").eq(0).text('请先选择预约分店')\n $(\"#handleDeptAddr\").val(\"\")\n $(\"#handleDeptNam\").val(\"\")\n $(\"#handleDeptPhone\").val(\"\")\n }\n });\n $.ajax({\n type: 'GET',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/customInit\/v1?regionCde=CN\",\n cache: false,\n contentType: false,\n processData: false,\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt',\n },\n success: function (data, textStatus, jqXHR) {\n var time = data.data.appointmentTimes\n $.each(time, function (key, entry) {\n $(\"#appointmentTime\").append('<option value=\"' + time[key].refCde + '\">' + time[key]\n .statcDesc + '<\/option>');\n });\n }\n })\n }\n function checkSms() {\n \/\/ check sms verifi\n $('#pms_submit').addClass('disable');\n $(\".sms-1\").hide()\n var smsData = {\n 'custMobile': $(\"#custMobile\").val(),\n 'encryptCde': smsEncryptCde,\n 'verifiCde': $(\"#smsverification\").val(),\n 'regionCde': \"CN\"\n }\n $.ajax({\n type: 'POST',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/checkCustMobile\/v1\",\n headers: {\n 'Content-Type' : 'application\/json;charset=UTF-8',\n Authorization: slmToken,\n system: 'ocslt',\n },\n data: JSON.stringify(smsData),\n success: function (result, textStatus, jqXHR) {\n console.log(textStatus)\n if(result[\"msg\"] != \"success\") {\n $(\".sms-1\").show()\n $('#pms_submit').removeClass('disable');\n } else {\n slmFormSubmit()\n }\n },\n error: function() {\n $('#pms_submit').removeClass('disable');\n alert(\"发生错误，请重新再试\")\n }\n })\n }\n function slmFormSubmit() {\n var apiUrl = 'https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/v1',\n formData = new FormData();\n var sr_n = $('#shopRegion').attr('name'),\n sr_v = $('#shopRegion').val(),\n hd_n = $('#handleDept').attr('name'),\n hd_v = $('#handleDept').val(),\n ad_n = $('#appointmentDte').attr('name'),\n ad_v = $('#appointmentDte').val(),\n at_n = $('#appointmentTime').attr('name'),\n at_v = $('#appointmentTime').val(),\n cn_n = $('#custNam').attr('name'),\n cn_v = $('#custNam').val(),\n rc_n = $('#regionCde').attr('name'),\n rc_v = $('#regionCde').val(),\n cm_n = $('#custMobile').attr('name'),\n cm_v = $('#custMobile').val(),\n rm_n = 'remark.cusRemark',\n rm_v = $('#cusRemark').val(),\n hda_n = $('#handleDeptAddr').attr('name'),\n hda_v = $('#handleDeptAddr').val(),\n hdn_n = $('#handleDeptNam').attr('name'),\n hdn_v = $('#handleDeptNam').val(),\n hdp_n = $('#handleDeptPhone').attr('name'),\n hdp_v = $('#handleDeptPhone').val();\n var $ck_ns = $('.g-cb:checked').attr('name'),\n $ck_vs = $('.g-cb:checked').val();\n $('.g-cb.act').each(function (index) {\n if ($(this).is(':checked')) {\n \/\/ value=\"全爱钻\" name=\"INFINI_LOVE_DIAMOND\"\n formData.append(\"customAttents[\"+index+\"].children[0].refCde\", $(this).attr('name'));\n formData.append(\"customAttents[\"+index+\"].children[0].statcDesc\", $(this).val());\n formData.append(\"customAttents[\"+index+\"].refCde\", $(this).attr('name'));\n formData.append(\"customAttents[\"+index+\"].refType\", \"CUSTOM_ATTENT\");\n formData.append(\"customAttents[\"+index+\"].statcDesc\", $(this).val());\n }\n });\n formData.append(sr_n, sr_v);\n formData.append(hd_n, hd_v);\n formData.append(ad_n, ad_v);\n formData.append(at_n, at_v);\n formData.append(cn_n, cn_v);\n formData.append(rc_n, rc_v);\n formData.append(cm_n, cm_v);\n formData.append(hda_n, hda_v);\n formData.append(hdn_n, hdn_v);\n formData.append(hdp_n, hdp_v);\n formData.append(\"statCde\", \"R\");\n formData.append(\"channel\", \"ILD_h5\");\n var thisSource = getUrlParameter(\"source\"),\n thisName = getUrlParameter(\"name\");\n if (typeof thisSource != \"undefined\") {\n formData.append(\"source\", thisSource);\n } else {\n formData.append(\"source\", \"官网ILD\");\n }\n if (typeof thisName != \"undefined\") {\n formData.append(\"name\", thisName);\n } else {\n formData.append(\"name\", \"main\");\n }\n formData.append(\"lang\", \"zh_cn\");\n formData.append(\"Brand\", \"ILD\");\n if (rm_v.length > 0) {\n formData.append(rm_n, rm_v);\n formData.append('remark.lastModEmp', cn_v);\n }\n $('#pms_submit').addClass('disable');\n $.ajax({\n type: 'POST',\n url: apiUrl,\n cache: false,\n contentType: false,\n processData: false,\n data: formData,\n xhrFields: {\n withCredentials: true\n },\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt'\n },\n success: function (data, textStatus, jqXHR) {\n \/\/console.log(data);\n if (data['msg'] == 'success') {\n _agtjs('loadEvent',{atsev:200,'atsqet':'$ID$'});\n \/\/$('.form-area, .mkt-section__title').hide();\n $('#form-sec, .mkt-section__title, #appointmentGift .sec-content, .ild-btn__container')\n .hide();\n $('.success-msg').show();\n $('.form-textbox').hide();\n $(\"html, body\").animate({\n scrollTop: $(\".ild-form__banner\").offset().top - 70\n }, 500);\n } else {\n var $err = data['msg'];\n if ($err.length == 26 || $err.length == 27) {\n $('.error-msg').html($err);\n } else {\n \/\/var $break = $err.split(\":\")[1].split(\";\").join('<br>');\n var $break = $err.split(\";\").join('<br>');\n $('.error-msg').html($break);\n }\n }\n },\n complete: function() {\n $('#pms_submit').removeClass('disable');\n }\n })\n }\n function initScrollTo() {\n $(\".scroll-to-el\").click(function (e) {\n e.preventDefault()\n var navHeight = 70,\n target = $(this).attr(\"data-target\")\n if ($(window).width() < 992) {\n navHeight = 60\n }\n $(\"html, body\").animate({\n scrollTop: $(target).offset().top - navHeight\n }, 300)\n })\n }\n<\/script>\n<!--jquery-ui START-->\n<script src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2023\/CN-ILD\/jquery-ui.min.js\"><\/script>\n<!--jquery-ui END-->\n<!--END EDIT-->","published":true,"id":1,"format_medias":{"landing_thumbnail":[{"key":"landing_thumbnail","media":{"uuid":"68d0ddac-7da1-42ee-9f74-0c6df0500c82\/promessa-image2.jpg","src":"https:\/\/cn.chowsangsang.com\/img\/68d0ddac-7da1-42ee-9f74-0c6df0500c82\/promessa-image2.jpg?q=100&fit=max&crop=1400%2C788%2C0%2C0","width":1400,"height":788,"alt":"Promessa Image2","caption":"","video":""}}],"landing_logo":[{"key":"landing_logo","media":{"uuid":"57de2b20-5dcb-41dc-bb47-c01a925ea07a\/infini-love.png","src":"https:\/\/cn.chowsangsang.com\/img\/57de2b20-5dcb-41dc-bb47-c01a925ea07a\/infini-love.png?q=100&fit=max&crop=350%2C136%2C0%2C0","width":350,"height":136,"alt":"Infini Love","caption":"","video":""}}]},"medias":[{"id":673,"created_at":"2022-11-04T04:05:18.000000Z","updated_at":"2022-11-04T04:05:18.000000Z","deleted_at":null,"uuid":"68d0ddac-7da1-42ee-9f74-0c6df0500c82\/promessa-image2.jpg","alt_text":"Promessa Image2","width":1400,"height":788,"caption":null,"filename":"PROMESSA_image2.jpg","pivot":{"crop":"default","role":"landing_thumbnail","locale":"sc","ratio":"free","crop_w":1400,"crop_h":788,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}},{"id":639,"created_at":"2022-10-29T09:25:57.000000Z","updated_at":"2022-10-29T09:25:57.000000Z","deleted_at":null,"uuid":"57de2b20-5dcb-41dc-bb47-c01a925ea07a\/infini-love.png","alt_text":"Infini Love","width":350,"height":136,"caption":null,"filename":"Infini_love.png","pivot":{"crop":"default","role":"landing_logo","locale":"sc","ratio":"free","crop_w":350,"crop_h":136,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}}]},{"before_script":"<style>\n \/*common style START*\/\n html {\n scroll-behavior: smooth;\n }\n * {\n margin: 0;\n padding: 0;\n }\n *:focus {\n outline: 0 !important;\n }\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n input[type=number] {\n -moz-appearance: textfield;\n }\n select {\n appearance: none;\n }\n select::-ms-expand {\n display: none;\n }\n input[type=date] {\n cursor: pointer;\n }\n \/*common style END*\/\n sub,\n sup {\n font-size: 60% !important;\n }\n .ui-datepicker {\n background-color: #fff;\n border: 1px solid #fa857b;\n border-radius: 4px;\n box-shadow: 0 0 8px rgba(233, 102, 102, 0.6);\n display: none;\n margin-top: 4px;\n padding: 10px;\n width: 240px;\n }\n .ui-datepicker a,\n .ui-datepicker a:hover {\n text-decoration: none;\n }\n .ui-datepicker a:hover,\n .ui-datepicker td:hover a {\n color: #2A6496;\n -webkit-transition: color 0.1s ease-in-out;\n -moz-transition: color 0.1s ease-in-out;\n -o-transition: color 0.1s ease-in-out;\n transition: color 0.1s ease-in-out;\n }\n .ui-datepicker .ui-datepicker-header {\n margin-bottom: 4px;\n text-align: center;\n }\n .ui-datepicker .ui-datepicker-title {\n font-weight: 700;\n margin-top: 5px;\n }\n .ui-datepicker .ui-datepicker-prev,\n .ui-datepicker .ui-datepicker-next {\n cursor: default;\n font-family: 'Glyphicons Halflings';\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 20px;\n line-height: 1;\n margin-top: 2px;\n width: 30px;\n }\n .ui-datepicker .ui-datepicker-prev {\n float: left;\n text-align: left;\n }\n .ui-datepicker .ui-datepicker-next {\n float: right;\n text-align: right;\n }\n .ui-datepicker .ui-datepicker-prev:before {\n content: \"\\e079\";\n }\n .ui-datepicker .ui-datepicker-next:before {\n content: \"\\e080\";\n }\n .ui-datepicker .ui-icon {\n display: none;\n }\n .ui-datepicker .ui-datepicker-calendar {\n table-layout: fixed;\n width: 100%;\n }\n .ui-datepicker .ui-datepicker-calendar th,\n .ui-datepicker .ui-datepicker-calendar td {\n text-align: center;\n padding: 4px 0;\n }\n .ui-datepicker .ui-datepicker-calendar td {\n border-radius: 4px;\n -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;\n }\n .ui-datepicker .ui-datepicker-calendar td:hover {\n background-color: #eee;\n cursor: pointer;\n }\n .ui-datepicker .ui-datepicker-calendar td a {\n text-decoration: none;\n }\n .ui-datepicker .ui-datepicker-current-day {\n background-color: #fa857b;\n }\n .ui-datepicker .ui-datepicker-current-day a {\n color: #fff\n }\n .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {\n background-color: #fff;\n cursor: default;\n }\n .ui-state-disabled .ui-state-default {\n color: #A1A1A1;\n }\n .ui-widget-header,\n .ui-state-hover,\n .ui-widget-content .ui-state-hover,\n .ui-widget-header .ui-state-hover,\n .ui-state-focus,\n .ui-widget-content .ui-state-focus,\n .ui-widget-header .ui-state-focus {\n background: none;\n border: none;\n }\n .ui-datepicker .ui-datepicker-calendar td a,\n .ui-state-disabled .ui-state-default {\n background: none;\n border: none;\n }\n .ui-corner-all {\n position: relative;\n }\n .ui-datepicker .ui-datepicker-next:before {\n content: \"\";\n display: block;\n width: 10px;\n height: 10px;\n border-top: 1px solid #000;\n border-right: 1px solid #000;\n transform: rotate(45deg);\n position: absolute;\n top: 50%;\n right: 50%;\n }\n .ui-datepicker .ui-datepicker-prev:before {\n content: \"\";\n display: block;\n width: 10px;\n height: 10px;\n border-top: 1px solid #000;\n border-left: 1px solid #000;\n transform: rotate(-45deg);\n position: absolute;\n top: 50%;\n right: 50%;\n }\n \/*custom datepicker style END*\/\n \/*custom style START*\/\n .text-headline {\n font-family: \"Times New Roman\", Times, Georgia, \"Microsoft JhengHei\", \"微軟正黑體\", sans-serif;\n }\n .btn-hover:hover {\n background-color: #fa857b;\n border-color: #fa857b;\n color: #FFF !important;\n transition: .3s all ease !important;\n }\n #pms_submit.disable {\n pointer-events: none;\n opacity: 0.2;\n }\n .grey-line {\n margin: 0;\n }\n .css-section {\n width: 100%;\n }\n .css-section .container {\n height: 100%;\n }\n .css-input .tel-rm {\n font-size: 14px;\n margin-left: 5px;\n margin-bottom: 0;\n }\n .gift-list {\n width: 100%;\n }\n .booking-btn {\n display: block;\n width: 140px;\n padding: 10px 0;\n margin: 25px auto 0;\n border: 1px solid #000;\n color: #000;\n font-size: 14px;\n text-align: center;\n transition: .3s all ease !important;\n }\n .form-submit-btn {\n display: block;\n width: 140px;\n padding: 10px 0;\n \/* margin: 50px 0 0; *\/\n border: 1px solid #fa857b;\n background-color: #fa857b;\n color: #FFF;\n font-size: 14px;\n text-align: center;\n transition: 0.3s all ease;\n cursor: pointer;\n }\n .form-submit-btn:hover {\n opacity: 0.8;\n transition: 0.3s all ease;\n }\n .promote-section {\n padding: 120px 0;\n }\n .form-section {\n padding: 100px 0 50px;\n }\n .form-section .container {\n padding: 0;\n }\n .css-input {\n margin-bottom: 15px;\n }\n .css-input span {\n display: block;\n color: #fa857b;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 5px;\n }\n .css-input textarea {\n width: 100%;\n height: 100px;\n padding: 10px 15px;\n border: 1px solid #000;\n font-size: 16px;\n resize: none;\n }\n .css-input textarea::placeholder {\n color: #454545;\n }\n .css-input-row {\n width: 100%;\n }\n .css-input-row select,\n .css-input-row input {\n width: 100%;\n padding: 10px;\n border: 1px solid #000;\n font-size: 16px;\n }\n .css-input-row select {\n background-image: url('https:\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/2020\/TW_SLM_page\/drop-down-are.svg');\n background-repeat: no-repeat;\n \/*background-position-x: 100%;*\/\n \/*background-position-x: 97%;*\/\n background-position-x: calc(100% - 12px);\n background-position-y: 50%;\n \/*background-size: 2%;*\/\n background-size: 10px;\n }\n .css-input-row input::placeholder {\n color: #454545;\n }\n .form-section h4 {\n color: #222;\n font-weight: bold;\n margin-bottom: 40px;\n }\n .form-tips {\n margin-top: 30px;\n }\n .form-tips ul {\n list-style: none;\n }\n .sec-title {\n text-align: center;\n }\n .sec-title h2 {\n color: #222;\n font-size: 35px;\n margin: 0 0 20px;\n }\n .sec-title p {\n color: #000;\n font-size: 16px;\n line-height: 1.8;\n }\n .form-input-row {\n margin: 0 !important;\n }\n .shop-info b {\n letter-spacing: 0;\n }\n .sec-desc {\n width: 100%;\n text-align: center;\n }\n .sec-desc h2 {\n color: #643991;\n margin: 0 auto 30px;\n }\n .sec-desc p {\n font-size: 16px;\n }\n .gift-desc {\n text-align: center;\n }\n .error-msg {\n padding: 0 15px;\n color: #ff3826;\n }\n .h-err>span {\n display: flex;\n }\n .p-num-err {\n padding-top: 5px;\n color: #ff3826 !important;\n font-size: 14px !important;\n margin-bottom: 0 !important;\n }\n .pne-1 {\n opacity: 0;\n }\n .pne-2 {\n opacity: 0;\n }\n .pne-3 {\n padding: 0 15px;\n }\n .pne-1.active {\n opacity: 1;\n }\n .pne-2.active {\n opacity: 1;\n }\n .css-section {\n padding: 20px 0 70px;\n }\n \/*custom style END*\/\n \/*responsive*\/\n @media screen and (min-width: 992px) {\n .mobile-block {\n display: none;\n }\n .desktop-block {\n display: block;\n }\n .logo {\n margin: 20px auto 0;\n }\n .m-sec {\n display: none;\n }\n .success-msg {\n margin: 50px auto;\n margin: -20px auto 0;\n padding: 50px 0;\n }\n .success-msg .booking-btn {\n margin-top: 30px;\n }\n }\n @media screen and (max-width: 991px) {\n .d-sec {\n display: none;\n }\n .success-msg {\n width: 90%;\n margin: -20px auto 0;\n padding: 50px 0;\n }\n .mobile-block {\n display: block;\n }\n .desktop-block {\n display: none;\n }\n .main-content {\n padding: 0 0 50px;\n }\n .booking-btn {\n width: 200px;\n padding: 13px 0;\n font-size: 16px;\n }\n .form-submit-btn {\n width: 200px;\n padding: 13px 0;\n \/* margin: 50px auto 0; *\/\n margin: 0 auto;\n font-size: 16px;\n }\n .promote-section {\n padding: 20px 0;\n }\n .form-section {\n padding: 0;\n }\n .form-section h4 {\n font-size: 20px;\n letter-spacing: 2px;\n text-align: center;\n }\n .form-tips {\n font-size: 16px;\n }\n .form-tips li {\n margin-bottom: 5px;\n }\n .sec-desc {\n max-width: 450px;\n margin: 0 auto;\n }\n .gift-list {\n max-width: 400px;\n margin: 0 auto;\n }\n .gift-desc h3 {\n color: #643991;\n font-size: 20px;\n margin-bottom: 5px;\n }\n .sec-desc h2 {\n font-size: 25px;\n margin-bottom: 20px;\n }\n .sec-desc p {\n line-height: 2;\n margin-bottom: 50px;\n }\n .gift-list .gift {\n margin-bottom: 50px;\n }\n }\n @media screen and (max-width: 767px) {\n .sec-title h2 {\n font-size: 30px;\n }\n .sec-desc {\n max-width: 350px;\n }\n .gift-list {\n max-width: 250px;\n }\n }\n @media screen and (max-width: 540px) {\n .booking-btn {\n width: 140px;\n font-size: 14px;\n padding: 10px 0;\n }\n .form-submit-btn {\n width: 140px;\n font-size: 14px;\n padding: 10px 0;\n }\n .sec-title h2 {\n font-size: 25px;\n }\n .sec-title p {\n font-size: 14px;\n }\n .shop-info p {\n font-size: 18px;\n }\n .form-input-row {\n margin: 0 auto !important;\n width: 100%;\n max-width: 475px;\n }\n .css-input textarea {\n height: 120px;\n font-size: 14px;\n }\n .css-input-row select,\n .css-input-row input {\n font-size: 14px;\n }\n .form-tips {\n font-size: 14px;\n }\n .main-content {\n padding: 0 0 80px;\n }\n .form-section h4 {\n font-size: 16px;\n }\n .gift-list {\n max-width: 220px;\n }\n .gift-desc h3 {\n font-size: 16px;\n }\n .sec-desc {\n max-width: 280px;\n }\n .sec-desc h2 {\n font-size: 20px;\n margin-bottom: 10px;\n }\n .sec-desc p {\n font-size: 14px;\n margin-bottom: 25px;\n }\n .gift-list .gift {\n margin-bottom: 30px\n }\n }\n @media screen and (max-width: 450px) {\n .sec-desc {\n max-width: 240px;\n }\n .sec-desc h2 {\n font-size: 20px;\n margin-bottom: 10px;\n }\n .sec-desc p {\n font-size: 14px;\n line-height: 1.6;\n margin-bottom: 25px;\n }\n .gift-list {\n max-width: 150px;\n }\n .gift-list .gift {\n margin-bottom: 10px;\n }\n }\n @media screen and (max-width: 425px) {\n .form-input-row {\n max-width: 390px;\n }\n .css-input .tel-rm {\n font-size: 10px;\n margin-top: 5px;\n }\n }\n @media screen and (max-width: 375px) {\n .sec-title h2 {\n font-size: 22px;\n }\n .booking-btn {\n width: 120px;\n padding: 10px 0;\n font-size: 12px;\n }\n .form-submit-btn {\n width: 120px;\n padding: 10px 0;\n font-size: 12px;\n }\n .promote-section {\n padding: 0 0 20px;\n }\n .form-tips {\n font-size: 12px;\n }\n .form-input-row {\n max-width: 350px;\n }\n }\n @media screen and (max-width: 320px) {\n .booking-btn {\n font-size: 11px;\n }\n .form-submit-btn {\n font-size: 11px;\n }\n .sec-desc {\n max-width: 210px;\n }\n .sec-desc h2 {\n font-size: 16px;\n }\n .sec-desc p {\n font-size: 12px;\n margin-bottom: 15px;\n }\n .gift-list {\n max-width: 130px;\n }\n .gift-desc h3 {\n font-size: 14px;\n }\n .gift-desc p {\n font-size: 12px;\n }\n }\n \/*responsive*\/\n * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n .main-content {\n overflow: hidden;\n }\n .ild-form__head {\n padding-top: 70px;\n }\n .ild-form__banner {\n height: 600px;\n \/* background-image: url(\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/CN\/cn-mkt-banner\/Banner_form.jpg); *\/\n background-image: url(\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2023\/Wedding\/spotlight\/cn-promessa-slm-banner.png);\n background-size: cover;\n background-position: center;\n }\n .ild-form__body {\n padding: 0 14px;\n background-color: #fad8cc;\n }\n .ild-form__body>.container {\n background-color: #fff;\n position: relative;\n \/* top: -200px; *\/\n }\n @media screen and (min-width: 1280px) {\n .ild-form__body>.container {\n background-color: #fff;\n position: relative;\n \/* top: -200px; *\/\n padding: 0 48px;\n }\n }\n .ild-logo {\n width: 280px;\n margin-bottom: 24px;\n max-width: 50%;\n }\n .ild-form__title {\n font-weight: bold;\n padding: 0 15px 15px;\n color: #fa857b;\n font-size: 18px;\n }\n @media screen and (max-width: 768px) {\n .ild-form__banner {\n height: 0;\n padding-bottom: 40%;\n \/* background-image: url(\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2021\/CN\/cn-mkt-banner\/Banner_form_mobile.jpg); *\/\n }\n .ild-form__body>.container {\n \/* top: -60px; *\/\n }\n }\n .no-0::-webkit-input-placeholder {\n color: red !important;\n }\n .no-0::-moz-placeholder {\n color: red !important;\n }\n .no-0:-ms-input-placeholder {\n color: red !important;\n }\n .no-0::-ms-input-placeholder {\n color: red !important;\n }\n .no-0::placeholder {\n color: red !important;\n }\n .form-section.loading {\n position: relative;\n }\n .form-section.loading:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n background-color: rgba(255, 255, 255, 0.7);\n }\n .form-section.loading:after {\n content: \"\";\n display: block;\n width: 30px;\n height: 30px;\n position: absolute;\n top: calc(50% - 15px);\n left: calc(50% - 15px);\n border: 5px #2a2253 solid;\n border-top-color: transparent;\n border-radius: 50%;\n -webkit-animation: rotate 2s linear infinite;\n animation: rotate 2s linear infinite;\n z-index: 3;\n }\n @-webkit-keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes rotate {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n .ild-nav {\n margin: 11px auto;\n text-align: center;\n overflow: auto;\n }\n .ild-nav__item-holder {\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n -webkit-align-items: center;\n -ms-flex-align: center;\n align-items: center;\n }\n .ild-nav__item {\n border: 0;\n background: none;\n color: #7F7F7F;\n padding: 0.25em 15px;\n -webkit-flex-shrink: 0;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n }\n .ild-nav__item--booking {\n color: #3d1053;\n }\n .ild-nav__item.active,\n .ild-nav__item.init {\n font-weight: bold;\n color: #000;\n }\n .ild-nav__item--booking.active {\n color: #3d1053;\n }\n .ild-nav__item+.ild-nav__item {\n border-left: 1px solid #95989A;\n }\n @media screen and (max-width: 767px) {\n .text-headline {\n font-size: 26px;\n }\n }\n @media screen and (min-width: 481px) {\n .break-480 {\n display: none;\n }\n }\n .cb-row {\n display: flex;\n justify-content: space-between;\n }\n .cb-div {\n position: relative;\n \/* width: 30%; *\/\n width: 23%;\n padding: 0 10px;\n }\n .cb-div input {\n display: block;\n width: 100%;\n height: auto;\n }\n .cb-div label {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n color: #000;\n font-weight: 500;\n text-align: center;\n background-color: #FFF;\n border: 1px solid #000;\n padding: 10px 0;\n cursor: pointer;\n }\n .f2-label {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n color: #000;\n font-weight: 500;\n text-align: center;\n background-color: #FFF;\n border: 1px solid #000;\n padding: 10px 0;\n cursor: pointer;\n }\n .cb-div input:checked~label {\n color: #FFF;\n background-color: #fa857b;\n border-color: #fa857b;\n }\n .cb-div input:checked~.f2-label {\n color: #FFF;\n background-color: #fa857b;\n border-color: #fa857b;\n }\n .checkbox-container {\n display: flex;\n align-items: flex-start;\n line-height: 1.5;\n }\n .checkbox-container input[type=\"checkbox\"] {\n margin-top: 0.35em;\n margin-right: 0.5em;\n flex-shrink: 0;\n }\n .checkbox-container label {\n font-weight: normal;\n margin-bottom: 0;\n }\n .checkbox-container label a {\n color: inherit;\n text-decoration: underline;\n }\n @media screen and (max-width: 1279px) {\n .form-cb {\n margin-bottom: 50px;\n }\n }\n @media screen and (max-width: 425px) {\n .cb-row {\n height: 105px;\n flex-wrap: wrap;\n }\n .cb-div {\n width: 48%;\n }\n .form-cb {\n margin-bottom: 15px;\n }\n }\n .sms-blk {\n display: flex;\n }\n .sms-btn {\n border: 0;\n flex-shrink: 0;\n width: 140px;\n background-color: #fa857b;\n color: #fff;\n cursor: pointer;\n }\n .sms-btn:disabled {\n opacity: 0.2;\n cursor: auto;\n }\n<\/style>","content_html":"<div>\n <div class=\"container\">\n <div class=\"container mb-hide\">\n <h1 class=\"text-headline desktop-block\">预约独家定制服务<\/h1>\n <\/div>\n <hr class=\"grey-line\">\n <\/div>\n <!-- <div class=\"ild-nav\">\n <div class=\"ild-nav__item-holder ild-tab__holder\">\n <a class=\"ild-nav__item ild-tab__item\" href=\"\/product\/Collections-InfiniLove?#ild-tech\" role=\"link\">匠心与科技<\/a>\n <a class=\"ild-nav__item ild-tab__item\" href=\"\/product\/Collections-InfiniLove?#ild-3ex\" role=\"link\">3EX PLUS<\/a>\n <a class=\"ild-nav__item ild-tab__item\" href=\"\/product\/Collections-InfiniLove?#ild-assurance\" role=\"link\">信心保证<\/a>\n <a class=\"ild-nav__item ild-tab__item\" href=\"\/product\/Collections-InfiniLove?#ild-product\" role=\"link\">产品系列<\/a>\n <a class=\"ild-nav__item ild-tab__item\" href=\"\/product\/Collections-InfiniLove?#ild-search\" role=\"link\">专业品鉴<\/a>\n <a class=\"ild-nav__item\" href=\"\/jewellery-expertise\/diamond\" role=\"link\">钻石知识探索<\/a>\n <a class=\"ild-nav__item ild-nav__item--booking active\" href=\"\/ild-booking-form\" role=\"link\">预约鉴赏<\/a>\n <\/div>\n <\/div> -->\n <div class=\"ild-form__banner\"><\/div>\n <div class=\"ild-form__body\">\n <div class=\"container\">\n <div class=\"ild-form__head\">\n <div class=\"sec-title\">\n <img class=\"ild-logo\" src=\"https:\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/2020\/new_promessa_logo\/2020-05-21_CN_promessa_update\/promessa_logo-block.svg\">\n <h2 class=\"mkt-section__title\">甜蜜顾问带您体验<br class=\"break-480\"> 专属定制服务<\/h2>\n <\/div>\n <\/div>\n <div class=\"css-section form-section loading\" id=\"form-sec\">\n <div class=\"form-area\">\n <h4>经以下表格登记<\/h4>\n <form id=\"pmsForm\" method=\"POST\" enctype=\"multipart\/form-data\" action=\"\">\n <div class=\"row form-input-row\">\n <div class=\"col-lg-3 css-input\">\n <div class=\"css-input-row\">\n <span>*预约省份<\/span>\n <select id=\"shopProvince\" name=\"shopProvince\">\n <option value=\"0\">请选择预约省份<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-3 css-input\">\n <div class=\"css-input-row\">\n <span>*预约城市<\/span>\n <select id=\"shopRegion\" name=\"shopRegion\" disabled>\n <option value=\"0\">请先选择预约省份<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约分店<\/span>\n <select id=\"handleDept\" name=\"handleDept\" disabled>\n <option value=\"0\">请先选择预约城市<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约日期<\/span>\n <input type=\"text\" id=\"datepicker\" name=\"datepicker\" placeholder=\"年\/日\/月\" min=\"\" readonly=\"readonly\">\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*预约时段<\/span>\n <select id=\"appointmentTime\" name=\"appointmentTime\" disabled>\n <option value=\"\">请先选择预约分店<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-6 css-input\">\n <div class=\"css-input-row\">\n <span>*姓名<\/span>\n <input type=\"text\" id=\"custNam\" name=\"custNam\" placeholder=\"*姓名\">\n <\/div>\n <\/div>\n <div class=\"col-lg-6 css-input form-cb\">\n <div class=\"css-input-row h-err\">\n <span>*预约谘询货品<span class=\"p-num-err pne-3\" style=\"display: none;\">请选择预约咨询货品<\/span><\/span>\n <div class=\"cb-row\">\n <div class=\"cb-div\">\n <input class=\"g-cb\" type=\"checkbox\" value=\"订婚戒指\" name=\"DIAMOND_RING\" id=\"DIAMOND_RING\">\n <div class=\"f2-label btn-hover\">订婚戒指<\/div>\n <\/div>\n <div class=\"cb-div\">\n <input class=\"g-cb\" type=\"checkbox\" value=\"结婚戒指\" name=\"RING\" id=\"RING\">\n <div class=\"f2-label btn-hover\">结婚戒指<\/div>\n <\/div>\n <div class=\"cb-div\">\n <input class=\"g-cb\" type=\"checkbox\" value=\"时尚珠宝\" name=\"FASHION_JEWELRY\" id=\"FASHION_JEWELRY\">\n <div class=\"f2-label btn-hover\">时尚珠宝<\/div>\n <\/div>\n <div class=\"cb-div\">\n <input class=\"g-cb\" type=\"checkbox\" value=\"其他\" name=\"OTHER\" id=\"OTHER\">\n <div class=\"f2-label btn-hover\">其他<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-2 col-md-4 --col-xs-4-- col-xs-12 css-input\">\n <div class=\"css-input-row\">\n <span>区号<\/span>\n <select id=\"regionCde\" name=\"regionCde\">\n <option value=\"CN\">+86<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"col-lg-4 col-md-8 --col-xs-8-- col-xs-12 css-input\">\n <div class=\"css-input-row h-err\">\n <span>*手机号码<span class=\"tel-rm\">(手机号码长度为11位)<\/span><\/span>\n <input type=\"text\" id=\"custMobile\" name=\"custMobile\" pattern=\"\\d*\" maxlength=\"11\" placeholder=\"手机号码\">\n <span class=\"p-num-err pne-2\">手机号码长度为11位<\/span>\n <\/div>\n <\/div>\n <div class=\"col-lg-6 col-md-12 col-xs-12 css-input\">\n <div class=\"css-input-row h-err\">\n <span>*短信验证码<\/span>\n <div class=\"sms-blk\">\n <input type=\"text\" id=\"smsverification\" name=\"smsverification\" placeholder=\"输入验证码\">\n <button class=\"slm-btn sms-btn\" disabled>获取验证码<\/button>\n <\/div>\n <span class=\"p-num-err sms-1\" style=\"display: none;\">请确认您的验证码<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-12 css-input\">\n <span>备注<\/span>\n <textarea name=\"cusRemark\" id=\"cusRemark\" placeholder=\"顾客可填写感兴趣的品牌系列\/想试戴的饰品\/到店时所需要的特别安排等；甜蜜顾问将尽所能为你准备哦~\"><\/textarea>\n <\/div>\n <div class=\"col-lg-12\">\n <div class=\"form-tips\">\n <div class=\"checkbox-container\">\n <input type=\"checkbox\" id=\"tnc\" name=\"tnc\">\n <label for=\"tnc\">\n 您确认已年满14周岁。<br>\n 按 “立即预约”，即表示您已阅读并同意我们的<a href=\"\/privacy-policy\" target=\"_blank\">隐私政策<\/a>及<a href=\"\/cookie-policy\" target=\"_blank\">Cookie政策<\/a>。\n <\/label>\n <\/div>\n <br>\n <!--<ul>\n <li>- 全日本製造的IL Regalo 結婚戒指，現僅限 Promessa 訂製體驗店訂製<\/li>\n <li>- 本活動限首次諮詢者。<\/li>\n <li>- 電話預約來店者，恕不符合本活動資格。<\/li>\n <li>- 贈品數量有限，送完為止。<\/li>\n <li>- 贈品圖片僅供參考，以店面實品為準。<\/li>\n <li>- 臺灣點睛品保留所有活動內容修改之權利。<\/li>\n <\/ul>-->\n <\/div>\n <\/div>\n <\/div>\n <div class=\"row form-input-row\" style=\"display: none;\">\n <input type=\"text\" name=\"handleDeptAddr\" id=\"handleDeptAddr\">\n <input type=\"text\" name=\"handleDeptNam\" id=\"handleDeptNam\">\n <input type=\"text\" name=\"handleDeptPhone\" id=\"handleDeptPhone\">\n <input type=\"text\" id=\"appointmentDte\" name=\"appointmentDte\" placeholder=\"预约日期\" min=\"\">\n <\/div>\n <div class=\"row form-input-row\">\n <div class=\"col-lg-12 css-input\">\n <a id=\"pms_submit\" class=\"form-submit-btn\">立即预约<\/a>\n <\/div>\n <\/div>\n <div class=\"error-msg\"><\/div>\n <\/form>\n <\/div>\n <\/div>\n <div class=\"success-msg sec-title\" style=\"display: none;\">\n <h2>您已经成功预约，感谢您!<\/h2>\n <a href=\"\/brand\/promessa\" class=\"booking-btn btn-hover\">返回主页<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/div>","landing_title":"预约婚嫁定制服务","title":"预约独家定制服务 | 周生生珠宝","after_script":"<!--jquery-ui START-->\n<script src=\"\/\/cdn.chowsangsang.com\/eshop\/hk\/newweb\/collection\/2023\/CN-ILD\/jquery-ui.min.js\"><\/script>\n<!--jquery-ui END-->\n<script>\n $(document).ready(function () {\n getToken()\n var now = new Date();\n var DD = String(now.getDate()).padStart(2, '0'),\n MM = String(now.getMonth() + 1).padStart(2, '0'),\n YYYY = now.getFullYear(),\n nextDD = String(now.getDate() + 1).padStart(2, '0');\n var today = YYYY + \"-\" + MM + \"-\" + DD,\n tmr = nextDD + \"\/\" + MM + \"\/\" + YYYY;\n $(\"#datepicker\").datepicker({\n altField: '#appointmentDte',\n altFormat: 'yy-mm-dd',\n dateFormat: 'yy\/mm\/dd',\n minDate: +2,\n });\n $.datepicker.regional[\"zh-CN\"] = {\n closeText: \"关闭\",\n prevText: \"<上月\",\n nextText: \"下月>\",\n currentText: \"今天\",\n monthNames: [\n \"一月\",\n \"二月\",\n \"三月\",\n \"四月\",\n \"五月\",\n \"六月\",\n \"七月\",\n \"八月\",\n \"九月\",\n \"十月\",\n \"十一月\",\n \"十二月\",\n ],\n monthNamesShort: [\n \"一\",\n \"二\",\n \"三\",\n \"四\",\n \"五\",\n \"六\",\n \"七\",\n \"八\",\n \"九\",\n \"十\",\n \"十一\",\n \"十二\",\n ],\n dayNames: [\n \"星期日\",\n \"星期一\",\n \"星期二\",\n \"星期三\",\n \"星期四\",\n \"星期五\",\n \"星期六\",\n ],\n dayNamesShort: [\"周日\", \"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\"],\n dayNamesMin: [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"],\n weekHeader: \"周\",\n dateFormat: \"yy-mm-dd\",\n firstDay: 1,\n isRTL: false,\n showMonthAfterYear: true,\n yearSuffix: \"年\",\n };\n $.datepicker.setDefaults($.datepicker.regional[\"zh-CN\"]);\n $('#pms_submit').addClass('disable');\n $(\"#custMobile\").keyup(function (e) {\n if (e.keyCode == 17) {\n return false\n }\n if ($(this).val().length != 11) {\n $('.sms-btn').prop('disabled', true);\n $(\".pne-2\").addClass(\"active\")\n } else {\n if(!$(\".sms-btn\").is(\".waiting\")) {\n $('.sms-btn').prop('disabled', false);\n }\n $(\".pne-2\").removeClass(\"active\")\n }\n formValidation()\n }).focusout(function () {\n if ($(this).val().length != 11) {\n $(\".pne-2\").addClass(\"active\")\n }\n formValidation()\n })\n $(\"#smsverification\").keyup(function(){\n formValidation()\n })\n $(\"#tnc\").change(function(){\n formValidation()\n })\n $(\"#pms_submit\").click(function () {\n if ($('.g-cb').is(\":checked\")) {\n $('.pne-3').hide();\n checkSms();\n } else {\n $('.pne-3').show();\n }\n });\n $('.g-cb').click(function () {\n $(this).toggleClass('act');\n });\n $('.f2-label').click(function () {\n var this_cb = $(this).parents('.cb-div').find('.g-cb');\n if (this_cb.prop(\"checked\")) {\n this_cb.removeClass('act');\n this_cb.prop(\"checked\", false);\n } else {\n this_cb.prop(\"checked\", true);\n this_cb.addClass('act');\n }\n });\n initGetSms()\n });\n var smsEncryptCde,\n smsTimeout,\n smsTimeoutCount;\n function initGetSms() {\n $(\".sms-btn\").click(function(e){\n e.preventDefault()\n $(this).attr(\"disabled\", \"disabled\")\n $.ajax({\n type: 'GET',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/phoneSmsCheck\/v1\",\n headers: {\n Authorization: slmToken,\n system: 'ocslt',\n },\n data: {\n 'phoneNum': $(\"#custMobile\").val(),\n 'regionCde': \"CN\"\n },\n success: function (result, textStatus, jqXHR) {\n if(result[\"msg\"] == \"success\") {\n smsEncryptCde = result[\"data\"]\n $(\".sms-btn\").addClass(\"waiting\")\n clearInterval(smsTimeout)\n smsTimeoutCount = 60\n smsTimeout = setInterval(function() {\n smsTimeoutCount -= 1\n $(\".sms-btn\").html(\"获取验证码(\"+smsTimeoutCount+\"s)\")\n if(smsTimeoutCount == 0) {\n $(\".sms-btn\").removeAttr(\"disabled\").html(\"获取验证码\").removeClass(\"waiting\")\n clearInterval(smsTimeout)\n }\n }, 1000);\n } else {\n $(\".sms-btn\").removeAttr(\"disabled\")\n var fullMsg = result[\"msg\"].split(\":\"),\n thisMsg = fullMsg[fullMsg.length - 1];\n alert(thisMsg)\n }\n },\n error: function() {\n $(\".sms-btn\").removeAttr(\"disabled\")\n alert(\"发生错误，请重新再试\")\n }\n })\n })\n }\n function formValidation() {\n if ($(\"#custMobile\").val().length == 11 && $(\"#tnc\").is(\":checked\") && $(\"#smsverification\").val() != \"\") {\n $('#pms_submit').removeClass('disable');\n } else {\n $('#pms_submit').addClass('disable');\n }\n }\n var province = [];\n var city = [];\n var slmToken;\n function getToken() {\n $.ajax({\n type: 'POST',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/auth\/oauth\/token\",\n cache: false,\n data: {\n 'grant_type': 'client_credentials',\n 'client_id': 'ht_cnBrandsite_prod',\n 'client_secret': 'C4SPbdOZ5y'\n },\n success: function (data, textStatus, jqXHR) {\n slmToken = data.token_type + ' ' + data.access_token\n loadoptions();\n }\n })\n }\n function loadoptions() {\n var getStoreApi = \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/listShop\/v1?regionCde=CN\";\n $.ajax({\n url: getStoreApi,\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt',\n },\n success: function (result) {\n data = result[\"data\"];\n for (var i = 0; i < data.length; i++) {\n var thisItem = data[i],\n thisProvince = thisItem[\"province\"],\n thisAddress = thisItem[\"address\"],\n thisPhone = thisItem[\"telephoneNumber\"],\n thisBrand = thisItem[\"brandCode\"],\n thisName = thisItem[\"name\"];\n if((thisBrand !== \"CSS\" && thisBrand !== \"PROMESSA\" && thisBrand !== \"PRO\") || thisName.indexOf(\"华宇店\") !== -1) {\n continue\n }\n \/\/ gen Province\n if (province.indexOf(thisProvince) == -1) {\n province.push(thisProvince);\n var provinceHTML =\n '<option value=\"' +\n thisProvince +\n '\">' +\n thisProvince +\n \"<\/option>\";\n $(\"#shopProvince\").append(provinceHTML);\n province.push(thisProvince);\n }\n \/\/ gen city\n var thisCity = thisItem[\"city\"];\n if (city.indexOf(thisCity) == -1) {\n var cityHTML =\n '<span class=\"option-hidden\"><option value=\"' +\n thisCity +\n '\" data-province=\"' +\n thisProvince +\n '\">' +\n thisCity +\n \"<\/option><\/span>\";\n $(\"#shopRegion\").append(cityHTML);\n city.push(thisCity);\n }\n \/\/ gen shop\n var thisId = thisItem[\"code\"],\n thisName = thisItem[\"name\"];\n shopHTML =\n '<span class=\"option-hidden\"><option value=\"' +\n thisId +\n '\" data-city=\"' +\n thisCity +\n '\" data-address=\"' +\n thisAddress +\n '\" data-phone=\"' +\n thisPhone +\n '\">' +\n thisName +\n \"<\/option><\/span>\";\n $(\"#handleDept\").append(shopHTML);\n }\n $(\".loading\").removeClass(\"loading\")\n },\n });\n $(\"#shopProvince\").change(function () {\n var thisProvince = $(this).val();\n $(\"#shopRegion option\").each(function () {\n if (!$(this).parent().is(\"span\")) {\n $(this).wrap('<span class=\"option-hidden\">');\n }\n if ($(this).attr(\"data-province\") == thisProvince && $(this).parent().is(\n \".option-hidden\")) {\n $(this).unwrap();\n }\n });\n if ($(\"#shopRegion option[value='0']\").parent().is(\".option-hidden\")) {\n $(\"#shopRegion option[value='0']\").unwrap()\n }\n $(\"#shopRegion\").val(\"0\").change();\n if ((thisProvince != \"0\")) {\n $(\"#shopRegion\").prop(\"disabled\", false);\n $(\"#shopRegion option[value='0']\").text(\"请选择预约城市\")\n } else {\n $(\"#shopRegion\").prop(\"disabled\", true);\n $(\"#shopRegion option[value='0']\").text(\"请先选择预约省份\")\n }\n });\n $(\"#shopRegion\").change(function () {\n var thisCity = $(this).val();\n $(\"#handleDept option\").each(function () {\n if (!$(this).parent().is(\"span\")) {\n $(this).wrap('<span class=\"option-hidden\">');\n }\n if ($(this).attr(\"data-city\") == thisCity && $(this).parent().is(\".option-hidden\")) {\n $(this).unwrap();\n }\n });\n if ($(\"#handleDept option[value='0']\").parent().is(\".option-hidden\")) {\n $(\"#handleDept option[value='0']\").unwrap()\n }\n $(\"#handleDept\").val(\"0\").change();\n if (thisCity != \"0\") {\n $(\"#handleDept\").prop(\"disabled\", false);\n $(\"#handleDept option[value='0']\").text(\"请选择预约分店\")\n } else {\n $(\"#handleDept\").prop(\"disabled\", true);\n $(\"#handleDept option[value='0']\").text(\"请先选择预约城市\")\n }\n });\n $(\"#handleDept\").change(function () {\n if ($(this).val() != \"0\") {\n var selectedOption = $(this).find('option[value=' + $(this).val() + ']');\n $(\"#appointmentTime\").prop(\"disabled\", false).val(\"\");\n $(\"#appointmentTime option\").eq(0).text('请选择预约时段')\n $(\"#handleDeptAddr\").val($(selectedOption).attr(\"data-address\"))\n $(\"#handleDeptNam\").val($(selectedOption).text())\n $(\"#handleDeptPhone\").val($(selectedOption).attr(\"data-phone\"))\n } else {\n $(\"#appointmentTime\").prop(\"disabled\", true).val(\"\");\n $(\"#appointmentTime option\").eq(0).text('请先选择预约分店')\n $(\"#handleDeptAddr\").val(\"\")\n $(\"#handleDeptNam\").val(\"\")\n $(\"#handleDeptPhone\").val(\"\")\n }\n });\n $.ajax({\n type: 'GET',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/customInit\/v1?regionCde=CN\",\n cache: false,\n contentType: false,\n processData: false,\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt',\n },\n success: function (data, textStatus, jqXHR) {\n var time = data.data.appointmentTimes\n $.each(time, function (key, entry) {\n $(\"#appointmentTime\").append('<option value=\"' + time[key].refCde + '\">' + time[key]\n .statcDesc + '<\/option>');\n });\n }\n })\n }\n function checkSms() {\n \/\/ check sms verifi\n $('#pms_submit').addClass('disable');\n $(\".sms-1\").hide()\n var smsData = {\n 'custMobile': $(\"#custMobile\").val(),\n 'encryptCde': smsEncryptCde,\n 'verifiCde': $(\"#smsverification\").val(),\n 'regionCde': \"CN\"\n }\n $.ajax({\n type: 'POST',\n url: \"https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/checkCustMobile\/v1\",\n headers: {\n 'Content-Type' : 'application\/json;charset=UTF-8',\n Authorization: slmToken,\n system: 'ocslt',\n },\n data: JSON.stringify(smsData),\n success: function (result, textStatus, jqXHR) {\n console.log(textStatus)\n if(result[\"msg\"] != \"success\") {\n $(\".sms-1\").show()\n $('#pms_submit').removeClass('disable');\n } else {\n slmFormSubmit()\n }\n },\n error: function() {\n $('#pms_submit').removeClass('disable');\n alert(\"发生错误，请重新再试\")\n }\n })\n }\n function slmFormSubmit() {\n var apiUrl = 'https:\/\/cn-pksopenapi.chowsangsang.com\/api\/ocslt\/slt\/v1',\n formData = new FormData();\n var sr_n = $('#shopRegion').attr('name'),\n sr_v = $('#shopRegion').val(),\n hd_n = $('#handleDept').attr('name'),\n hd_v = $('#handleDept').val(),\n ad_n = $('#appointmentDte').attr('name'),\n ad_v = $('#appointmentDte').val(),\n at_n = $('#appointmentTime').attr('name'),\n at_v = $('#appointmentTime').val(),\n cn_n = $('#custNam').attr('name'),\n cn_v = $('#custNam').val(),\n rc_n = $('#regionCde').attr('name'),\n rc_v = $('#regionCde').val(),\n cm_n = $('#custMobile').attr('name'),\n cm_v = $('#custMobile').val(),\n rm_n = 'remark.cusRemark',\n rm_v = $('#cusRemark').val(),\n hda_n = $('#handleDeptAddr').attr('name'),\n hda_v = $('#handleDeptAddr').val(),\n hdn_n = $('#handleDeptNam').attr('name'),\n hdn_v = $('#handleDeptNam').val(),\n hdp_n = $('#handleDeptPhone').attr('name'),\n hdp_v = $('#handleDeptPhone').val();\n var $ck_ns = $('.g-cb:checked').attr('name'),\n $ck_vs = $('.g-cb:checked').val();\n $('.g-cb.act').each(function (index) {\n if ($(this).is(':checked')) {\n \/\/ value=\"全爱钻\" name=\"INFINI_LOVE_DIAMOND\"\n formData.append(\"customAttents[\"+index+\"].children[0].refCde\", $(this).attr('name'));\n formData.append(\"customAttents[\"+index+\"].children[0].statcDesc\", $(this).val());\n formData.append(\"customAttents[\"+index+\"].refCde\", $(this).attr('name'));\n formData.append(\"customAttents[\"+index+\"].refType\", \"CUSTOM_ATTENT\");\n formData.append(\"customAttents[\"+index+\"].statcDesc\", $(this).val());\n }\n });\n formData.append(sr_n, sr_v);\n formData.append(hd_n, hd_v);\n formData.append(ad_n, ad_v);\n formData.append(at_n, at_v);\n formData.append(cn_n, cn_v);\n formData.append(rc_n, rc_v);\n formData.append(cm_n, cm_v);\n formData.append(hda_n, hda_v);\n formData.append(hdn_n, hdn_v);\n formData.append(hdp_n, hdp_v);\n formData.append(\"statCde\", \"R\");\n formData.append(\"channel\", \"PRO_h5\");\n var thisSource = getUrlParameter(\"source\"),\n thisName = getUrlParameter(\"name\");\n if (typeof thisSource != \"undefined\") {\n formData.append(\"source\", thisSource);\n } else {\n formData.append(\"source\", \"官网PRO\");\n }\n if (typeof thisName != \"undefined\") {\n formData.append(\"name\", thisName);\n } else {\n formData.append(\"name\", \"main\");\n }\n formData.append(\"lang\", \"zh_cn\");\n formData.append(\"Brand\", \"PROMESSA\");\n if (rm_v.length > 0) {\n formData.append(rm_n, rm_v);\n formData.append('remark.lastModEmp', cn_v);\n }\n $('#pms_submit').addClass('disable');\n $.ajax({\n type: 'POST',\n url: apiUrl,\n cache: false,\n contentType: false,\n processData: false,\n data: formData,\n xhrFields: {\n withCredentials: true\n },\n headers: {\n 'Accept-Language': 'zh_CN',\n Authorization: slmToken,\n system: 'ocslt'\n },\n success: function (data, textStatus, jqXHR) {\n \/\/console.log(data);\n \/\/ console.log(CryptoJS.MD5(cm_v))\n if (data['msg'] == 'success') {\n \/\/ Tracking code\n \/\/ _agtjs('loadEvent', {\n \/\/ atsev: 200,\n \/\/ 'atsqet': CryptoJS.MD5(cm_v)\n \/\/ });\n \/\/$('.form-area, .mkt-section__title').hide();\n $('#form-sec, .mkt-section__title').hide();\n $('.success-msg').show();\n $('.form-textbox').hide();\n $(\"html, body\").animate({\n scrollTop: $(\".ild-form__banner\").offset().top - 70\n }, 500);\n } else {\n var $err = data['msg'];\n if ($err.length == 26 || $err.length == 27) {\n $('.error-msg').html($err);\n } else {\n \/\/var $break = $err.split(\":\")[1].split(\";\").join('<br>');\n var $break = $err.split(\";\").join('<br>');\n $('.error-msg').html($break);\n }\n }\n },\n complete: function() {\n $('#pms_submit').removeClass('disable');\n }\n })\n }\n<\/script>","published":true,"id":2,"format_medias":{"landing_thumbnail":[{"key":"landing_thumbnail","media":{"uuid":"4b17f6b7-91b1-47b9-a760-b16b7f56ff3c\/wedding-slm.jpg","src":"https:\/\/cn.chowsangsang.com\/img\/4b17f6b7-91b1-47b9-a760-b16b7f56ff3c\/wedding-slm.jpg?q=100&fit=max&crop=1400%2C788%2C0%2C0","width":1400,"height":788,"alt":"Wedding Slm","caption":"","video":""}}],"landing_logo":[{"key":"landing_logo","media":{"uuid":"032932ad-c17b-4ee8-a105-b6eec833c78b\/promessa.png","src":"https:\/\/cn.chowsangsang.com\/img\/032932ad-c17b-4ee8-a105-b6eec833c78b\/promessa.png?q=100&fit=max&crop=362%2C114%2C0%2C0","width":362,"height":114,"alt":"Promessa","caption":"","video":""}},{"key":"landing_logo","media":{"uuid":"29f60a1a-f00d-43da-9637-809cc71836ff\/css-logo.png","src":"https:\/\/cn.chowsangsang.com\/img\/29f60a1a-f00d-43da-9637-809cc71836ff\/css-logo.png?q=100&fit=max&crop=370%2C115%2C0%2C0","width":370,"height":115,"alt":"Css Logo","caption":"","video":""}}]},"medias":[{"id":870,"created_at":"2023-08-21T09:52:50.000000Z","updated_at":"2023-08-21T09:52:50.000000Z","deleted_at":null,"uuid":"4b17f6b7-91b1-47b9-a760-b16b7f56ff3c\/wedding-slm.jpg","alt_text":"Wedding Slm","width":1400,"height":788,"caption":null,"filename":"wedding-slm.jpg","pivot":{"crop":"default","role":"landing_thumbnail","locale":"sc","ratio":"free","crop_w":1400,"crop_h":788,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}},{"id":26,"created_at":"2022-09-26T07:17:37.000000Z","updated_at":"2022-09-26T07:17:37.000000Z","deleted_at":null,"uuid":"032932ad-c17b-4ee8-a105-b6eec833c78b\/promessa.png","alt_text":"Promessa","width":362,"height":114,"caption":null,"filename":"Promessa.png","pivot":{"crop":"default","role":"landing_logo","locale":"sc","ratio":"free","crop_w":362,"crop_h":114,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}},{"id":857,"created_at":"2023-08-01T01:58:26.000000Z","updated_at":"2023-08-01T01:58:26.000000Z","deleted_at":null,"uuid":"29f60a1a-f00d-43da-9637-809cc71836ff\/css-logo.png","alt_text":"Css Logo","width":370,"height":115,"caption":null,"filename":"css-logo.png","pivot":{"crop":"default","role":"landing_logo","locale":"sc","ratio":"free","crop_w":370,"crop_h":115,"crop_x":0,"crop_y":0,"metadatas":"{\"caption\":null,\"altText\":null,\"video\":null}"}}]}]