1<!DOCTYPE HTML> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <title>Member Center</title> 7 <link rel="shortcut icon" href="https://yunpan.cdn.site.joinf.com/5087217610023486/2021/11/Hy42YdpzNK.png" /> 8 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 9 <!-- 以chromeå æ ¸æ¥æ¸²æé¡µé¢ 妿å½åIEæµè§å¨å®è£ äºGCFæä»¶ï¼å以chromeå æ ¸æ¸²æé¡µé¢ï¼å¦å就以å½åIEæµè§å¨æ¯æçæé«çæ¬æ¨¡å¼æ¥æ¸²æ --> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 11 <meta name="keywords" content=""> 12 <meta name="description" content=""> 13 <meta name="apple-mobile-web-app-capable" content="no" /> 14 <base href="//www.searayoptical.com/" target="_top"> 15
16<script> 17 window.site_url = "https://asset.site.joinf.com"; 18 window.site_version = "?v=1.0.36"; 19 window.user_email = ""; 20 window.user_name = ""; 21 window.language_id = "2"; 22 window.text_sure = "Sure"; 23 window.email_format = "Please enter your valid email address"; 24 window.name_empty = "Please enter your name"; 25 window.content_empty = "Please enter your message"; 26 window.send_success = "Sent successfully!"; 27 window.text_enter_message = "Enter Message"; 28 window.text_leave_your_message = "Leave Your Message"; 29 window.text_email = "E-Mail"; 30 window.text_send_message = "Send Message"; 31 window.empty_email_or_phone = "Please enter your email or mobile number"; 32 window.email_phone_format = "Email or mobile number format error"; 33 window.text_upload = "Upload"; 34 window.text_inquiry_upload_size = "The size of the uploaded file should not exceed <span>10MB</span>"; 35 window.text_inquiry_upload_attachments = "You can only upload <span>1</span> attachments at most"; 36 window.text_inquiry_upload_formats = "Supported formats: PDF,JPG,PNG,EXCEL,WORD,STP,IGS,DWG,DXF,PDF,STEP" 37 window.text_required_field = "This is a required field"; 38 window.text_data_empty = "Data is empty"; 39 window.IS_MOBILE = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 40</script>
40 41<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 41-42
41 42<script async src="https://www.googletagmanager.com/gtag/js?id=
42AW-10948847133
vendor: 12 bytes, line 42
42"></script>
43<script> 44
vendor: 134 bytes, lines 44-48
44window.dataLayer = window.dataLayer || []; 45 function gtag(){dataLayer.push(arguments);} 46 gtag('js', new Date()); 47 48 gtag('config', '
48AW-10948847133
vendor: 4 bytes, line 48
48');
49</script>
49 50<!-- Event snippet for ç½ç«çº¿ä¸è½¬åï¼å¤å¶é®ç®±ï¼ conversion page 51In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
52<script> 53function gtag_report_conversion(url) { 54 var callback = function () { 55 if (typeof(url) != 'undefined') { 56 window.location = url; 57 } 58 }; 59 gtag('event', 'conversion', { 60 'send_to': 'AW-10948847133/u4mjCMCmxIIbEJ3M6OQo', 61 'event_callback': callback 62 }); 63 return false; 64} 65</script>
65 66 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/bootstrap.min.css?v=1.0.36" /> 67 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/font-awesome.min.css?v=1.0.36"> 68 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/common.min.css"> 69 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/style-index.min.css?v=1.0.36" /> 70 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/sweetalert.min.css"> 71 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/swiper.min.css" /> 72 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/61001/css/base.min.css?v=1.0.36"> 73 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/61001/css/iconfont/iconfont.css"> 74 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/default/css/emailCopy.css?v=1.0.36"> 75 76 77 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/general/assects/customizeFonts/index.css?v=1784109817" /> 78 79 <link rel="stylesheet" type="text/css" href="https://asset.site.joinf.com/general/assects/customizeFonts/index.css?v=1784109817" /> 80 81
81<script src="https://asset.site.joinf.com/default/libs/jquery-2.1.1.min.js"></script>
81 82
82<script src="https://asset.site.joinf.com/default/js/emailCopy.js?v=1.0.36"></script>
82 83 84 <!--[if lte IE 8 ]>
85<script src="https://asset.site.joinf.com/default/libs/jquery-1.11.3.min.js"></script>
vendor: 1 bytes, line 85
85
86<script src="https://asset.site.joinf.com/default/js/modernizr.js"></script>
86 87<![endif]--> 88 </head> 89<body class="page "> 90 <svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;"> 91 <symbol id="icon-jf-icon-more-o" viewBox="0 0 1024 1024"><path d="M93.89 166.77h836.22c16.52 0 29.89-13.38 29.89-29.89 0-16.51-13.37-29.89-29.89-29.89H93.89c-16.52 0-29.89 13.38-29.89 29.89 0 16.51 13.37 29.89 29.89 29.89zM930.1 481.91H93.89C77.37 481.91 64 495.28 64 511.8c0 16.5 13.37 29.89 29.89 29.89h836.22c16.52 0 29.89-13.38 29.89-29.89-0.01-16.52-13.38-29.89-29.9-29.89z m0 375.34H93.89c-16.52 0-29.89 13.37-29.89 29.89 0 16.49 13.37 29.87 29.89 29.87h836.22c16.52 0 29.89-13.38 29.89-29.87-0.01-16.52-13.38-29.89-29.9-29.89z m0 0"></path></symbol> 92 <symbol id="icon-user-o1" viewBox="0 0 1024 1024"><path d="M512.017 63.98c-62.611 0-121.526 24.417-165.824 68.715-44.242 44.298-68.659 103.101-68.659 165.712 0 62.555 24.417 121.47 68.66 165.767 44.297 44.298 103.212 68.715 165.823 68.715 62.555 0 121.47-24.305 165.767-68.603 44.298-44.298 68.715-103.212 68.715-165.823 0-62.555-24.417-121.47-68.715-165.768C633.486 88.453 574.572 63.98 512.017 63.98m0 56.17c47.602 0 92.404 18.538 126.061 52.251 33.77 33.714 52.307 78.46 52.307 126.062 0 47.658-18.537 92.404-52.25 126.117-33.658 33.658-78.46 52.195-126.118 52.195s-92.404-18.593-126.118-52.307c-33.713-33.713-52.25-78.459-52.25-126.061 0-47.546 18.537-92.292 52.25-126.006 33.714-33.713 78.46-52.25 126.118-52.25M876.94 960.02c-15.512 0-28.169-12.656-28.169-28.169V828.36c0-93.469-76.051-169.464-169.52-169.464H344.916c-93.468 0-169.52 75.995-169.52 169.464V931.85c0 15.513-12.656 28.17-28.224 28.17-15.569 0-28.226-12.657-28.226-28.17V828.36c0-60.315 23.521-116.99 66.195-159.72 42.674-42.674 99.405-66.195 159.775-66.195H679.14c60.26 0 117.046 23.521 159.776 66.195 42.673 42.73 66.138 99.405 66.138 159.72V931.85c0.056 7.56-2.856 14.617-8.12 19.937-5.32 5.32-12.432 8.232-19.993 8.232"></path></symbol> 93 <symbol id="icon-jf-icon-shoppingcart-o" viewBox="0 0 1024 1024"><path d="M721.57 912.23c-52.19 0-94.61-42.39-94.61-94.47s42.42-94.47 94.61-94.47 94.67 42.39 94.67 94.47-42.47 94.47-94.67 94.47z m0-129.65c-19.43 0-35.2 15.77-35.2 35.15 0 19.43 15.77 35.23 35.2 35.23s35.2-15.8 35.2-35.23c0-19.38-15.76-35.15-35.2-35.15zM340.01 912.23c-52.19 0-94.61-42.39-94.61-94.47s42.42-94.47 94.61-94.47 94.67 42.39 94.67 94.47-42.48 94.47-94.67 94.47z m0-129.65c-19.38 0-35.15 15.77-35.15 35.15 0 19.43 15.77 35.23 35.15 35.23 19.43 0 35.2-15.8 35.2-35.23 0-19.38-15.77-35.15-35.2-35.15z m15.55-89.22c-51.53 0-96.17-36.65-106.16-87.17l-67.18-339.86-19.54-89.92-68.74-5.39c-16.55 0-29.93-13.3-29.93-29.62s13.33-29.62 29.71-29.62h91.67c5.11 0.67 7 1.05 8.77 1.61l9.72 5.25 6.88 7.88 23.26 98.81 646.86 5.3c25.65 0 49.81 12.49 64.63 33.43 14.82 20.85 18.55 47.78 9.94 72.07L853.89 621.51c-15.27 42.98-56.19 71.85-101.89 71.85H355.56z m-47.86-98.64c4.55 22.79 24.65 39.34 47.86 39.34H752c20.65 0 39.14-13.05 46.03-32.51l101.55-285.37c2.22-6.36 1.39-12.58-2.55-17.96-3.83-5.39-9.55-8.36-16.1-8.36H247.4l60.3 304.86z"></path></symbol> 94 </svg> 95 96
96<script> 97 window.SiteConfig = { 98 bannerLoop: 0, 99 bannerDuration: 3 } 100 </script>
100 101
101<script src="" async="async"></script>
101 102 <div style="display: none;"><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 102-103
102 103<script async src="https://www.googletagmanager.com/gtag/js?id=
103G-C07LGSPM7F
vendor: 12 bytes, line 103
103"></script>
104<script> 105
vendor: 135 bytes, lines 105-110
105window.dataLayer = window.dataLayer || []; 106 function gtag(){dataLayer.push(arguments);} 107 gtag('js', new Date()); 108 109 110 gtag('config', '
110G-C07LGSPM7F
vendor: 4 bytes, line 110
110');
111</script>
111<script type="text/javascript">var _paq = _paq || []; 112_paq.push(['trackPageView']); 113 _paq.push(['enableLinkTracking']); 114 (function() { 115 var u="//stat.joinf.com/"; 116 _paq.push(['setTrackerUrl', u+'piwik.php']); 117 _paq.push(['setSiteId', '8336']); 118 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 119 g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); 120 })();</script>
vendor: 2 bytes, line 120
120
121<script> 122const websiteFlowIdSite = '8336' 123// æµéç»è®¡ çå¬æä½ è§¦åäºä»¶ æ¯ä¸ªæä½1åéåªè§¦å䏿¬¡ 124const getWebSiteFlow = function() { 125 // çå¬whatsappç¹å»äºä»¶ 126 if(document.querySelector(".whatsapp-panel")) { 127 var whatsapp_mouseenter = 0; 128 document.querySelector(".whatsapp-panel").addEventListener("click", function(event){ 129 sendWebSiteFlow("whatsapp_panel_click_trigger", 1, 0) 130 }) 131 132 document.querySelector(".whatsapp-panel").addEventListener("mouseenter", function(event){ 133 whatsapp_mouseenter = Date.now(); 134 }) 135 136 document.querySelector(".whatsapp-panel").addEventListener("mouseleave", function(event){ 137 if(whatsapp_mouseenter > 0) { 138 var ctime = Math.ceil((Date.now() - whatsapp_mouseenter) / 1000); 139 sendWebSiteFlow("whatsapp_panel_mouse_trigger", 6, ctime) 140 } 141 }) 142 } 143 144 // çå¬wechatç¹å»äºä»¶ 145 if(document.querySelector(".wechat-panel")) { 146 var wechat_mouseenter = 0; 147 document.querySelector(".wechat-panel").addEventListener("click", function(event){ 148 sendWebSiteFlow("wechat_panel_click_trigger", 2, 0) 149 }) 150 document.querySelector(".wechat-panel").addEventListener("mouseenter", function(event){ 151 wechat_mouseenter = Date.now(); 152 }) 153 154 document.querySelector(".wechat-panel").addEventListener("mouseleave", function(event){ 155 if(wechat_mouseenter > 0) { 156 var ctime = Math.ceil((Date.now() - wechat_mouseenter) / 1000); 157 sendWebSiteFlow("wechat_panel_mouse_trigger", 7, ctime) 158 } 159 }) 160 } 161 162 // çå¬skypeç¹å»äºä»¶ 163 if(document.querySelector(".skype-panel")) { 164 var skype_mouseenter = 0; 165 document.querySelector(".skype-panel").addEventListener("click", function(event){ 166 sendWebSiteFlow("skype_panel_click_trigger", 3, 0) 167 }) 168 169 document.querySelector(".skype-panel").addEventListener("mouseenter", function(event){ 170 skype_mouseenter = Date.now(); 171 }) 172 173 document.querySelector(".skype-panel").addEventListener("mouseleave", function(event){ 174 if(skype_mouseenter > 0) { 175 var ctime = Math.ceil((Date.now() - skype_mouseenter) / 1000); 176 sendWebSiteFlow("skype_panel_mouse_trigger", 8, ctime) 177 } 178 }) 179 } 180 181 // çå¬skypeç¹å»äºä»¶ 182 if(document.querySelector(".message-panel")) { 183 var message_mouseenter = 0; 184 document.querySelector(".message-panel").addEventListener("click", function(event){ 185 sendWebSiteFlow("message_panel_click_trigger", 4, 0) 186 }) 187 188 document.querySelector(".message-panel").addEventListener("mouseenter", function(event){ 189 message_mouseenter = Date.now(); 190 }) 191 192 document.querySelector(".message-panel").addEventListener("mouseleave", function(event){ 193 if(message_mouseenter > 0) { 194 var ctime = Math.ceil((Date.now() - message_mouseenter) / 1000); 195 sendWebSiteFlow("message_panel_mouse_trigger", 9, ctime) 196 } 197 }) 198 } 199 200 // çå¬whatsappç¹å»äºä»¶ 201 if(document.querySelector(".service-panel")) { 202 var service_mouseenter = 0; 203 document.querySelector(".service-panel").addEventListener("click", function(event){ 204 sendWebSiteFlow("service_panel_click_trigger", 5, 0) 205 }) 206 207 document.querySelector(".service-panel").addEventListener("mouseenter", function(event){ 208 service_mouseenter = Date.now(); 209 }) 210 211 document.querySelector(".service-panel").addEventListener("mouseleave", function(event){ 212 if(service_mouseenter > 0) { 213 var ctime = Math.ceil((Date.now() - service_mouseenter) / 1000); 214 sendWebSiteFlow("service_panel_mouse_trigger", 10, ctime) 215 } 216 }) 217 } 218 // å ¼å®¹3.* 219 var sidebarItems = document.querySelectorAll(".customerService .el-tooltip, .customerServiceMobile .online"); 220 if(sidebarItems.length > 0) { 221 var whatsapp_mouseenter_3 = 0; 222 var skype_mouseenter_3 = 0; 223 var wechat_mouseenter_3 = 0; 224 for (var i = 0; sidebarItems.length - i > 0 ; i++) { 225 sidebarItems[i].addEventListener("click", function(event) { 226 if(event.target.outerHTML) { 227 if(event.target.outerHTML.includes("icon-whatsapp")) { 228 sendWebSiteFlow("whatsapp_panel_click_trigger", 1, 0) 229 } 230 if(event.target.outerHTML.includes("icon-WeChat")) { 231 sendWebSiteFlow("wechat_panel_click_trigger", 2, 0) 232 } 233 if(event.target.outerHTML.includes("icon-Skype")) { 234 sendWebSiteFlow("skype_panel_click_trigger", 3, 0) 235 } 236 } 237 }) 238 sidebarItems[i].addEventListener("mouseenter", function(event){ 239 if(event.target.outerHTML) { 240 if(event.target.outerHTML.includes("icon-whatsapp")) { 241 whatsapp_mouseenter_3 = Date.now(); 242 } 243 if(event.target.outerHTML.includes("icon-WeChat")) { 244 wechat_mouseenter_3 = Date.now(); 245 } 246 if(event.target.outerHTML.includes("icon-Skype")) {
247 skype_mouseenter_3 = Date.now(); 248 } 249 } 250 }) 251 252 sidebarItems[i].addEventListener("mouseleave", function(event){ 253 if(event.target.outerHTML) { 254 if(event.target.outerHTML.includes("icon-whatsapp")) { 255 if(whatsapp_mouseenter_3 > 0) { 256 var ctime_w = Math.ceil((Date.now() - whatsapp_mouseenter_3) / 1000); 257 sendWebSiteFlow("whatsapp_panel_mouse_trigger", 6, ctime_w) 258 } 259 } 260 if(event.target.outerHTML.includes("icon-WeChat")) { 261 if(wechat_mouseenter_3 > 0) { 262 var ctime_e = Math.ceil((Date.now() - wechat_mouseenter_3) / 1000); 263 sendWebSiteFlow("wechat_panel_mouse_trigger", 7, ctime_e) 264 } 265 } 266 if(event.target.outerHTML.includes("icon-Skype")) { 267 if(skype_mouseenter_3 > 0) { 268 var ctime_s = Math.ceil((Date.now() - skype_mouseenter_3) / 1000); 269 sendWebSiteFlow("skype_panel_mouse_trigger", 8, ctime_s) 270 } 271 } 272 } 273 }) 274 } 275 } 276 277 // 1.0 ç¹å»é®ç®± é¼ æ æçé®ç®± 278 if(document.querySelectorAll(".emailA")) { 279 var query_email_1 = document.querySelectorAll(".emailA"); 280 var email_mouseenter = 0; 281 for (var i = 0; query_email_1.length - i > 0 ; i++) { 282 query_email_1[i].addEventListener("click", function(event){ 283 sendWebSiteFlow("email_panel_click_trigger", 11, 0) 284 }) 285 286 query_email_1[i].addEventListener("mouseenter", function(event){ 287 email_mouseenter = Date.now(); 288 }) 289 290 query_email_1[i].addEventListener("mouseleave", function(event){ 291 if(email_mouseenter > 0) { 292 var ctime = Math.ceil((Date.now() - email_mouseenter) / 1000); 293 sendWebSiteFlow("email_panel_mouse_trigger", 12, ctime) 294 } 295 }) 296 } 297 } 298 // 3.2 4.0ç¹å»é®ç®± é¼ æ æçé®ç®± 299 var query_email_3 = document.getElementsByTagName("a") 300 if(query_email_3.length > 0) { 301 var email_mouseenter_3 = 0; 302 for (var i = 0; query_email_3.length - i > 0 ; i++) { 303 if(query_email_3[i].href && query_email_3[i].href.length > 7 && query_email_3[i].href.substring(0,7) == 'mailto:') { 304 query_email_3[i].addEventListener("click", function(event) { 305 sendWebSiteFlow("email_panel_click_trigger", 11, 0) 306 }) 307 query_email_3[i].addEventListener("mouseenter", function(event){ 308 email_mouseenter_3 = Date.now(); 309 }) 310 query_email_3[i].addEventListener("mouseleave", function(event){ 311 var ctime_w = Math.ceil((Date.now() - email_mouseenter_3) / 1000); 312 sendWebSiteFlow("email_panel_mouse_trigger", 12, ctime_w) 313 }) 314 } 315 } 316 } 317} 318// ç»ä¸åé请æ±çå°æ¹ 319const sendWebSiteFlow = function(flowTypeName, flow_type, flow_times = 0) { 320 window.piwikVisitorUUID = window.piwikVisitorUUID || ''; 321 // ç¨äºéªè¯æ¯å¦åéè¿ 1åéå åªåé䏿¬¡ 322 var whatsapp_panel_click_trigger = window.localStorage.getItem(flowTypeName) 323 var is_expire = whatsapp_panel_click_trigger && whatsapp_panel_click_trigger > Date.now() ? false : true; 324 // å¯ä»¥å 325 if(is_expire) { 326 chatAjaxGet('https://gather.site.joinf.com', { 327 flow_type: flow_type, 328 idvisitor: window.piwikVisitorUUID, 329 times: flow_times, 330 idsite: websiteFlowIdSite 331 }) 332 // è®°å½åéçæ¶é´ 333 var expire = Date.now() + 60000; 334 window.localStorage.setItem(flowTypeName, expire) 335 } 336} 337</script>
337<script> 338(function () { 339 // console.log("SCRIPT START"); 340 var hasOpened = false; 341 // å¼å¯å®¢æåææ§è¡ 342 var isChat = true 343 /* ajax请æ±get 344 * @param url string 请æ±çè·¯å¾ 345 * @param query object 请æ±çåæ°query 346 * @param succCb function è¯·æ±æåä¹åçåè° 347 * @param failCb function 请æ±å¤±è´¥çåè° 348 * @param isJson boolean trueï¼ è§£æjson falseï¼ææ¬è¯·æ± é»è®¤å¼true 349 */ 350 const chatAjaxGet = function (url, query, succCb, failCb, isJson) { 351 // æ¼æ¥urlå query 352 if (query) { 353 url += "?"; 354 for (var key in query) { 355 url += key + "=" + query[key] + "&"; 356 } 357 // ææåä¸ä¸ª&å æ 358 url = url.slice(0, -1); 359 } 360 361 // 1ãå建对象 362 var ajax = new XMLHttpRequest(); 363 // 2ã建ç«è¿æ¥ 364 ajax.open("GET", url, true); 365 366 // 3ãåéè¯·æ± 367 ajax.send(null); 368 369 // 4ãçå¬ç¶æçæ¹å 370 ajax.onreadystatechange = function () { 371 if (ajax.readyState === 4) { 372 if (ajax.status === 200) { 373 // ç¨æ·ä¼ äºåè°ææ§è¡ 374 // isJsoné»è®¤å¼ä¸ºtrueï¼è¦è§£æjson 375 if (isJson === undefined) { 376 isJson = true; 377 } 378 var res = isJson ? (ajax.responseText && ajax.responseText != '' ? JSON.parse(ajax.responseText) : '') : ajax.responseText; 379 succCb && succCb(res); 380 } else { 381 // 请æ±å¤±è´¥ 382 failCb && failCb(); 383 } 384 } 385 } 386 }; 387 388 // æ¾ç¤ºè天çªå£ 389 var showChatDialog = function (userId, threadId, isSendSample) { 390 if ((typeof userId === 'string' && typeof threadId === 'string') || isSendSample === true) { // èªå¨è¥éæ¶userIdãthreadId为undefinedï¼ä½éè¦æisSendSample为trueä¼ è¿å» 391 if (typeof window.chatOpen === 'function') { 392 /** 393 * æ§è¡btn.clickè°ç¨çæ¯chatOpenæ¹æ³ 394 * ä½éè¿clickæ æ³ä¼ å 395 * æ æåæ°æ¶ï¼ç´æ¥è°ç¨chatOpen 396 * chatOpenæå¨æä»¶ï¼site/component/Controller.php 397 */ 398 const uId = typeof userId === 'undefined' ? '' : userId 399 const tId = typeof threadId === 'undefined' ? '' : threadId 400 window.chatOpen('', uId, tId, isSendSample) 401 } 402 } else { 403 let btn = document.getElementById('mibew-agent-button') 404 if (btn) { 405 btn.click() 406 } else if (typeof window.chatOpen === 'function') { 407 window.chatOpen('') 408 } 409 } 410 }; 411 412 var saveTriggerId = function (triggerId) { 413 let triggerids = window.localStorage.getItem('trigger_ids'); 414 if (!triggerids) { 415 triggerids = [] 416 } else { 417 triggerids = JSON.parse(triggerids); 418 } 419 triggerids.push(triggerId) 420 window.localStorage.setItem('trigger_ids', JSON.stringify(triggerids)) 421 }; 422 423 var chatTrigger = function () { 424 if (!isChat) return; 425 onmessageForServiceInTime(); 426 427 try { 428 var channel_id = ''; 429 var article_id = ''; 430 var category_id = ''; 431 var product_id = ''; 432 var triggers = null; 433 console.log("triggers", triggers) 434 435 if (!triggers || triggers.length === 0) return; 436 437 var triggerids = window.localStorage.getItem('trigger_ids'); 438 if (triggerids) { 439 triggerids = JSON.parse(triggerids); 440 } 441 442 triggers.forEach(function (trigger) { 443 if (!triggerids || triggerids.indexOf(trigger.id) === -1) { 444 let welcome_list = {} 445 if (trigger.welcome instanceof Array) { 446 trigger.welcome.forEach(function (item) { 447 welcome_list[item.code] = { 448 call_welcome: item.name 449 } 450 }) 451 } 452 let msgContent = { 453 config: { 454 call_push_type: trigger.push_type, 455 call_message_style: trigger.message_style, 456 call_welcome_list: welcome_list 457 } 458 } 459 const delayTime = Number(trigger.delay_time)*1e3 || 1e3 460 if (trigger.type && parseInt(trigger.type) === 1) { 461 // å¼å¯¼é¡µè§¦å 462 // èªå¨æå¼è天 463 // åç½®å¼å¯¼é¡µï¼ä¸éè¦èªå¨è§¦åæå¼è天çªå£ 464 setTimeout(() => { 465 greet(msgContent) 466 saveTriggerId(trigger.id) 467 }, delayTime); 468 } else { 469 // å置触åæè é®ä»¶ 470 let compareId = ''; 471 switch (trigger.target) { 472 case 'article': 473 compareId = article_id; 474 break; 475 case 'channel': 476 compareId = channel_id; 477 break; 478 case 'category': 479 compareId = category_id; 480 break; 481 case 'product': 482 compareId = product_id; 483 break; 484 } 485 if (trigger.data && trigger.data.length > 0 && compareId) { 486 trigger.data.forEach(item => { 487 // console.log(item, 'piwikVisitorUUID=' + window.piwikVisitorUUID); 488 // console.log(Mibew.Objects.ChatPopups, Object.keys(Mibew.Objects.ChatPopups)); 489 if (item.value && item.value === compareId) { 490 // èªå¨æå¼è天 491 if (trigger.type && parseInt(trigger.type) === 2) { // é®ä»¶ä¸è§¦åå¼¹çªäºä»¶ 492 setTimeout(() => { 493 greet(msgContent) 494 }, delayTime); 495 } 496 497 // get chatting thread 498 setTimeout(() => { 499 // æ¯å¦æ£å¨èå¤©ä¸ 500 var is_chatting = false;
501 chatAjaxGet('https://chat.site.joinf.com/joinfapi/getChattingThread', { 502 groupid: '8080', 503 uuid: window.piwikVisitorUUID 504 }, function(res) { 505 // console.log('get chatting thread', res); 506 is_chatting = res.success && res.data && !!res.data.threadid; 507 // console.log("is_chatting", is_chatting); 508 if (is_chatting) { 509 const threadid = res.data.threadid; 510 setTimeout(() => { 511 // ç´æ¥è§¦åï¼å¹¶åé触åå 容å°è天çé¢ 512 chatAjaxGet('https://chat.site.joinf.com/joinfapi/execTrigger', { 513 groupid: '8080', 514 threadid: threadid, 515 trigger_id: trigger.id, 516 language_id: '2', 517 uuid: window.piwikVisitorUUID 518 }, function(res) { 519 // console.log(res) 520 // save flag to log - trigger id 521 if (res.success) { 522 saveTriggerId(trigger.id) 523 } 524 }) 525 }, 1e3) 526 } 527 }); 528 }, 5e3); 529 } 530 }) 531 } 532 } 533 } else { 534 // console.log("æ¨å·²ç»è§¦åè¿") 535 } 536 }) 537 } catch (e) { 538 // console.log(e) 539 } 540 }; 541 542 // æ»å¨å è½½ 543 function scrollFun() { 544 console.log("æ»å¨å è½½ hasOpened=", hasOpened); 545 if (!hasOpened) { 546 hasOpened = true; 547 console.log("æ»å¨å è½½IN hasOpened=", hasOpened); 548 setTimeout(allFunctionHead, 500); 549 console.log("æ»å¨å è½½ 500 IN hasOpened=", hasOpened); 550 } 551 } 552 553 function allFunctionHead() { 554 chatTrigger(); 555 getWebSiteFlow(); 556 } 557 558 setTimeout(allFunctionHead, 500); 559 560 // 客æè¥é ---- Start 561 function onmessageForServiceInTime() { 562 if (window.piwikVisitorUUID) { 563 onmessageForService() 564 } else { 565 setTimeout(() => { 566 onmessageForServiceInTime() 567 }, 5000); 568 } 569 } 570 571 function onmessageForService(){ 572 if(window.eventSourceForService) { 573 window.eventSourceForService.close() 574 } 575 576 window.eventSourceForService = createConnection(window.piwikVisitorUUID, window.piwikVisitorUUID, function(msg) { 577 if (msg.type === 'startChat') { 578 greet(msg) 579 } 580 }) 581 582 var cname = localStorage.getItem('cname'); 583 var token = localStorage.getItem('token'); 584 if (cname !== null && cname !== 'null' && token !== null && token !== 'null') { 585 let unread = sessionStorage.getItem('unread') 586 if (unread > 0) { 587 insertUnReadNum(unread) 588 } 589 window.eventSourceForChatUnread = createConnection(cname, token, function(msg) { 590 if (msg.ikind === 2) { 591 insertUnReadNum(++unread) 592 } 593 }) 594 } 595 596 window.addEventListener('message', function(event) { 597 try { 598 var data = JSON.parse(event.data) 599 if (event.origin.indexOf('joinf.com') > -1) { 600 if (data.type === 'set-chat-thread-id') { 601 /**
602 * æå¼èå¤©å¼¹æ¡æ¶ï¼èµå¼threadId 603 * ç¨äºå¨å ³éæµè§å¨æ¶åèµ·äº¤äºæåå°å¯¹åºç客æç¶ææ¹ä¸ºç¦»çº¿ 604 * 605 * ä¹åè天弹æ¡è¢«è¸¢ææ¶ï¼èµå¼ä¸ºdata.id为nullï¼ç°å¨å·²ç»ä¸æ¨æ¶æ¯äºï¼data.idçå¤æææ¶ä¿ç 606 */ 607 if (data.id) { 608 localStorage.setItem('threadId', data.id); 609 } 610 if (window.eventSourceForChatUnread && data.id) { 611 window.eventSourceForChatUnread.close() 612 insertUnReadNum(0) 613 } 614 } else if (data.type === 'get-chat-unread') { 615 /** 616 * å ³échatå¼¹æ¡æ¶ï¼ç»§ç»çå¬å®¢æåéçæ¶æ¯ï¼å¹¶æ¾ç¤ºæªè¯»æ°é 617 * éè¦å¨parentçªå£å»ºç«é¿è¿æ¥ï¼æ¥åæ¶æ¯ 618 * ç»parentçªå£ä¼ å ¥ç¸åçcnameåtokenï¼ç¡®ä¿å»ºç«åä¸åè¯çé¿è¿æ¥ 619 */ 620 let unread = 0 621 insertUnReadNum(unread) 622 localStorage.setItem('cname', data.cname); 623 localStorage.setItem('token', data.token); 624 window.eventSourceForChatUnread = createConnection(data.cname, data.token, function(msg) { 625 if (msg.ikind === 2) { 626 insertUnReadNum(++unread) 627 } 628 }) 629 } 630 } 631 } catch(e) { 632 console.log(e) 633 } 634 }) 635 636 637 // window.addEventListener('load', function() { 638 // let threadId = localStorage.getItem('threadId') 639 // if (threadId && threadId !== 'null' && [0, 1, 2].includes(performance.navigation.type)) { // åéãå·æ°ã跳转, å ³éæ¶æ§è¡ 640 // fetch('https://chat.site.joinf.com/customer/leave?hidden=1&threadId=' + threadId) 641 // } 642 // }) 643 644 window.addEventListener('beforeunload', function() { 645 let threadId = localStorage.getItem('threadId') 646 if (threadId && threadId !== 'null' && document.querySelectorAll('.mibew-chat-wrapper').length > 0) { 647 fetch('https://chat.site.joinf.com/customer/leave?threadId=' + threadId) 648 } 649 if(window.eventSourceForService) { 650 window.eventSourceForService.close() 651 } 652 if(window.eventSourceForChatUnread) { 653 window.eventSourceForChatUnread.close() 654 } 655 }) 656 } 657 658 /** 659 * 建ç«é¿è¿æ¥ 660 * @param {String} cname - é¿è¿æ¥åæ° 661 * @param {String} token - é¿è¿æ¥åæ° 662 * @param {Function} callback - åè°ï¼å¯¹æ¥åçæ¶æ¯è¿è¡å¤ç 663 * @return eventSource 664 */ 665 function createConnection(cname, token, callback) { 666 var url = 'https://chat.site.joinf.com/icomet/sse' 667 url = url + '?cb=' + 'icomet_cb_' + 0 + 668 '&cname=' + cname + 669 '&seq=' + '0' + 670 '&noop=' + '0' + 671 '&token=' + token + 672 '&_=' + new Date().getTime() 673 674 var eventSource = new EventSource(url) 675 // è·åæ¶æ¯ 676 eventSource.onmessage = function(e) { 677 var data1 = JSON.parse(e.data) 678 if (!(data1 instanceof Array)) { 679 data1 = [data1] 680 } 681 var msg = null 682 for (var i in data1) { 683 msg = data1[i] 684 if (msg.type === 'data' && msg.content) { 685 var msgContent = JSON.parse(msg.content) 686 if (typeof callback === 'function') { 687 callback(msgContent) 688 } 689 } 690 } 691 } 692 693 eventSource.onerror = function(error) { 694 console.error('EventSource failed:', error); 695 eventSource.close(); // å ³éè¿æ¥ 696 } 697 698 return eventSource 699 } 700 701 /**
702 * 设置æªè¯»æ¶æ¯æç¤ºï¼ææªè¯»æ¶æ¯æå ¥å°å®¢ææé®çdomä¸, 并卿¹ålocalStorageä¸unreadçå¼ 703 * numæªè¯»æ° 704 * å½num = 0 æ¶ï¼ä¸æ¾ç¤º 705 * ä¸è½è®¾ç½®display: block ä¼ä¸flexæ ·å¼å²çª 706 */ 707 function insertUnReadNum(num) { 708 try { 709 var chatSidebarDom = document.getElementById('chat-sidebar-unread-num') 710 chatSidebarDom.textContent = num 711 chatSidebarDom.style.cssText = num > 0 ? '' : 'display: none' 712 sessionStorage.setItem('unread', num); 713 } catch(e) { 714 console.log(e) 715 } 716 } 717 718 // 设置 Session Cookie 719 function setCookie(name, value) { 720 document.cookie = `${name}=${value}; path=/`; 721 } 722 723 // 读å Cookie 724 function getCookie(name) { 725 const value = `; ${document.cookie}`; 726 const parts = value.split(`; ${name}=`); 727 if (parts.length === 2) return parts.pop().split(';').shift(); 728 } 729 730 /** 731 * è§¦åææå¼æè å¬å 732 * msgContent: { 733 * "type": "startChat", 734 * "threadid": "8071", 735 * "userid": "visit.7a319176d767ba10", 736 * "manageid": 1469567, 737 * "config": { 738 * "call_welcome": "hello welcome to Joinf", 739 * "call_welcome_list": { 740 * "en":{ 741 * "language_id":"2", 742 * "language_name":"è±è¯", 743 * "code":"en", 744 * "translate_code":"en" 745 * "language_en_name":"English" 746 * "is_show":"1", 747 * "name":"", 748 * "call_welcome":"666666666666666" 749 * }, 750 * "zh-cn":{ 751 * "language_id":"1", 752 * "language_name":"䏿", 753 * "code":"zh-ch", 754 * "translate_code":"zh-CN" 755 * "language_en_name":"EnSimplified Chinese" 756 * "is_show":"1", 757 * "name":"", 758 * "call_welcome":"666666666666666" 759 * }} 760 * "call_sound": "3", 761 * "call_push_type": "2", // 触åå½¢å¼ 762 * "call_pop_style": "1", // 客æå¼¹æ¡æ ·å¼ 763 * "call_message_style": "2", // æ¶æ¯æ°æ³¡æ ·å¼ 764 * "recall_welcome": "Welcome to our website", 765 * "recall_welcome_list": { 766 * "en": { 767 * "language_id": "2", 768 * "language_name": "è±è¯", 769 * "code": "en", 770 * "translate_code": "en", 771 * "language_en_name": "English", 772 * "is_show": "1", 773 * "name": "", 774 * "recall_welcome": "AAAAAAAAAA" 775 * }, 776 * "zh-cn": { 777 * "language_id": "1", 778 * "language_name": "ç®ä½ä¸æ", 779 * "code": "zh-cn", 780 * "translate_code": "zh-CN", 781 * "language_en_name": "Simplified Chinese", 782 * "is_show": "1", 783 * "name": "", 784 * "recall_welcome": "aaaaaaaaaa" 785 * } 786 * } 787 * "recall_delay_time": "10", 788 * "recall_switch": "1", 789 * "recall_sound": "1", 790 * "recall_push_type": "1", 791 * "recall_pop_style": "1", 792 * "recall_message_style": "2" 793 * }} 794 */ 795 function greet(msgContent) { 796 /**
797 * 妿è天弹æ¡å·²ç»æå¼ï¼åä¸è§¦åæ¨éå¼¹æ¡åèå¤©å¼¹æ¡ 798 * å é¤å¤æï¼Object.keys(Mibew.Objects.ChatPopups).length === 0 799 * é»è¾å·²æ¹ä¸ºï¼ç¬¬ä¸æ¬¡æå¼åï¼Mibewå®ä¾ä¼ä¸ç´åå¨ï¼ç¡®ä¿å ³éååæå¼æ¶æ¯åä¸ä¸ªä¼è¯ï¼è天åå²è®°å½ä¸ç´åå¨ï¼ 800 * æä»¥æ æ³åéè¿ Mibew.Objects.ChatPopups æ¥å¤æå®¢æèå¤©å¼¹æ¡æ¯å¦æå¼ 801 */ 802 if (typeof Mibew === 'undefined' || document.querySelectorAll('.mibew-chat-wrapper[style="display: block;"]').length > 0) { 803 return false; 804 } 805 806 let msgConfig = msgContent.config 807 if (msgConfig.call_push_type == 1) { 808 // ç´æ¥å¼¹å®¢æçª 809 showChatDialog(msgContent.userid, msgContent.threadid) 810 } else if (msgConfig.call_push_type == 2) { 811 // è·åå¼¹çªæ ·å¼ 812 generateTemplate(msgContent, reCall) 813 } else if (msgConfig.call_push_type == 3) { 814 generateFormTemplate(msgContent.userid, msgContent.threadid, msgContent.manageid, reCall) 815 } 816 playAudio(msgConfig.call_sound) 817 818 // éç¥åå°æ¥æ¶å°å¼¹çªä¿¡æ¯ 819 fetch('https://chat.site.joinf.com/thread/reback?threadId=' + msgContent.threadid) 820 821 function reCall() { 822 if (msgConfig.recall_switch === '1') { // å¬å 823 setTimeout(greet, Number(msgConfig.recall_delay_time) * 1000, deepExtend(msgContent, { 824 config: { 825 recall_switch: '0', // å ³éå¬åï¼é¿å å¾ªç¯æ§è¡ 826 call_welcome: msgConfig.recall_welcome, 827 call_sound: msgConfig.recall_sound, 828 call_push_type: msgConfig.recall_push_type, 829 call_pop_style: msgConfig.recall_pop_style, 830 call_message_style: msgConfig.recall_message_style 831 } 832 })) 833 } 834 } 835 836 function isObject(value) { 837 return value && typeof value === 'object' && !Array.isArray(value); 838 } 839 840 function deepExtend(target, ...sources) { 841 sources.forEach(source => { 842 for (let key in source) { 843 if (source.hasOwnProperty(key)) { 844 if (isObject(source[key]) && isObject(target[key])) { 845 target[key] = deepExtend({}, target[key], source[key]); 846 } else { 847 target[key] = source[key]; 848 } 849 } 850 } 851 }); 852 return target; 853 } 854 } 855 856 857 // å®ä¹ææ¾é³é¢ç彿° 858 function playAudio(call_sound = 1) { 859 let audioPlayer = document.getElementById('audioPlayer'); 860 const audioSrc = '//sitestatic.site.tx.joinf.com/default/images/message'+call_sound+'.mp3'; 861 if (!audioPlayer) { 862 audioPlayer = document.createElement('audio'); 863 audioPlayer.id = 'audioPlayer'; 864 audioPlayer.src = audioSrc; 865 document.body.appendChild(audioPlayer); 866 } else { 867 audioPlayer.src = audioSrc; 868 } 869 870 audioPlayer.play().catch(function(error) { 871 console.error('ææ¾é³é¢æ¶åºé:', error); 872 }); 873 } 874 875 function generateStyles() { 876 const styleElement = document.createElement('style'); 877 styleElement.type = 'text/css'; 878 879 // åºç¡æ ·å¼ 880 const baseStyles = ` 881 .template-style-1, .template-style-2, .template-style-3 { 882 position: fixed; 883 z-index: 2000; 884 background-color: rgba(255, 255, 255, .9); 885 margin: 0; 886 top: 0; 887 right: 0; 888 bottom: 0; 889 left: 0; 890 -webkit-transition: opacity .3s; 891 transition: opacity .3s; 892 } 893 `; 894 895 // style-1 ç¹ææ ·å¼ 896 const style1Styles = ` 897 .template-style-1 .style-1 { 898 position: absolute; 899 top: 50%; 900 left: 50%; 901 transform: translate(-50%, -50%); 902 width: 346px; 903 height: 292px; 904 background-image: url('https://site-1306475480.file.myqcloud.com/5396780959021690/2024/10/1729673447274/Frame%20427321758.png'); 905 background-repeat: no-repeat; 906 } 907 908 .template-style-1 .style-1-title { 909 font-size: 18px; 910 font-weight: 600; 911 text-align: center; 912 color: #ffffff;
913 line-height: 26px; 914 text-shadow: 0px 1px 4px 0px rgba(0, 100, 255, 0.51); 915 margin: 47px 40px 90px; 916 height: 82px; 917 display: -webkit-box; 918 -webkit-box-orient: vertical; 919 -webkit-line-clamp: 3; 920 overflow: hidden; 921 text-overflow: ellipsis; 922 } 923 924 .template-style-1 .style-1-btn { 925 display: flex; 926 justify-content: center; 927 width: 284px; 928 height: 40px; 929 line-height: 40px; 930 font-size: 14px; 931 background: #1366ff; 932 color: #fff; 933 border-radius: 8px; 934 box-shadow: 0px 0px 25px 0px rgba(33, 84, 187, 0.18); 935 margin: 0 auto; 936 cursor: pointer; 937 transition: opacity 0.3s ease; 938 } 939 940 .template-style-1 .style-1-btn:hover { 941 opacity: 0.9; 942 } 943 944 .template-style-1 .close { 945 position: absolute; 946 top: -50px; 947 right: -50px; 948 width: 24px; 949 height: 24px; 950 background-color: rgba(255, 255, 255, 0.30); 951 color: #fff; 952 border-radius: 50%; 953 display: flex; 954 align-items: center; 955 justify-content: center; 956 cursor: pointer; 957 font-size: 16px; 958 font-weight: bold; 959 } 960 @media screen and (max-width: 769px) { 961 .template-style-1 .close { 962 top: -40px; 963 right: 0; 964 } 965 } 966 967 .template-style-1 .close svg { 968 fill: #fff; 969 width: 16px; 970 height: 16px; 971 } 972 `; 973 974 // style-2 ç¹ææ ·å¼ 975 const style2Styles = ` 976 .template-style-2 .style-2 { 977 position: absolute; 978 top: 50%; 979 left: 50%; 980 transform: translate(-50%, -50%); 981 width: 350px; 982 height: 411px; 983 background-image: url('https://site-1306475480.file.myqcloud.com/5396780959021690/2024/10/1729736078006/%E6%A0%B7%E5%BC%8F%E4%B8%80.png'); 984 background-repeat: no-repeat; 985 } 986 987 .template-style-2 .style-2-title { 988 font-size: 26px; 989 font-weight: 600; 990 text-align: center; 991 color: #000; 992 line-height: 30px; 993 margin: 160px 32px 25px; 994 height: 155px; 995 display: -webkit-box; 996 -webkit-box-orient: vertical; 997 -webkit-line-clamp: 5; 998 overflow: hidden; 999 text-overflow: ellipsis; 1000 } 1001 1002 .template-style-2 .style-2-btn { 1003 display: flex; 1004 justify-content: center; 1005 width: 286px; 1006 height: 40px; 1007 line-height: 40px; 1008 background: #1366ff; 1009 color: #fff; 1010 border-radius: 8px; 1011 margin: 0 auto; 1012 cursor: pointer; 1013 transition: opacity 0.3s ease; 1014 } 1015 1016 .template-style-2 .style-2-btn:hover { 1017 opacity: 0.9; 1018 } 1019 1020 .template-style-2 .close { 1021 position: absolute; 1022 top: 20px; 1023 right: 20px; 1024 width: 24px; 1025 height: 24px; 1026 background-color: #ffffff; 1027 border-radius: 50%; 1028 display: flex; 1029 align-items: center; 1030 justify-content: center; 1031 cursor: pointer; 1032 } 1033 1034 .template-style-2 .close svg { 1035 fill: rgba(37, 38, 39, 0.6); 1036 width: 14px; 1037 height: 14px; 1038 } 1039 `; 1040 1041 1042 // style-3 ç¹ææ ·å¼ 1043 const style3Styles = ` 1044 .template-style-3 .style-3 { 1045 position: absolute; 1046 top: 50%; 1047 left: 50%; 1048 transform: translate(-50%, -50%); 1049 width: 400px; 1050 height: 240px; 1051 background-image: url('https://site-1306475480.file.myqcloud.com/5396780959021690/2024/10/1729733518826/%E6%A0%B7%E5%BC%8F%E4%B8%89.png'); 1052 background-repeat: no-repeat; 1053 } 1054 @media screen and (max-width: 769px) { 1055 .template-style-3 .style-3 { 1056 width: 325px; 1057 background-size: 325px 240px; 1058 } 1059 } 1060 .template-style-3 .style-3-title { 1061 font-size: 14px; 1062 font-weight: 600; 1063 text-align: center; 1064 color: #000; 1065 line-height: 20px; 1066 margin: 74px 20px 34px 181px; 1067 height: 80px; 1068 display: -webkit-box; 1069 -webkit-box-orient: vertical; 1070 -webkit-line-clamp: 4; 1071 overflow: hidden; 1072 text-overflow: ellipsis; 1073 } 1074 @media screen and (max-width: 769px) { 1075 .template-style-3 .style-3-title { 1076 margin: 50px 20px 34px 160px; 1077 } 1078 } 1079 1080 .template-style-3 .style-3-title span { 1081 color: #1366ff; 1082 } 1083 1084 .template-style-3 .style-3-btn { 1085 display: flex; 1086 justify-content: center; 1087 width: 200px; 1088 height: 32px; 1089 font-size: 14px; 1090 line-height: 32px; 1091 background: #1366ff; 1092 color: #fff; 1093 border-radius: 4px; 1094 margin: 0 auto; 1095 margin-left: 181px; 1096 cursor: pointer; 1097 transition: opacity 0.3s ease; 1098 } 1099 @media screen and (max-width: 769px) { 1100 .template-style-3 .style-3-btn { 1101 width: 144px; 1102 margin-left: 160px; 1103 text-align: center; 1104 font-size: 14px; 1105 } 1106 } 1107 1108 .template-style-3 .style-3-btn:hover { 1109 opacity: 0.9; 1110 } 1111 1112 .template-style-3 .close { 1113 position: absolute; 1114 top: -50px; 1115 right: -80px; 1116 width: 24px; 1117 height: 24px; 1118 background-color: rgba(255, 255, 255, 0.30); 1119 border-radius: 50%; 1120 display: flex; 1121 align-items: center; 1122 justify-content: center; 1123 cursor: pointer; 1124 } 1125 @media screen and (max-width: 769px) { 1126 .template-style-3 .close { 1127 position: absolute; 1128 top: -40px; 1129 right: 0; 1130 } 1131 } 1132 .template-style-3 .close svg { 1133 fill: #fff; 1134 width: 16px; 1135 height: 16px; 1136 } 1137 `; 1138 1139 // åå¹¶æææ ·å¼ 1140 styleElement.innerHTML = baseStyles + style1Styles + style2Styles + style3Styles; 1141 document.head.appendChild(styleElement); 1142 } 1143 1144 function generateTemplate(msgContent, reCall) { 1145 const templateType = Number(msgContent.config.call_message_style) 1146 1147 // 夿æ¯å¦å·²ç»å¼¹çª 1148 if (document.getElementById('template-style-' + templateType)) { 1149 return 1150 } 1151 1152 const message = msgContent.config.call_welcome 1153 const userId = msgContent.userid 1154 const threadId = msgContent.threadid 1155 let template, style, styleTitle, styleBtn, closeBtn, svg; 1156 1157 generateStyles(); 1158 1159 template = document.createElement('div'); 1160 template.className = 'template-style-' + templateType; 1161 template.id = 'template-style-' + templateType; 1162 template.style.backgroundColor = 'rgba(0, 0, 0, 0.7)'; 1163 1164 style = document.createElement('div'); 1165 style.className = 'style-' + templateType; 1166 1167 styleTitle = document.createElement('div'); 1168 styleTitle.className = 'style-' + templateType + '-title'; 1169 styleTitle.textContent = message; 1170 1171 styleBtn = document.createElement('div'); 1172 styleBtn.className = 'style-' + templateType + '-btn'; 1173 styleBtn.textContent = "Contact Customer Service"; 1174 1175 closeBtn = document.createElement('div'); 1176 closeBtn.className = 'close'; 1177 1178 svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); 1179 svg.setAttribute('viewBox', '0 0 1024 1024'); 1180 svg.setAttribute('version', '1.1'); 1181 svg.setAttribute('width', '16'); 1182 svg.setAttribute('height', '16'); 1183 svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg'); 1184 svg.setAttribute('style', 'color: #ffffff;font-size: 16px;'); 1185 svg.innerHTML = '<path d="M817.024 273.92a48 48 0 1 0-67.904-67.84L511.552 443.648 273.92 206.08a48 48 0 0 0-67.84 67.84l237.568 237.632-237.568 237.568a48 48 0 0 0 67.84 67.84l237.632-237.568 237.568 237.632a48 48 0 0 0 67.84-67.904L579.456 511.552l237.632-237.632z">'; // 使ç¨ç©ºå符串 1186 1187 closeBtn.appendChild(svg); 1188 style.appendChild(styleTitle); 1189 style.appendChild(styleBtn); 1190 style.appendChild(closeBtn); 1191 1192 template.appendChild(style); 1193 document.body.appendChild(template); 1194 1195 // ç»å®ç¹å»äºä»¶ 1196 styleBtn.onclick = function() { 1197 showChatDialog(userId, threadId) 1198 template.remove(); 1199 }; 1200 1201 closeBtn.onclick = function () { 1202 template.remove(); 1203 let audioPlayerEle = document.getElementById('audioPlayer'); 1204 if (audioPlayerEle) { 1205 audioPlayerEle.remove(); 1206 } 1207 if (typeof reCall === 'function') { 1208 reCall(); 1209 } 1210 }; 1211 } 1212 1213 function generateFormStyles() { 1214 const styleElement = document.createElement('style'); 1215 styleElement.type = 'text/css'; 1216 1217 // style-4 ç¹ææ ·å¼ 1218 const style4Styles = ` 1219 .template-style-4 { 1220 position: fixed; 1221 z-index: 2000; 1222 background-color: rgba(255, 255, 255, .9); 1223 margin: 0; 1224 top: 0; 1225 right: 0; 1226 bottom: 0; 1227 left: 0; 1228 -webkit-transition: opacity .3s; 1229 transition: opacity .3s; 1230 } 1231 1232 .template-style-4 .style-4 { 1233 position: absolute; 1234 top: 50%; 1235 left: 50%; 1236 transform: translate(-50%, -50%); 1237 width: 440px; 1238 border-radius: 20px; 1239 height: 590px; 1240 background-image: url('https://site-1306475480.file.myqcloud.com/5396780959021690/2024/10/1729740231016/%E6%B0%94%E6%B3%A1%E5%BC%B9%E7%AA%97.png'); 1241 background-repeat: no-repeat; 1242 background-size: cover; 1243 } 1244 1245 @media screen and (max-width: 769px) { 1246 .template-style-4 .style-4 { 1247 width: 325px; 1248 height: 400px; 1249 } 1250 } 1251 1252 .template-style-4 .close { 1253 position: absolute; 1254 top: 20px; 1255 right: 20px; 1256 width: 24px; 1257 height: 24px; 1258 background-color: rgba(255, 255, 255, 0.30); 1259 color: #fff; 1260 border-radius: 50%; 1261 display: flex; 1262 align-items: center; 1263 justify-content: center; 1264 cursor: pointer; 1265 font-size: 16px; 1266 font-weight: bold; 1267 } 1268 1269 .template-style-4 .close svg { 1270 fill: #7e7e7e; 1271 width: 16px; 1272 height: 16px; 1273 } 1274 1275 #myForm { 1276 overflow-y: auto; 1277 overflow-x: hidden; 1278 height: 406px; 1279 margin: 160px 32px 32px; 1280 } 1281 @media screen and (max-width: 769px) { 1282 #myForm { 1283 height: 207px; 1284 } 1285 } 1286 #myForm .chat-form-item { 1287 margin-bottom: 20px; 1288 } 1289 1290 #myForm .chat-form-item .chat-form-item__content { 1291 display: flex; 1292 } 1293 1294 #myForm .chat-form-item .chat-form-item__content.has-error .chat-form-control { 1295 border-color: #E02D36; 1296 } 1297 1298 #myForm .chat-form-item-radio .radio-label, 1299 #myForm .chat-form-item-checkbox .checkbox-label { 1300 font-size: 14px; 1301 font-weight: 400; 1302 color: #9192a9; 1303 line-height: 20px; 1304 margin-bottom: 6px; 1305 } 1306 1307 #myForm .chat-form-item-radio .radio-item label, 1308 #myForm .chat-form-item-checkbox .checkbox-item label { 1309 font-size: 14px; 1310 font-weight: 400; 1311 color: #050728; 1312 line-height: 20px; 1313 margin: 0px 12px 4px 0px; 1314 } 1315 1316 #myForm .chat-form-item-radio .radio-item input, 1317 #myForm .chat-form-item-checkbox .checkbox-item input { 1318 margin-right: 4px; 1319 } 1320 1321 #myForm .chat-form-control { 1322 width: 100%; 1323 height: 36px; 1324 background: #f2f3f5; 1325 border: 1px solid #f2f3f5; 1326 border-radius: 4px; 1327 padding: 8px 12px; 1328 box-shadow: none; 1329 outline: none; 1330 } 1331 1332 #myForm button { 1333 display: flex; 1334 justify-content: center; 1335 align-items: center; 1336 width: 100%; 1337 height: 40px; 1338 background: #1366ff; 1339 border-color: transparent; 1340 color: #fff; 1341 border-radius: 8px; 1342 margin: 0 auto; 1343 cursor: pointer; 1344 transition: opacity 0.3s ease; 1345 outline: none !important; 1346 box-shadow: none; 1347 } 1348 1349 #myForm button:hover { 1350 opacity: 0.9; 1351 } 1352 1353 #myForm .myForm_tip { 1354 font-size: 12px; 1355 font-weight: 400;
1356 color: #e02d36; 1357 line-height: 10px; 1358 } 1359 `; 1360 1361 styleElement.innerHTML = style4Styles; 1362 document.head.appendChild(styleElement); 1363 } 1364 1365 // 卿å建jsæä»¶ 1366 function createScriptFile(filename, callback) { 1367 const scripts = document.getElementsByTagName('script'); 1368 for (let item of scripts) { 1369 if (item.src && item.src.includes(filename)) { 1370 if (typeof callback === 'function') { 1371 callback(); 1372 } 1373 return false; 1374 } 1375 } 1376 1377 var script = document.createElement('script') 1378 script.setAttribute("type", "text/javascript") 1379 script.setAttribute("src", filename) 1380 script.onload = function() { 1381 if (typeof callback === 'function') { 1382 callback(); 1383 } 1384 } 1385 1386 if (typeof script !== "undefined") { 1387 document.getElementsByTagName("head")[0].appendChild(script); 1388 } 1389 } 1390 1391 // 卿çæè¡¨åæ¨¡æ¿ 1392 function generateFormTemplate(userId, threadId, manageId, reCall) { 1393 1394 if (document.getElementById('template-style-4')) { 1395 return 1396 } 1397 generateFormStyles(); 1398 1399 var inquiryField = [{"inquiry_field_id":"5087217623390915","type":"textarea","code":"message","is_required":"1","status":"1","sort_order":"8","tag":"","style":"","custom_tip":"0","show_name":"1","desc":{"language_id":"2","name":"Message Content","tip":null,"language_name":"\u82f1\u8bed"},"fileStyle":"default","value":[]},{"inquiry_field_id":"5168930778941354","type":"text","code":"tel","is_required":"0","status":"1","sort_order":"4","tag":"","style":"","custom_tip":"0","show_name":"1","desc":{"language_id":"2","name":"Mobile Phone","tip":null,"language_name":"\u82f1\u8bed"},"fileStyle":"default","value":[]},{"inquiry_field_id":"5087217623398202","type":"text","code":"email","is_required":"1","status":"1","sort_order":"3","tag":"","style":"","custom_tip":"0","show_name":"1","desc":{"language_id":"2","name":"Email","tip":null,"language_name":"\u82f1\u8bed"},"fileStyle":"default","value":[]},{"inquiry_field_id":"5107385449303478","type":"text","code":"company_name","is_required":"0","status":"1","sort_order":"2","tag":"","style":"","custom_tip":"0","show_name":"1","desc":{"language_id":"2","name":"Company Name","tip":null,"language_name":"\u82f1\u8bed"},"fileStyle":"default","value":[]}]; 1400 var templateStyle3 = '' 1401 templateStyle3 = ` 1402 <div id="template-style-4" class="template-style-4" style="background-color: rgba(0, 0, 0, 0.7);z-index: 2000;"> 1403 <div class="style-4"> 1404 <form id="myForm" action="" novalidate method="post" enctype="multipart/form-data" onsubmit="return false;"> 1405 ` 1406 inquiryField.forEach(item => { 1407 if (item.code == "country") { 1408 var country = '' 1409 item.value.forEach(child => { 1410 country = country + `<option value="${child.country_id}">${child.name}</option>` 1411 }) 1412 templateStyle3 += ` 1413 <div class="chat-form-item"> 1414 <div class="chat-form-item__content"> 1415 <select class="chat-form-control" name="${item.inquiry_field_id}" placeholder="${item.desc.name}" ${item.is_required == 1 ? "required" : ""} data-error-required-message="This is a required field"> 1416 <option>${item.desc.name}</option> 1417 ${country} 1418 </select> 1419 </div> 1420 </div> 1421 ` 1422 } else { 1423 switch (item.type) { 1424 case 'text': 1425 if (item.code == 'captcha') { 1426 let languageId = '2' || '2' 1427 templateStyle3 += ` 1428 <div class="chat-form-item"> 1429 <div class="chat-form-item__content"> 1430 <input type="text" placeholder="${item.desc.name}" class="chat-form-control chat-js-captcha_ipt" ${item.is_required == 1 ? "required" : ""} style="width: 120px;" data-error-required-message="This is a required field" name="captcha"> 1431 <img id="chat-captcha-img" class="chat-js-captcha_img" style="height:36px;vertical-align:middle;margin-left:10px;" src="/index.php?r=captcha/index&language_id=${languageId}&${Math.random()}" onClick="this.src='/index.php?r=Captcha/index&language_id=${languageId}&'+${Math.random()}-"> 1432 </div> 1433 </div> 1434 ` 1435 } else if (item.code == 'email') { 1436 templateStyle3 += ` 1437 <div class="chat-form-item"> 1438 <div class="chat-form-item__content"> 1439 <input type="email" id="${item.code}" name="email" ${item.is_required == 1 ? "required" : ""} autocomplete="off" class="chat-form-control" placeholder="${item.desc.name}" data-error-required-message="This is a required field" data-error-email-message="Please enter your valid email address"> 1440 </div> 1441 </div> 1442 ` 1443 } else { 1444 templateStyle3 += ` 1445 <div class="chat-form-item"> 1446 <div class="chat-form-item__content"> 1447 <input type="${item.type}" id="${item.code}" name="${item.inquiry_field_id}" ${item.is_required == 1 ? "required" : ""} autocomplete="off" class="chat-form-control" placeholder="${item.desc.name}" data-error-required-message="This is a required field"> 1448 </div> 1449 </div> 1450 ` 1451 } 1452 break 1453 case 'select': 1454 var options = '' 1455 item.value.forEach(child => { 1456 options = options + `<option value="${child.inquiry_field_value_id}" title="${child.desc.name}">${child.desc.name}</option>` 1457 }) 1458 templateStyle3 += ` 1459 <div class="chat-form-item"> 1460 <div class="chat-form-item__content"> 1461 <select class="chat-form-control" name="${item.inquiry_field_id}" placeholder="${item.desc.name}" ${item.is_required == 1 ? "required" : ""} data-error-required-message="This is a required field"> 1462 <option></option> 1463 ${options} 1464 </select> 1465 </div> 1466 </div> 1467 ` 1468 break 1469 case 'textarea': 1470 templateStyle3 += ` 1471 <div class="chat-form-item"> 1472 <div class="chat-form-item__content"> 1473 <textarea type="${item.type}" id="${item.code}" name="${item.inquiry_field_id}" ${item.is_required == 1 ? "required" : ""} class="chat-form-control" placeholder="${item.desc.name}" data-error-required-message="This is a required field" style="height: 80px"></textarea> 1474 </div> 1475 </div> 1476 ` 1477 break 1478 case 'radio': 1479 var check = '' 1480 item.value.forEach(child => { 1481 check = check + ` 1482 <label> 1483 <input type="${item.type}" ${item.is_required == 1 ? "required" : ""} name="${item.inquiry_field_id}" placeholder="${item.desc.name}" value="${child.inquiry_field_value_id}" data-error-required-message="This is a required field" />${child.desc.name}</label> 1484 ` 1485 }) 1486 templateStyle3 += ` 1487 <div class="chat-form-item chat-form-item-radio"> 1488 <div class="chat-form-item__content" style="display: block;"> 1489 <label class="radio-label">${item.desc.name}</label> 1490 <div class="radio-item"> 1491 ${check} 1492 </div> 1493 </div> 1494 </div> 1495 ` 1496 break 1497 // mutiple option 1498 case 'checkbox': 1499 var check = '' 1500 item.value.forEach(child => { 1501 check = check + ` 1502 <label> 1503 <input type="${item.type}" ${item.is_required == 1 ? "required" : ""} name="${item.inquiry_field_id}" placeholder="${item.desc.name}" value="${child.inquiry_field_value_id}" data-error-required-message="This is a required field" /> 1504 ${child.desc.name} 1505 </label> 1506 ` 1507 }) 1508 templateStyle3 += ` 1509 <div class="chat-form-item chat-form-item-checkbox"> 1510 <div class="chat-form-item__content" style="display: block;"> 1511 <label class="checkbox-label">${item.desc.name}</label> 1512 <div class="checkbox-item"> 1513 ${check} 1514 </div> 1515 </div> 1516 </div> 1517 ` 1518 break 1519 } 1520 } 1521 }) 1522 templateStyle3 += ` 1523 <button type="submit">æäº¤</button> 1524 </form> 1525 </div> 1526 </div> 1527 `; 1528 1529 let closeBtn = document.createElement('div'); 1530 closeBtn.className = 'close'; 1531 1532 let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); 1533 svg.setAttribute('viewBox', '0 0 1024 1024'); 1534 svg.setAttribute('version', '1.1'); 1535 svg.setAttribute('width', '16'); 1536 svg.setAttribute('height', '16'); 1537 svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg'); 1538 svg.setAttribute('style', 'color: #ffffff;font-size: 16px;'); 1539 svg.innerHTML = '<path d="M817.024 273.92a48 48 0 1 0-67.904-67.84L511.552 443.648 273.92 206.08a48 48 0 0 0-67.84 67.84l237.568 237.632-237.568 237.568a48 48 0 0 0 67.84 67.84l237.632-237.568 237.568 237.632a48 48 0 0 0 67.84-67.904L579.456 511.552l237.632-237.632z">'; // 使ç¨ç©ºå符串 1540 1541 closeBtn.appendChild(svg); 1542 1543 document.body.insertAdjacentHTML('beforeend', templateStyle3); 1544 1545 let templateStyle = document.getElementById('template-style-4') 1546 templateStyle.childNodes[1].appendChild(closeBtn) 1547 1548 createScriptFile('//sitestatic.site.tx.joinf.com/default/libs/jquery-2.1.1.min.js', function() { 1549 createScriptFile('//sitestatic.site.tx.joinf.com/default/libs/jquery.validate.min.js', function() { 1550 sendSearchInquiry2.init(userId, threadId, manageId) 1551 }); 1552 }); 1553 1554 closeBtn.onclick = function () { 1555 templateStyle.remove(); 1556 let audioPlayerEle = document.getElementById('audioPlayer'); 1557 if (audioPlayerEle) { 1558 audioPlayerEle.remove(); 1559 } 1560 if (typeof reCall === 'function') { 1561 reCall(); 1562 } 1563 }; 1564 } 1565 1566 // åé询ç 1567 var sendSearchInquiry2 = { 1568 init: function (userId, threadId, manageId) { 1569 // this.setCaptcha() 1570 this.bindEvent(userId, threadId, manageId) 1571 }, 1572 bindEvent: function (userId, threadId, manageId) { 1573 var _this = this 1574 1575 $('#myForm').each(function () { 1576 var $this = $(this) 1577
1578 var validationMessages = {} 1579 1580 $this.find('input,select,textarea').each(function () { // add more type hear 1581 1582 var singleElementMessages = {}; 1583 1584 var fieldName = $(this).attr('name'); 1585 1586 if (!fieldName) { 1587 //field Name is not defined continue ; 1588 return true; 1589 } 1590 1591 if ($(this).prop('required')) { 1592 singleElementMessages['required'] = $(this).data('error-required-message'); 1593 } 1594 1595 if ($(this).attr('type') == 'email') { 1596 singleElementMessages['email'] = $(this).data('error-email-message'); 1597 } 1598 1599 validationMessages[fieldName] = singleElementMessages; 1600 1601 }); 1602 1603 $(this).validate({ 1604 highlight: function (element) { 1605 $(element).parent().addClass('has-error') 1606 }, 1607 unhighlight: function (element) { 1608 $(element).parent().removeClass('has-error') 1609 }, 1610 errorElement: 'span', 1611 errorClass: 'myForm_tip', 1612 errorPlacement: function (error, element) { 1613 if (element.parents('.chat-form-item__content').length) { 1614 error.insertAfter(element.parents('.chat-form-item__content')) 1615 } else { 1616 error.insertAfter(element) 1617 } 1618 }, 1619 rules: { 1620 email: { 1621 required: true, 1622 email: true 1623 }, 1624 message: { 1625 required: true, 1626 maxlength: 4000 1627 } 1628 }, 1629 messages: validationMessages, 1630 submitHandler: function (form) { 1631 _this.inquiryContact(form, userId, threadId, manageId) 1632 } 1633 }) 1634 }) 1635 }, 1636 // 询ç 1637 inquiryContact: function (form, userId, threadId, manageId) { 1638 var $form = $(form) 1639 // è¿ééè¦å¤è¯è¨ 1640 var languageID = $form.data('lang') || '2' 1641 var isPass = true 1642 var email = '' 1643 var message = '' 1644 var str = '[{'; 1645 // selectå¤ç 1646 var contactSelect = $form.find('select'); 1647 if (contactSelect.length != 0) { 1648 contactSelect.each(function (i, v) { 1649 str = str + '"' + v.name + '":' + '"' + v.value + '",'; 1650 }) 1651 } 1652 // checkbox å¤ç 1653 var checkboxStr = '' 1654 var num = 0; 1655 var name = '' 1656 var checkboxArr = $form.find("input[type='checkbox']"); 1657 if (checkboxArr.length != 0) { 1658 checkboxArr.each(function (i, v) { 1659 if (v.checked == true) { 1660 if (checkboxStr == '') { 1661 if (i == 0 && checkboxArr.length != 1) { 1662 checkboxStr = '"' + v.name + '": "' + v.value; 1663 name = v.name 1664 } else { 1665 checkboxStr = '"' + v.name + '": "' + v.value; 1666 name = v.name 1667 } 1668 } else { 1669 if (name === v.name) { 1670 checkboxStr = checkboxStr + ',' + v.value; 1671 } else { 1672 checkboxStr = checkboxStr + '",' + '"' + v.name + '": "' + v.value; 1673 name = v.name 1674 } 1675 } 1676 } else { 1677 num++ 1678 } 1679 // å¢å 夿ï¼åªæCheckBoxæéä¸é¡¹æè¦å¢å ", 1680 if (i == checkboxArr.length - 1 && num !== checkboxArr.length) { 1681 checkboxStr = checkboxStr + '",' 1682 } 1683 }) 1684 } 1685 str = str + checkboxStr; 1686 //radio å¤ç 1687 var numR = 0; 1688 var radioArr = $form.find("input[type='radio']"); 1689 if (radioArr.length != 0) { 1690 radioArr.each(function (i, v) { 1691 if (v.checked == false) { 1692 numR++ 1693 } else { 1694 str = str + '"' + v.name + '":' + '"' + v.value + '",'; 1695 } 1696 }); 1697 } 1698 //input å¤ç 1699 var contactArr = $form.find('input'); 1700 contactArr.each(function (i, v) { 1701 if (isPass) { 1702 if (v.required && v.value == '') {
1703 isPass = false; 1704 mySwal('' + v.placeholder + ' ' + errStr); 1705 } 1706 if (v.type == 'radio' || v.type == 'checkbox') { 1707 //è¿æ»¤ åéæ¡ä¸å¤éæ¡ 1708 } else if (v.id == 'email') { 1709 email = v.value; 1710 } else if (v.name != '') { 1711 str = str + '"' + v.name + '":' + '"' + v.value + '",'; 1712 } 1713 } 1714 }) 1715 //textarea å¤ç 1716 var textareaArr = $form.find('textarea') 1717 if (textareaArr.length != 0) { 1718 textareaArr.each(function (i, v) { 1719 if (v.id == 'message') { 1720 message = v.value; 1721 } else { 1722 str = str + '"' + v.name + '":' + '"' + v.value + '",'; 1723 } 1724 }); 1725 } 1726 //file å¤ç 1727 var fileArr = $form.find('.url_value') 1728 if (fileArr.length != 0) { 1729 fileArr.each(function (i, v) { 1730 if (v.id == 'message') { 1731 message = v.value; 1732 } else { 1733 str = str + '"' + v.name + '":' + '"' + v.value + '",'; 1734 } 1735 }); 1736 } 1737 if(str[str.length - 1] === ',') { 1738 str = str.substr(0, str.length - 1); 1739 } 1740 str = str + '}]'; 1741 1742 1743 var flag = true 1744 if (flag) { 1745 flag = false 1746 $.ajax({ 1747 type: "POST", 1748 url: "/index.php?r=inquiry/send", 1749 // data: "email=" + email + "&message=" + message + "&custom_field=" + str + "&from_chat=1&manageid=" + manageId ? manageId : '', 1750 data: { 1751 email: email, 1752 message: message, 1753 custom_field: str, 1754 from_chat: 1, 1755 manageid: manageId ? manageId : '' 1756 }, 1757 success: function (res) { 1758 if (res.success) { 1759 // è¿ééè¦å¤è¯è¨ 1760 document.getElementById('template-style-4').remove() 1761 showChatDialog(userId, threadId, true) // true ç¨äºå¸®è®¿å®¢èªå¨åé䏿¡æ¶æ¯ï¼æå·²æäº¤å¯æ ·ç»è®°ï¼å¹¶åé询çï¼ 1762 } else { 1763 if (res.msg && typeof res.msg.message === 'string') { 1764 var $tips = $('<p class="myForm_tip" style="text-align: center"><br>' + res.msg.message + '</p>') 1765 $form.append($tips) 1766 setTimeout(() => { 1767 $tips.remove() 1768 }, 3000); 1769 } 1770 } 1771 setTimeout(function () { 1772 flag = true 1773 }, 3000); 1774 } 1775 }); 1776 } 1777 } 1778 } 1779})() 1780</script>
1780 1781</div> 1782 <div class=> 1783 <div class="topbar visible-md-block visible-lg-block"> 1784 <div class="container"> 1785 <div class="pull-left j-welcome">Strive for Excellence!</div> 1786 <ul class="nav navbar-nav navbar-right "> 1787 <li class="dropdown"> 1788 <a href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-mobile" style="font-size:18px"></i></a> 1789 <div class="dropdown-menu dropdown-menu-left dropdown-caret QR-code" aria-labelledby="dLabel"> 1790 <img src="/index.php?r=qrcode&language_id=2" class="j-QR-code_img lazy" title="Scan qrcode to view mobile website" /> 1791 <p style="line-height: 1;text-align: center;white-space: break-spaces;">Scan qrcode to view mobile website</p> 1792 </div> 1793 </li> 1794 <li class="dropdown"> 1795 <a href="//www.searayoptical.com/index.php?r=member/memberInquiry&language_id=2" class="joinf-user" rel="nofollow" title="Register now/Login"><i class="fa fa-user"></i></a> 1796 </li> 1797 <!-- / cart --> 1798 <li class="j-toolbar_menu_item dropdown header_shopping_cart"> 1799 <a href="//www.searayoptical.com/en/inquiry.html" data-qyt="0" class="toolbar-cart__link"> 1800 <svg class="svg-icon"> 1801 <use xlink:href="#icon-jf-icon-shoppingcart-o" /> 1802 </svg> 1803 </a> 1804 <div class="dropdown-menu dropdown-menu-right header-cart" id="header-cart__wrap"> 1805 1806 </div> 1807 </li> 1808 <li class="dropdown"> 1809 <a href="javascript:void(0);"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/en.png" alt="English"> English <i class="fa fa-angle-down"></i> 1810 </a> 1811 <ul class="dropdown-menu dropdown-menu-left"> 1812 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=2"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/en.png" alt="English"> English</a></li> 1813 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=6"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/spa.png" alt="Español"> Español</a></li> 1814 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=7"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/fra.png" alt="Français"> Français</a></li> 1815 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=12"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/it.png" alt="lingua italiana"> lingua italiana</a></li> 1816 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=11"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/de.png" alt="Deutsch"> Deutsch</a></li> 1817 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=9"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/ara.png" alt="Ø§ÙØ¹Ø±Ø¨ÙØ©"> Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li> 1818 </ul> 1819 </li> 1820 <li class="dropdown"> 1821 <a href="#" id="toolbar-search" trackType="10"> 1822 <i class="fa fa-search"></i> 1823 </a> 1824 </li> 1825 </ul> 1826 </div> 1827 </div> 1828 <!-- Start Navigation --> 1829 <nav class="navbar navbar-default visible-md-block visible-lg-block navbar-mobile bootsnav nav-fixed"> 1830 <!-- <nav class="navbar navbar-default visible-md-block visible-lg-block navbar-mobile bootsnav"> --> 1831 <!-- Start Side Side --> 1832 <div class="container"> 1833 <!-- Collect the nav links, forms, and other content for toggling --> 1834 <div class="collapse navbar-collapse logo-nav-search" id="navbar-menu"> 1835 <a class="site-logo" href="//www.searayoptical.com"><img class="lazy" src="https://yunpan.cdn.site.joinf.com/5087217610023486/2021/12/K5iBPP7j7x.png" alt="Wenzhou Searay Optical Co., Ltd." /></a> 1836 <!-- <ul class="nav navbar-nav"> --> 1837 <!-- <li><a href="//www.searayoptical.com" title="Home" class="active">Home</a></li><li><a href="//www.searayoptical.com/en/news.html" title="Blog" >Blog</a></li><li class="dropdown"><a href="//www.searayoptical.com/en/product.html" title="Products" class="dropdown-toggle" data-toggle="dropdown">Products</a><ul class="dropdown-menu"><li class="dropdown"><a href="//www.searayoptical.com/category1.html" title="" class="dropdown-toggle" data-toggle="dropdown">Hot Latest</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/new-arrival.html" title="">New arrival</a></li><li><a href="//www.searayoptical.com/popular-fashion.html" title="">Popular Fashion</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/bio-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Bio-Eyewear</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/wooden-eyewear.html" title="">Wooden Eyewear</a></li><li><a href="//www.searayoptical.com/bio-acetate-eyewear.html" title="">Bio-Acetate Eyewear</a></li><li><a href="//www.searayoptical.com/g850-bio-plastic-glasses.html" title="">G850 Bio-Plastic Glasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/clothing.html" title="" class="dropdown-toggle" data-toggle="dropdown">Optical Frames</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/metal-frames.html" title="">Metal Frames</a></li><li><a href="//www.searayoptical.com/acetate-frames.html" title="">Acetate Frames</a></li><li><a href="//www.searayoptical.com/aluminium-frames.html" title="">Aluminium Frames</a></li><li><a href="//www.searayoptical.com/titanium-frames.html" title="">Titanium Frames</a></li><li><a href="//www.searayoptical.com/rimless-frames.html" title="">Rimless frames</a></li><li><a href="//www.searayoptical.com/tr90-frames.html" title="">TR90 Frames</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623297532.html" title="" class="dropdown-toggle" data-toggle="dropdown">Sunglasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/acetate-sunglasses.html" title="">Acetate Sunglasses</a></li><li><a href="//www.searayoptical.com/metal-sunglasses.html" title="">Metal Sunglasses</a></li><li><a href="//www.searayoptical.com/aluminium-sunglasses.html" title="">Aluminium Sunglasses</a></li><li><a href="//www.searayoptical.com/sport-sunglasses.html" title="">Sport Sunglasses</a></li><li><a href="//www.searayoptical.com/tr90-sunglasses.html" title="">TR90 Sunglasses</a></li><li><a href="//www.searayoptical.com/pc-sunglasses.html" title="">PC Sunglasses</a></li><li><a href="//www.searayoptical.com/clip-on-sunglasses.html" title="">Clip-on Sunglasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623357652.html" title="" class="dropdown-toggle" data-toggle="dropdown">Kids Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/kids-optical-frames.html" title="">Kids Optical Frames</a></li><li>
1837<a href="//www.searayoptical.com/kids-clip-on-glasses.html" title="">Kids Clip-on Glasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623326305.html" title="" class="dropdown-toggle" data-toggle="dropdown">Anti-Blue Light Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/metal-series.html" title="">Metal Series</a></li><li><a href="//www.searayoptical.com/acetate-series.html" title="">Acetate Series</a></li><li><a href="//www.searayoptical.com/plastic-series.html" title="">Plastic Series</a></li><li><a href="//www.searayoptical.com/kinds-of-lenses.html" title="">Kinds of lenses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/cost-effective-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Cost-effective Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/usd0-5-2-0-plastic-series.html" title="">USD0.5~2.0 Plastic Series</a></li><li><a href="//www.searayoptical.com/usd1-3-metal-series-.html" title="">USD1.0~3.0 Metal Series</a></li><li><a href="//www.searayoptical.com/usd1-8-3-0-acetate-series.html" title="">USD1.8~3.0 Acetate Series</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/reading-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Reading Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/5099622337981847.html" title="">Plastic Series</a></li></ul></li></ul></li><li><a href="//www.searayoptical.com/en/aboutus.html" title="About Us" target="_blank">About Us</a></li><li><a href="//www.searayoptical.com/en/download.html" title="Download" target="_blank">Download</a></li><li><a rel="nofollow" href="//www.searayoptical.com/en/inquiry.html" title="Send Inquiry" >Send Inquiry</a></li><li><a href="//www.searayoptical.com/en/privacy-policy.html" title="FAQ" >FAQ</a></li> --> 1838 <!-- 两个è´ç©è½¦ æ æ³¨é --> 1839 <!-- <li class="nav_icon nav_Cart"><a href="//www.searayoptical.com/en/inquiry.html" title="Cart"><span 1840 class="iconfont icon-Cart"></span><span class="cartli_span">0</span></a></li> --> 1841 <!-- </ul> --> 1842 <nav class='greedy'> 1843 <button> 1844 <div class="hamburger"> 1845 <svg class="svg-icon" style="width: 20px;height:20px"> 1846 <use xlink:href="#icon-gengduo-o" /> 1847 </svg> 1848 </div> 1849 </button> 1850 <ul class=" visible-links nav navbar-nav"> 1851 <li><a href="//www.searayoptical.com" title="Home" class="active">Home</a></li><li><a href="//www.searayoptical.com/en/news.html" title="Blog" >Blog</a></li><li class="dropdown"><a href="//www.searayoptical.com/en/product.html" title="Products" class="dropdown-toggle" data-toggle="dropdown">Products</a><ul class="dropdown-menu"><li class="dropdown"><a href="//www.searayoptical.com/category1.html" title="" class="dropdown-toggle" data-toggle="dropdown">Hot Latest</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/new-arrival.html" title="">New arrival</a></li><li><a href="//www.searayoptical.com/popular-fashion.html" title="">Popular Fashion</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/bio-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Bio-Eyewear</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/wooden-eyewear.html" title="">Wooden Eyewear</a></li><li><a href="//www.searayoptical.com/bio-acetate-eyewear.html" title="">Bio-Acetate Eyewear</a></li><li><a href="//www.searayoptical.com/g850-bio-plastic-glasses.html" title="">G850 Bio-Plastic Glasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/clothing.html" title="" class="dropdown-toggle" data-toggle="dropdown">Optical Frames</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/metal-frames.html" title="">Metal Frames</a></li><li><a href="//www.searayoptical.com/acetate-frames.html" title="">Acetate Frames</a></li><li><a href="//www.searayoptical.com/aluminium-frames.html" title="">Aluminium Frames</a></li><li><a href="//www.searayoptical.com/titanium-frames.html" title="">Titanium Frames</a></li><li><a href="//www.searayoptical.com/rimless-frames.html" title="">Rimless frames</a></li><li><a href="//www.searayoptical.com/tr90-frames.html" title="">TR90 Frames</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623297532.html" title="" class="dropdown-toggle" data-toggle="dropdown">Sunglasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/acetate-sunglasses.html" title="">Acetate Sunglasses</a></li><li><a href="//www.searayoptical.com/metal-sunglasses.html" title="">Metal Sunglasses</a></li><li><a href="//www.searayoptical.com/aluminium-sunglasses.html" title="">Aluminium Sunglasses</a></li><li><a href="//www.searayoptical.com/sport-sunglasses.html" title="">Sport Sunglasses</a></li><li><a href="//www.searayoptical.com/tr90-sunglasses.html" title="">TR90 Sunglasses</a></li><li><a href="//www.searayoptical.com/pc-sunglasses.html" title="">PC Sunglasses</a></li><li><a href="//www.searayoptical.com/clip-on-sunglasses.html" title="">Clip-on Sunglasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623357652.html" title="" class="dropdown-toggle" data-toggle="dropdown">Kids Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/kids-optical-frames.html" title="">Kids Optical Frames</a></li><li>
1851<a href="//www.searayoptical.com/kids-clip-on-glasses.html" title="">Kids Clip-on Glasses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/5087217623326305.html" title="" class="dropdown-toggle" data-toggle="dropdown">Anti-Blue Light Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/metal-series.html" title="">Metal Series</a></li><li><a href="//www.searayoptical.com/acetate-series.html" title="">Acetate Series</a></li><li><a href="//www.searayoptical.com/plastic-series.html" title="">Plastic Series</a></li><li><a href="//www.searayoptical.com/kinds-of-lenses.html" title="">Kinds of lenses</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/cost-effective-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Cost-effective Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/usd0-5-2-0-plastic-series.html" title="">USD0.5~2.0 Plastic Series</a></li><li><a href="//www.searayoptical.com/usd1-3-metal-series-.html" title="">USD1.0~3.0 Metal Series</a></li><li><a href="//www.searayoptical.com/usd1-8-3-0-acetate-series.html" title="">USD1.8~3.0 Acetate Series</a></li></ul></li><li class="dropdown"><a href="//www.searayoptical.com/reading-glasses.html" title="" class="dropdown-toggle" data-toggle="dropdown">Reading Glasses</a><ul class="dropdown-menu"><li><a href="//www.searayoptical.com/5099622337981847.html" title="">Plastic Series</a></li></ul></li></ul></li><li><a href="//www.searayoptical.com/en/aboutus.html" title="About Us" target="_blank">About Us</a></li><li><a href="//www.searayoptical.com/en/download.html" title="Download" target="_blank">Download</a></li><li><a rel="nofollow" href="//www.searayoptical.com/en/inquiry.html" title="Send Inquiry" >Send Inquiry</a></li><li><a href="//www.searayoptical.com/en/privacy-policy.html" title="FAQ" >FAQ</a></li> </ul> 1852 <ul class='hidden-links hidden'></ul> 1853 </nav> 1854 <!-- <div class="search-pc no-border radius" id="navbar-search"> 1855 <form action="//www.searayoptical.com/en/product.html" method="get" class="search-form"> 1856 <input type="hidden" name="is_parse" value="0"> 1857 <div class="input-group"> 1858 <input type="text" name="keyword" class="form-control" value="" placeholder="Please Enter Keywords" /> 1859 <span class="input-group-btn"> 1860 <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button> 1861 </span> 1862 </div> 1863 </form>
1864 </div> --> 1865 </div> 1866 <!-- /.navbar-collapse --> 1867 </div> 1868 <!-- End Side Side --> 1869 </nav> 1870 <!-- End Navigation --> 1871 </div> 1872 1873 <!-- 4983453188196573 æç--> 1874 <!-- 5146288532610825 ç¨æ·ç --> 1875 1876 <div class=" visible-xs-block visible-sm-block m-header-sticky"> 1877 <header class="m-header mobile-default-header"> 1878 <div class="m-header_menu"> 1879 <a id="goBack" href="javascript:void(0)"> 1880 <svg class="svg-icon"> 1881 <use xlink:href="#icon-arrow-left-o"></use> 1882 </svg> 1883 </a> 1884 <a class="side-menu" id="menu-btn-default" href="javascript:void(0)"> 1885 <svg class="svg-icon"> 1886 <use xlink:href="#icon-jf-icon-more-o" /> 1887 </svg> 1888 </a> 1889 </div> 1890 <a class="m-header_logo" href="//www.searayoptical.com"><img style="width:100%;height:100%;object-fit: contain;" class="lazy" src="https://yunpan.cdn.site.joinf.com/5087217610023486/2021/12/K5iBPP7j7x.png?imageMogr2/format/webp/strip/ignore-error/1/auto-orient" alt="Wenzhou Searay Optical Co., Ltd." /></a> 1891 <div class="m-header_menu"> 1892 <a href="//www.searayoptical.com/index.php?r=member/memberInquiry&language_id=2" class=" " rel="nofollow" title="Register now/Login"> 1893 <svg class="svg-icon"> 1894 <use xlink:href="#icon-user-o1" /> 1895 </svg> 1896 </a> 1897 <ul class="dropdown-menu dropdown-menu-right joinf-user__menu" style="display: none"> 1898 <li class="joinf-user__name"></li> 1899 <li> 1900 <a href="//www.searayoptical.com/index.php?r=member/memberInquiry&language_id=2">Member Center</a> 1901 </li> 1902 <li> 1903 <a class="user-exit" data-text="Do you want to sign out?" out-href='/index.php?r=member/signOut'>Exit</a> 1904 </li> 1905 </ul> 1906 <a href="//www.searayoptical.com/en/inquiry.html" class="toolbar-cart__link"> 1907 <svg class="svg-icon"> 1908 <use xlink:href="#icon-jf-icon-shoppingcart-o" /> 1909 </svg> 1910 </a> 1911 </div> 1912 </header> 1913</div> 1914<!-- Start Side Menu --> 1915<div class="side-mask mask" id="menu-side-mask"></div> 1916 1917 1918 1919<p 1920class="visible-xs-block visible-sm-block" 1921style=" 1922 position: absolute; 1923 top: 0; 1924 left: 0; 1925 width: 100%; 1926 height: 800px; 1927 word-wrap: break-word; 1928 word-break: break-all; 1929 line-height: 40px; 1930 -webkit-line-clamp: 18; 1931 line-clamp: 18; 1932 font-size: 20px; 1933 z-index: -1; 1934 color: #ffffff00; 1935 font-family: Microsoft YaHei, Helvetica Neue, Helvetica, sans-serif;" 1936 >Wenzhou Searay Optical Co., Ltd.325041About Us201 ZHONGHUI ROAD, OUHAI DISTRICT, WENZHOU, CHINAA young & dynamic professional eyewear manufacturer in Wenzhou China. 1937Over 100 models/Month design capacity in metal,acetate,TR90 and Titanium material. 193890% of the eyeglasses were exported to European and American markets. 1939"Strive for Excellence" would be always the core ideology of Searay Optical.Wenzhou Searay Optical Co., Ltd.325041About Us201 ZHONGHUI ROAD, OUHAI DISTRICT, WENZHOU, CHINAA young & dynamic professional eyewear manufacturer in Wenzhou China. 1940Over 100 models/Month design capacity in metal,acetate,TR90 and Titanium material. 194190% of the eyeglasses were exported to European and American markets. 1942"Strive for Excellence" would be always the core ideology of Searay Optical.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical Co., Ltd.Wenzhou Searay Optical</p> 1943<!--New Menu--> 1944<div id="menu-side-default" class="menu-contain-language"> 1945 <div class="mobile-menu-1-title">menu</div> 1946 <div id="mobile-product-search" class="header-search"> 1947 <div id="mobile-product-search-form"> 1948 <form action="//www.searayoptical.com/en/product.html" method="get" class="w-form"> 1949 <input type="hidden" name="is_parse" value="0"> 1950 <div class="input-field"> 1951 <input id="search1" class="emptyInput1" name="keyword" type="text" placeholder="Please Enter Keywords" value=""> 1952 <button class="btn-search" type="submit"> 1953 <img class="lazy" src="https://asset.site.joinf.com/default/images/icon_search.png" alt="search"> 1954 </button> 1955 </div> 1956 </form> 1957 </div> 1958 </div> 1959 <!-- task 18500 new Menu Html --> 1960 <ul id="panel-menu-default"> <li class="menu-1-li" id="menu-0" data-id="0" data-href="//www.searayoptical.com" data-child="W10=">Home</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Home</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com" data-child="W10=">All Home<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div> <li class="menu-1-li" id="menu-1" data-id="1" data-href="//www.searayoptical.com/en/news.html" data-child="W10=">Blog</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Blog</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/en/news.html" data-child="W10=">All Blog<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div> <li class="menu-1-li" id="menu-2" data-id="2" data-href="//www.searayoptical.com/en/product.html" data-child="W3sibmFtZSI6IkhvdCBMYXRlc3QiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvY2F0ZWdvcnkxLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W3sibmFtZSI6Ik5ldyBhcnJpdmFsIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL25ldy1hcnJpdmFsLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlBvcHVsYXIgRmFzaGlvbiIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9wb3B1bGFyLWZhc2hpb24uaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1dfSx7Im5hbWUiOiJCaW8tRXlld2VhciIsImhy
1960ZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9iaW8tZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOlt7Im5hbWUiOiJXb29kZW4gRXlld2VhciIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC93b29kZW4tZXlld2Vhci5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJCaW8tQWNldGF0ZSBFeWV3ZWFyIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2Jpby1hY2V0YXRlLWV5ZXdlYXIuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiRzg1MCBCaW8tUGxhc3RpYyBHbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2c4NTAtYmlvLXBsYXN0aWMtZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfV19LHsibmFtZSI6Ik9wdGljYWwgRnJhbWVzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2Nsb3RoaW5nLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W3sibmFtZSI6Ik1ldGFsIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9tZXRhbC1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWNldGF0ZSBGcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYWNldGF0ZS1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWx1bWluaXVtIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9hbHVtaW5pdW0tZnJhbWVzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlRpdGFuaXVtIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC90aXRhbml1bS1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiUmltbGVzcyBmcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvcmltbGVzcy1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiVFI5MCBGcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvdHI5MC1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1dfSx7Im5hbWUiOiJTdW5nbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cLzUwODcyMTc2MjMyOTc1MzIuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbeyJuYW1lIjoiQWNldGF0ZSBTdW5nbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2FjZXRhdGUtc3VuZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJNZXRhbCBTdW5nbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL21ldGFsLXN1bmdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWx1bWluaXVtIFN1bmdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYWx1bWluaXVtLXN1bmdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiU3BvcnQgU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9zcG9ydC1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlRSOTAgU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC90cjkwLXN1bmdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiUEMgU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9wYy1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IkNsaXAtb24gU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9jbGlwLW9uLXN1bmdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1dfSx7Im5hbWUiOiJLaWRzIEdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvNTA4NzIxNzYyMzM1NzY1Mi5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOlt7Im5hbWUiOiJLaWRzIE9wdGljYWwgRnJhbWVzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2tpZHMtb3B0aWNhbC1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiS2lkcyBDbGlwLW9uIEdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwva2lkcy1jbGlwLW9uLWdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1dfSx7Im5hbWUiOiJBbnRpLUJsdWUgTGlnaHQgR2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC81MDg3MjE3NjIzMzI2MzA1Lmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W3sibmFtZSI6Ik1ldGFsIFNlcmllcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9tZXRhbC1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWNldGF0ZSBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYWNldGF0ZS1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiUGxhc3RpYyBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvcGxhc3RpYy1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiS2luZHMgb2YgbGVuc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2tpbmRzLW9mLWxlbnNlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfV19LHsibmFtZSI6IkNvc3QtZWZmZWN0aXZlIEdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvY29zdC1lZmZlY3RpdmUtZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOlt7Im5hbWUiOiJVU0QwLjV+Mi4wIFBsYXN0aWMgU2VyaWVzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL3VzZDAtNS0yLTAtcGxhc3RpYy1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiVVNEMS4wfjMuMCBNZXRhbCBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvdXNkMS0zLW1ldGFsLXNlcmllcy0uaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiVVNEMS44fjMuMCBBY2V0YXRlIFNlcmllcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC91c2QxLTgtMy0wLWFjZXRhdGUtc2VyaWVzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119XX0seyJuYW1lIjoiUmVhZGluZyBHbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL3JlYWRpbmctZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOlt7Im5hbWUiOiJQbGFzdGljIFNlcmllcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC81MDk5NjIyMzM3OTgxODQ3Lmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119XX1d">Products<svg class="svg-icon menu-1-right"> <use xlink:href="#icon-arrow-right-o" /> </svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Products</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/en/product.html" data-child="W10=">All Products<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/category1.html" data-child="W3sibmFtZSI6Ik5ldyBhcnJpdmFsIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL25ldy1hcnJpdmFsLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlBvcHVsYXIgRmFzaGlvbiIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9wb3B1bGFyLWZhc2hpb24uaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1d">Hot Latest<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Hot Latest</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/category1.html" data-child="W10=">All Hot Latest<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/new-arrival.html" data-child="W10=">New arrival</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">New arrival</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/new-arrival.html" data-child="W10=">All New arrival<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/popular-fashion.html" data-child="W10=">Popular Fashion</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Popular Fashion</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/popular-fashion.html" data-child="W10=">All Popular Fashion<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/bio-glasses.html" data-child="W3sibmFtZSI6Ildvb2RlbiBFeWV3ZWFyIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL3dvb2Rlbi1leWV3ZWFyLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IkJpby1BY2V0YXRlIEV5ZXdlYXIiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYmlvLWFjZXRhdGUtZXlld2Vhci5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJHODUwIEJpby1QbGFzdGljIEdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvZzg1MC1iaW8tcGxhc3RpYy1nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119XQ==">Bio-Eyewear<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Bio-Eyewear</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/bio-glasses.html" data-child="W10=">All Bio-Eyewear<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/wooden-eyewear.html" data-child="W10=">Wooden Eyewear</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Wooden Eyewear</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/wooden-eyewear.html" data-child="W10=">All Wooden Eyewear<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/bio-acetate-eyewear.html" data-child="W10=">Bio-Acetate Eyewear</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Bio-Acetate Eyewear</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/bio-acetate-eyewear.html" data-child="W10=">All Bio-Acetate Eyewear<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/g850-bio-plastic-glasses.html" data-child="W10=">G850 Bio-Plastic Glasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">G850 Bio-Plastic Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/g850-bio-plastic-glasses.html" data-child="W10=">All G850 Bio-Plastic Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/clothing.html" data-child="W3sibmFtZSI6Ik1ldGFsIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9tZXRhbC1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWNldGF0ZSBGcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYWNldGF0ZS1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWx1bWluaXVtIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9hbHVtaW5pdW0tZnJhbWVzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlRpdGFuaXVtIEZyYW1lcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC90aXRhbml1bS1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiUmltbGVzcyBmcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvcmltbGVzcy1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiVFI5MCBGcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvdHI5MC1mcmFtZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1d">Optical Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Optical Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/clothing.html" data-child="W10=">All Optical Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/metal-frames.html" data-child="W10=">Metal Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Metal Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/metal-frames.html" data-child="W10=">All Metal Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/acetate-frames.html" data-child="W10=">Acetate Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Acetate Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/acetate-frames.html" data-child="W10=">All Acetate Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/aluminium-frames.html" data-child="W10=">Aluminium Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Aluminium Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/aluminium-frames.html" data-child="W10=">All Aluminium Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-3" data-id="3" data-href="//www.searayoptical.com/titanium-frames.html" data-child="W10=">Titanium Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Titanium Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-3" data-id="3" data-href="//www.searayoptical.com/titanium-frames.html" data-child="W10=">All Titanium Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-4" data-id="4" data-href="//www.searayoptical.com/rimless-frames.html" data-child="W10=">Rimless frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Rimless frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-4" data-id="4" data-href="//www.searayoptical.com/rimless-frames.html" data-child="W10=">All Rimless frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-5" data-id="5" data-href="//www.searayoptical.com/tr90-frames.html" data-child="W10=">TR90 Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">TR90 Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-5" data-id="5" data-href="//www.searayoptical.com/tr90-frames.html" data-child="W10=">All TR90 Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-3" data-id="3" data-href="//www.searayoptical.com/5087217623297532.html" data-child="W3sibmFtZSI6IkFjZXRhdGUgU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9hY2V0YXRlLXN1bmdsYXNzZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiTWV0YWwgU3VuZ2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9tZXRhbC1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IkFsdW1pbml1bSBTdW5nbGFzc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2FsdW1pbml1bS1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlNwb3J0IFN1bmdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvc3BvcnQtc3VuZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJUUjkwIFN1bmdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvdHI5MC1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119LHsibmFtZSI6IlBDIFN1bmdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvcGMtc3VuZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJDbGlwLW9uIFN1bmdsYXNzZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvY2xpcC1vbi1zdW5nbGFzc2VzLmh0bWwiLCJoMSI6IiIsImljb24iOiIiLCJjaGlsZCI6W119XQ==">Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-3" data-id="3" data-href="//www.searayoptical.com/5087217623297532.html" data-child="W10=">All Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/acetate-sunglasses.html" data-child="W10=">Acetate Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Acetate Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/acetate-sunglasses.html" data-child="W10=">All Acetate Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/metal-sunglasses.html" data-child="W10=">Metal Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Metal Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/metal-sunglasses.html" data-child="W10=">All Metal Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/aluminium-sunglasses.html" data-child="W10=">Aluminium Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Aluminium Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/aluminium-sunglasses.html" data-child="W10=">All Aluminium Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-3" data-id="3" data-href="//www.searayoptical.com/sport-sunglasses.html" data-child="W10=">Sport Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Sport Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-3" data-id="3" data-href="//www.searayoptical.com/sport-sunglasses.html" data-child="W10=">All Sport Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-4" data-id="4" data-href="//www.searayoptical.com/tr90-sunglasses.html" data-child="W10=">TR90 Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">TR90 Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-4" data-id="4" data-href="//www.searayoptical.com/tr90-sunglasses.html" data-child="W10=">All TR90 Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-5" data-id="5" data-href="//www.searayoptical.com/pc-sunglasses.html" data-child="W10=">PC Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">PC Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-5" data-id="5" data-href="//www.searayoptical.com/pc-sunglasses.html" data-child="W10=">All PC Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-6" data-id="6" data-href="//www.searayoptical.com/clip-on-sunglasses.html" data-child="W10=">Clip-on Sunglasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Clip-on Sunglasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-6" data-id="6" data-href="//www.searayoptical.com/clip-on-sunglasses.html" data-child="W10=">All Clip-on Sunglasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-4" data-id="4" data-href="//www.searayoptical.com/5087217623357652.html" data-child="W3sibmFtZSI6IktpZHMgT3B0aWNhbCBGcmFtZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwva2lkcy1vcHRpY2FsLWZyYW1lcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJLaWRzIENsaXAtb24gR2xhc3NlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9raWRzLWNsaXAtb24tZ2xhc3Nlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfV0=">Kids Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Kids Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-4" data-id="4" data-href="//www.searayoptical.com/5087217623357652.html" data-child="W10=">All Kids Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/kids-optical-frames.html" data-child="W10=">Kids Optical Frames</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Kids Optical Frames</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/kids-optical-frames.html" data-child="W10=">All Kids Optical Frames<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/kids-clip-on-glasses.html" data-child="W10=">Kids Clip-on Glasses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Kids Clip-on Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/kids-clip-on-glasses.html" data-child="W10=">All Kids Clip-on Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-5" data-id="5" data-href="//www.searayoptical.com/5087217623326305.html" data-child="W3sibmFtZSI6Ik1ldGFsIFNlcmllcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9tZXRhbC1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiQWNldGF0ZSBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvYWNldGF0ZS1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiUGxhc3RpYyBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvcGxhc3RpYy1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX0seyJuYW1lIjoiS2luZHMgb2YgbGVuc2VzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL2tpbmRzLW9mLWxlbnNlcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfV0=">Anti-Blue Light Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Anti-Blue Light Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-5" data-id="5" data-href="//www.searayoptical.com/5087217623326305.html" data-child="W10=">All Anti-Blue Light Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/metal-series.html" data-child="W10=">Metal Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Metal Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/metal-series.html" data-child="W10=">All Metal Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/acetate-series.html" data-child="W10=">Acetate Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Acetate Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/acetate-series.html" data-child="W10=">All Acetate Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/plastic-series.html" data-child="W10=">Plastic Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Plastic Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/plastic-series.html" data-child="W10=">All Plastic Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-3" data-id="3" data-href="//www.searayoptical.com/kinds-of-lenses.html" data-child="W10=">Kinds of lenses</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Kinds of lenses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-3" data-id="3" data-href="//www.searayoptical.com/kinds-of-lenses.html" data-child="W10=">All Kinds of lenses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-6" data-id="6" data-href="//www.searayoptical.com/cost-effective-glasses.html" data-child="W3sibmFtZSI6IlVTRDAuNX4yLjAgUGxhc3RpYyBTZXJpZXMiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvdXNkMC01LTItMC1wbGFzdGljLXNlcmllcy5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJVU0QxLjB+My4wIE1ldGFsIFNlcmllcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC91c2QxLTMtbWV0YWwtc2VyaWVzLS5odG1sIiwiaDEiOiIiLCJpY29uIjoiIiwiY2hpbGQiOltdfSx7Im5hbWUiOiJVU0QxLjh+My4wIEFjZXRhdGUgU2VyaWVzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cL3VzZDEtOC0zLTAtYWNldGF0ZS1zZXJpZXMuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1d">Cost-effective Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Cost-effective Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-6" data-id="6" data-href="//www.searayoptical.com/cost-effective-glasses.html" data-child="W10=">All Cost-effective Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/usd0-5-2-0-plastic-series.html" data-child="W10=">USD0.5~2.0 Plastic Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">USD0.5~2.0 Plastic Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/usd0-5-2-0-plastic-series.html" data-child="W10=">All USD0.5~2.0 Plastic Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-1" data-id="1" data-href="//www.searayoptical.com/usd1-3-metal-series-.html" data-child="W10=">USD1.0~3.0 Metal Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">USD1.0~3.0 Metal Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-1" data-id="1" data-href="//www.searayoptical.com/usd1-3-metal-series-.html" data-child="W10=">All USD1.0~3.0 Metal Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div><li class="menu-1-li" id="menu-2-2" data-id="2" data-href="//www.searayoptical.com/usd1-8-3-0-acetate-series.html" data-child="W10=">USD1.8~3.0 Acetate Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">USD1.8~3.0 Acetate Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-2" data-id="2" data-href="//www.searayoptical.com/usd1-8-3-0-acetate-series.html" data-child="W10=">All USD1.8~3.0 Acetate Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div><li class="menu-1-li" id="menu-2-7" data-id="7" data-href="//www.searayoptical.com/reading-glasses.html" data-child="W3sibmFtZSI6IlBsYXN0aWMgU2VyaWVzIiwiaHJlZiI6IlwvXC93d3cuc2VhcmF5b3B0aWNhbC5jb21cLzUwOTk2MjIzMzc5ODE4NDcuaHRtbCIsImgxIjoiIiwiaWNvbiI6IiIsImNoaWxkIjpbXX1d">Reading Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg><svg class="svg-icon menu-2-down">
1960<use xlink:href="#icon-arrow-down-o" /></svg></li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Reading Glasses</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-7" data-id="7" data-href="//www.searayoptical.com/reading-glasses.html" data-child="W10=">All Reading Glasses<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li><li class="menu-1-li" id="menu-2-0" data-id="0" data-href="//www.searayoptical.com/5099622337981847.html" data-child="W10=">Plastic Series</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Plastic Series</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-0" data-id="0" data-href="//www.searayoptical.com/5099622337981847.html" data-child="W10=">All Plastic Series<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> </div></ul> </div> <li class="menu-1-li" id="menu-3" data-id="3" data-href="//www.searayoptical.com/en/aboutus.html" data-child="W10=">About Us</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">About Us</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-3" data-id="3" data-href="//www.searayoptical.com/en/aboutus.html" data-child="W10=">All About Us<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div> <li class="menu-1-li" id="menu-4" data-id="4" data-href="//www.searayoptical.com/en/download.html" data-child="W10=">Download</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Download</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-4" data-id="4" data-href="//www.searayoptical.com/en/download.html" data-child="W10=">All Download<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div> <li class="menu-1-li" id="menu-5" data-id="5" data-href="//www.searayoptical.com/en/inquiry.html" data-child="W10=">Send Inquiry</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">Send Inquiry</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-5" data-id="5" data-href="//www.searayoptical.com/en/inquiry.html" data-child="W10=">All Send Inquiry<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div> <li class="menu-1-li" id="menu-6" data-id="6" data-href="//www.searayoptical.com/en/privacy-policy.html" data-child="W10=">FAQ</li><div class="menu-side-2"><div class="mobile-menu-title"><svg class="svg-icon mobile-menu-2-back"><use xlink:href="#icon-arrow-left-o"></use></svg><span class="mobile-menu-name">FAQ</span></div><ul class="panel-menu-2"><li class="menu-1-li mobile-child-title" id="menu-1-6" data-id="6" data-href="//www.searayoptical.com/en/privacy-policy.html" data-child="W10=">All FAQ<svg class="svg-icon menu-2-right"><use xlink:href="#icon-arrow-right-o" /></svg></li></ul> </div></ul> <ul id="panel-menu-default"> 1961 <li class="menu-1-li language-field" id="menu-1" data-id="1" data-href="#" data-child='eyIyIjp7Imxhbmd1YWdlX2lkIjoiMiIsIm5hbWUiOiJcdTgyZjFcdThiZWQiLCJsbmFtZSI6IkVuZ2xpc2giLCJjb2RlIjoiZW4iLCJsb2NhbGUiOiJlbl9VUy5VVEYtOCxlbl9VUyxlbi1nYixlbmdsaXNoIiwidHJhbnNsYXRlX2NvZGUiOiJlbiIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9pbmRleC5waHA/cj1tZW1iZXJcL2luZGV4Jmxhbmd1YWdlX2lkPTIiLCJpc19jdXJyZW50IjoxfSwiNiI6eyJsYW5ndWFnZV9pZCI6IjYiLCJuYW1lIjoiXHU4OTdmXHU3M2VkXHU3MjU5XHU4YmVkIiwibG5hbWUiOiJFc3BhXHUwMGYxb2wiLCJjb2RlIjoic3BhIiwibG9jYWxlIjoic3BhIiwidHJhbnNsYXRlX2NvZGUiOiJlcyIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9pbmRleC5waHA/cj1tZW1iZXJcL2luZGV4Jmxhbmd1YWdlX2lkPTYiLCJpc19jdXJyZW50IjowfSwiNyI6eyJsYW5ndWFnZV9pZCI6IjciLCJuYW1lIjoiXHU2Y2Q1XHU4YmVkIiwibG5hbWUiOiJGcmFuXHUwMGU3YWlzIiwiY29kZSI6ImZyYSIsImxvY2FsZSI6ImZyYSIsInRyYW5zbGF0ZV9jb2RlIjoiZnIiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvaW5kZXgucGhwP3I9bWVtYmVyXC9pbmRleCZsYW5ndWFnZV9pZD03IiwiaXNfY3VycmVudCI6MH0sIjEyIjp7Imxhbmd1YWdlX2lkIjoiMTIiLCJuYW1lIjoiXHU2MTBmXHU1OTI3XHU1MjI5XHU4YmVkIiwibG5hbWUiOiJsaW5ndWEgaXRhbGlhbmEiLCJjb2RlIjoiaXQiLCJsb2NhbGUiOiJpdCIsInRyYW5zbGF0ZV9jb2RlIjoiaXQiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvaW5kZXgucGhwP3I9bWVtYmVyXC9pbmRleCZsYW5ndWFnZV9pZD0xMiIsImlzX2N1cnJlbnQiOjB9LCIxMSI6eyJsYW5ndWFnZV9pZCI6IjExIiwibmFtZSI6Ilx1NWZiN1x1OGJlZCIsImxuYW1lIjoiRGV1dHNjaCIsImNvZGUiOiJkZSIsImxvY2FsZSI6ImRlIiwidHJhbnNsYXRlX2NvZGUiOiJkZSIsImhyZWYiOiJcL1wvd3d3LnNlYXJheW9wdGljYWwuY29tXC9pbmRleC5waHA/cj1tZW1iZXJcL2luZGV4Jmxhbmd1YWdlX2lkPTExIiwiaXNfY3VycmVudCI6MH0sIjkiOnsibGFuZ3VhZ2VfaWQiOiI5IiwibmFtZSI6Ilx1OTYzZlx1NjJjOVx1NGYyZlx1OGJlZCIsImxuYW1lIjoiXHUwNjI3XHUwNjQ0XHUwNjM5XHUwNjMxXHUwNjI4XHUwNjRhXHUwNjI5IiwiY29kZSI6ImFyYSIsImxvY2FsZSI6ImFyYSIsInRyYW5zbGF0ZV9jb2RlIjoiYXIiLCJocmVmIjoiXC9cL3d3dy5zZWFyYXlvcHRpY2FsLmNvbVwvaW5kZXgucGhwP3I9bWVtYmVyXC9pbmRleCZsYW5ndWFnZV9pZD05IiwiaXNfY3VycmVudCI6MH19'><span class="language-field-left"><svg class="svg-icon menu-1-right language-icon"> <use xlink:href="#icon-langs"></use> </svg> Languages</span><svg class="svg-icon menu-1-right"> <use xlink:href="#icon-arrow-right-o"></use> </svg></li> 1962 <div class="menu-side-2"> 1963 <div class="mobile-menu-title"> 1964 <svg class="svg-icon mobile-menu-2-back"> 1965 <use xlink:href="#icon-arrow-left-o"></use> 1966 </svg>
1967 <span class="mobile-menu-name"> Languages</span> 1968 </div> 1969 <ul class="panel-menu-2"> 1970 <li 1971 class="menu-2-li" 1972 style="font-weight:bold" id="menu-2-1" 1973 data-id="1" 1974 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=2" 1975 data-child="W10="> 1976 English </li> 1977 <li 1978 class="menu-2-li" 1979 id="menu-2-1" 1980 data-id="1" 1981 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=6" 1982 data-child="W10="> 1983 Español </li> 1984 <li 1985 class="menu-2-li" 1986 id="menu-2-1" 1987 data-id="1" 1988 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=7" 1989 data-child="W10="> 1990 Français </li> 1991 <li 1992 class="menu-2-li" 1993 id="menu-2-1" 1994 data-id="1" 1995 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=12" 1996 data-child="W10="> 1997 lingua italiana </li> 1998 <li 1999 class="menu-2-li" 2000 id="menu-2-1" 2001 data-id="1" 2002 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=11" 2003 data-child="W10="> 2004 Deutsch </li> 2005 <li 2006 class="menu-2-li" 2007 id="menu-2-1" 2008 data-id="1" 2009 data-href="//www.searayoptical.com/index.php?r=member/index&language_id=9" 2010 data-child="W10="> 2011 Ø§ÙØ¹Ø±Ø¨ÙØ© </li> 2012 </ul> 2013 </div> 2014 </ul> 2015 </div> 2016<!-- lang box --> 2017<div class="lang-box" id="lang-box"> 2018 <div class="w-header"> 2019 <a role="button" data-toggle="collapse" href="#lang-box" aria-expanded="false" aria-controls="lang-box"> 2020 <i class="fa fa-times"></i> 2021 </a> 2022 </div> 2023 <div class="w-body"> 2024 <ul class="list-unstyled"> 2025 <li>English</li> 2026 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=2"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/en.png" alt="English"> English</a></li> 2027 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=6"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/spa.png" alt="Español"> Español</a></li> 2028 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=7"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/fra.png" alt="Français"> Français</a></li> 2029 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=12"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/it.png" alt="lingua italiana"> lingua italiana</a></li> 2030 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=11"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/de.png" alt="Deutsch"> Deutsch</a></li> 2031 <li><a href="//www.searayoptical.com/index.php?r=member/index&language_id=9"><img class="lazy" src="https://asset.site.joinf.com/default/images/flags/ara.png" alt="Ø§ÙØ¹Ø±Ø¨ÙØ©"> Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li> 2032 </ul> 2033 </div> 2034 </div>
2035<script> 2036 window.joinf_b2b_clc_region = '223'; 2037 window.joinf_b2b_clc_currency = 'USD'; 2038 window.joinf_b2b_clc_language = '2'; 2039 window.joinf_b2b_clc_regioncode = 'US' 2040 $(".choose_site").on("change", function(){ 2041 window.location.href = $(this).find("option:selected").val(); 2042 }) 2043</script>
2043 2044 <!-- è§£å³æªæ¿æ¢å¤´é¨æ¨¡æ¿æ è´ç©è½¦æ¥éçé®é¢ --> 2045 <style> 2046 .input-spinner-wrap { 2047 align-items: center; 2048 } 2049 </style> 2050
2050<script id="cartEmptyTpl" type="text/html"> 2051 <div class="header-cart__empty"> 2052 Data is empty </div> 2053 </script>
2053 2054
2054<script id="cartTpl" type="text/html"> 2055 {{each cartList as value i}} 2056 <div class="header-cart__item"> 2057 <div class="header-cart__cover"> 2058 <a href="{{value.href}}"> 2059 <img class="lazy" src="{{value.image}}" alt="" srcset=""> 2060 </a> 2061 </div> 2062 <div class="header-cart__info"> 2063 <div class="header-cart__title"> 2064 <a href="{{value.href}}">{{value.product_name}}</a> 2065 </div> 2066 <div class="header-cart__modal"> 2067 model:{{value.model_no}} 2068 </div> 2069 <div class="header-cart__modal"> 2070 {{each value.specs as spec }} 2071 {{spec}}<br> 2072 {{/each}} 2073 </div> 2074 <div class="header-cart__qyt"> 2075 <input type="number" class="header-cart__spinner" data-id="{{value.cart_id}}" value="{{value.quantity}}" name="" min="1" max="999999999" id=""> 2076 </div> 2077 </div> 2078 <div class="header-cart__del" data-id="{{value.cart_id}}"> 2079 <a href="javascript:void(0)"> 2080 <svg class="svg-icon"> 2081 <use xlink:href="#icon-delete-o" /> 2082 </svg> 2083 </a> 2084 </div> 2085 </div> 2086 {{/each}} 2087 {{if qyt>=5}} 2088 <div class="header-cart__more"> 2089 <a class="j-btn" href="//www.searayoptical.com/en/inquiry.html"> 2090 More > 2091 <!-- <svg class="svg-icon"> 2092 <use xlink:href="#icon-arrow-right-o"></use> 2093 </svg> --> 2094 </a> 2095 </div> 2096 {{/if}} 2097 </div> 2098 </script>
2098 2099
2099<script> 2100 // 头鍿»å¨ 2101 var a = "0"; 2102 $(window).scroll(function() { 2103 var toTop = $(window).scrollTop(); 2104 if (toTop > 0) { 2105 if (a == '0' && toTop > 0) { 2106 $(".navbar-mobile").addClass("fixed_scroll") 2107 } 2108 if ($('body').hasClass('home')) { 2109 $('.home .nav-fixed').addClass("fixed-0") 2110 $('.home .nav-fixed').removeClass("fixed-40") 2111 } 2112 } else { 2113 $(".navbar-mobile").removeClass("fixed_scroll") 2114 if ($('body').hasClass('home')) { 2115 $('.home .nav-fixed').addClass("fixed-40") 2116 $('.home .nav-fixed').removeClass("fixed-0") 2117 } 2118 } 2119 }) 2120 </script>
2120<link rel="stylesheet" href="https://asset.site.joinf.com/default/member/main.min.css"> 2121<link rel="stylesheet" href="https://asset.site.joinf.com/default/css/default-module-bg.css"> 2122 2123<style> 2124 .login-wrapper { 2125 background-color: #f6f6f6; 2126 padding: 10px 10px 90px; 2127 } 2128 2129 .login-box { 2130 position: relative; 2131 margin-top: 20px; 2132 background-color: #fff; 2133 border: 1px solid #dedede; 2134 } 2135 2136 .login-box::after { 2137 content: '*Required'; 2138 display: block; 2139 position: absolute; 2140 top: 0; 2141 left: 0; 2142 color: #c7254e; 2143 width: 100%; 2144 height: 40px; 2145 line-height: 40px; 2146 padding-left: 20px; 2147 background-color: #fafafa; 2148 } 2149 2150 .login-form-wrapper { 2151 padding: 80px 15px; 2152 } 2153 2154 .login-form-wrapper label { 2155 font-size: 16px; 2156 line-height: 36px; 2157 } 2158 2159 .error-tip { 2160 margin-bottom: 10px; 2161 } 2162 2163 .login-wrapper-footer { 2164 display: flex; 2165 justify-content: space-between; 2166 flex-wrap: wrap; 2167 line-height: 35px; 2168 padding: 10px; 2169 background: #fff; 2170 } 2171 2172 .login-wrapper-footer { 2173 color: #666 2174 } 2175 2176 #captcha_ipt-error { 2177 position: absolute; 2178 top: 45px; 2179 } 2180 2181 .forget-link { 2182 margin-top: 5px 2183 } 2184 2185 /* .member-sign__title { 2186 margin-bottom: 14px; 2187 } */ 2188 2189 .log-res { 2190 align-items: end; 2191 justify-content: flex-end; 2192 position: relative; 2193 bottom: -1px; 2194 margin: 0; 2195 } 2196 @media (max-width:768px) { 2197 .member-form__footer-link { 2198 font-size: 12px; 2199 } 2200 2201 .log-res { 2202 flex-wrap: wrap; 2203 } 2204 2205 .member-form__footer-link { 2206 margin-left: 0; 2207 } 2208 .footer-wraper { 2209 display: none !important; 2210 } 2211 .clearInput_img { 2212 position: absolute; 2213 top: 15px; 2214 right: 15px; 2215 z-index: 99; 2216 display: none; 2217 } 2218 } 2219</style> 2220 2221<div class="container body-container main_container mobilelogin"> 2222 <div class="row"> 2223 <div class="col-sm-12 "> 2224 <div class="member-sign"> 2225 <h2 class="member-sign__title"> 2226 <span class="member__active"> 2227 Member Login </span> 2228 <span class="visible-sm visible-xs"> 2229 <a href="/index.php?r=member/registerIndex&language_id=2"> 2230 Member Registration </a> 2231 </span> 2232 </h2> 2233 <div class="member-form"> 2234 <form action="" method='post' id="login-form"> 2235 <div class="form-group required"> 2236 <label for="emial" class="control-label"> 2237 E-Mailï¼ 2238 </label> 2239 <div class="form-group_content" id="select-list"> 2240 <input type="input" class="form-control" id="email" name="email" placeholder="E-Mail"> 2241 </div> 2242 </div> 2243 <div class="form-group required" style="margin-bottom:0"> 2244 <label for="passport" class="control-label"> 2245 Passwordï¼ 2246 </label> 2247 <div class="form-group_content"> 2248 <input type="password" class="form-control" id="passport" name="password" 2249 placeholder="Password"> 2250 </div> 2251 <input type="hidden" id="produc_id" value="" /> 2252 <!-- 2253 [25230]ææºç«¯ç»å½é¡µæç 2254 --> 2255 <div class="log-res"> 2256 <div class="forget-link"> 2257 <a href="/index.php?r=member/forgetIndex&language_id=2" class="text-primary"> 2258 Forgot Password </a> 2259 </div> 2260 2261 </div> 2262 </div> 2263 2264 <div class="form-group required" id="form-captcha" style="display: none; margin-bottom: 15px;"> 2265 <label for="passport" class="control-label"> 2266 Verification Codeï¼ 2267 </label> 2268 <div class="form-group_content captch" style="display: flex;"> 2269 <input type="text" class="form-control" id="captcha_ipt" name="captcha_ipt" 2270 style="display: inline-block; flex: 1;" placeholder="Verification Code"> 2271 <img 2272 id="captcha-img" class="input-lg lazy" src="/index.php?r=captcha/index&language_id=2&1296952851" alt="Verification Code"> 2273 </div> 2274 <input type="hidden" id="produc_id" value="" /> 2275 </div> 2276 2277 2278 <div class="form-group member-form__footer"> 2279 <button id="login-submit" type="submit" class="j-btn j-btn-lg"> 2280 Login </button> 2281 <div class="member-form__footer-link hidden-sm hidden-xs" style="color: #999999;"> 2282 Not yet a member? <a 2283 href="/index.php?r=member/registerIndex&language_id=2" class="text-primary" 2284 style="color: #333333;"> 2285 Register now </a> 2286 2287 </div> 2288 </div> 2289 <div class="form-group"> 2290 <label class="col-sm-3 col-xs-12 control-label"></label> 2291 <div class="col-sm-9 col-xs-12"> 2292 <div class="login-wrapper-footer"> 2293 2294 2295 </div> 2296 </div> 2297 2298 2299 2300 </div> 2301 </form> 2302 <div class="other-login" style="width: 100%;"> 2303 </div> 2304 </div> 2305 2306 </div> 2307 </div> 2308 2309 2310 </div> 2311 2312 <div class="member-form__footer-link visible-sm visible-xs" style="color: #999999;"> 2313<span> Not yet a member? <a 2314 href="/index.php?r=member/registerIndex&language_id=2" class="text-primary"> 2315 Register now</a></span> 2316</div> 2317</div> 2318 2319</div> 2320</div>
2321<script> 2322 var needCaptcha = false // æ¯å¦éè¦å¡«åå¾å½¢éªè¯ç 2323 var language_id = 2; 2324 var message = { 2325 emailRequired: 'Please enter your email address', 2326 emailFormat: 'Please enter your valid email address', 2327 password: 'Please enter your password', 2328 captchaError: 'Verification Code Error', 2329 queryDelete: 'Confirm Delete?', 2330 }; 2331</script>
vendor: 1 bytes, line 2331
2331
2332<script src="https://asset.site.joinf.com/default/js/sweetalert.min.js?v=1.0.36"></script>
vendor: 1 bytes, line 2332
2332
2333<script src="https://asset.site.joinf.com/default/js/jquery.validate.min.js"></script>
vendor: 1 bytes, line 2333
2333
2334<script src="https://asset.site.joinf.com/default/js/login.js"></script>
vendor: 1 bytes, line 2334
2334
2335<script src="https://asset.site.joinf.com/default/js/fetchSuggestions.js"></script>
2335 2336
2337<script> 2338 $.validator.setDefaults({ 2339 highlight: function (element) { 2340 $(element).closest('.form-group').addClass('has-error') 2341 }, 2342 unhighlight: function (element) { 2343 $(element).closest('.form-group').removeClass('has-error') 2344 }, 2345 errorElement: 'span', 2346 errorClass: 'help-block', 2347 errorPlacement: function (error, element) { 2348 if (element.parent('.input-group').length) { 2349 error.insertAfter(element.parent()) 2350 } else { 2351 error.insertAfter(element) 2352 } 2353 } 2354 }) 2355 $(function () { 2356 2357 var validate = $('#login-form').validate({ 2358 rules: { 2359 email: { 2360 required: true, 2361 email: true 2362 }, 2363 password: 'required', 2364 captcha_ipt: 'required' 2365 }, 2366 messages: { 2367 email: { 2368 required: 'Please enter your email address', 2369 email: 'Please enter your valid email address', 2370 captcha_ipt: 'required' 2371 }, 2372 password: 'Please enter your password', 2373 captcha_ipt: 'Please enter a verification code' 2374 }, 2375 submitHandler: function (form) { 2376 login( 2 ) 2377 } 2378 }) 2379 $('#email').blur(function () { 2380 validate.element(this) 2381 }); 2382 $("#captcha-img").hide(); 2383 $("form input[type=text]").on("focus", () => { 2384 $("#captcha-img").show(); 2385 }); 2386 // å»¶è¿å è½½éªè¯ç 2387 setTimeout(() => { 2388 $("#captcha-img").click(); 2389 }, 1500) 2390 $(document).on('click', '#captcha-img', function () { 2391 var url = $('#captcha-img')[0].src 2392 $('#captcha-img').attr('src', '') 2393 $('#captcha-img').attr('src', url) 2394 }) 2395 2396 }); 2397</script>
2397 2398 2399 2400<style> 2401 .chat_prolist1 { 2402 position: fixed; 2403 z-index: 999999999; 2404 bottom: 150px; 2405 width: 20px; 2406 right: 370px; 2407 display: none; 2408 } 2409</style> 2410<div class="footer-wraper"> 2411 <div class="footer visible-md-block visible-lg-block"> 2412 <div class="container"> 2413 <div class="footer_container_top"> 2414 <div class="top_container top_one"> 2415 <div class="top_container_h3">About Us</div> 2416 <div class="top_container_span"> 2417 <div class="container_span"> 2418 A young & dynamic professional eyewear manufacturer in Wenzhou China. 2419Over 100 models/Month design capacity in metal,acetate,TR90 and Titanium material. 242090% of the eyeglasses were exported to Euro... </div> 2421 <div class="container_span">TEL: 0086-577-88517199</div> 2422 <div class="container_span">E-Mail:<a class="container_span_a emailA zip_copy" href="javascript:;">[email protected]</a> 2423 <button class="googleEmailCopy" style='min-width:70px; background: none;border: none;' data-gclid="" data-msg="Copy successful" data-value='[email protected]'>Copy</button> 2424 </div> 2425 <!-- 订é S --> 2426<!-- langs-back --> 2427<form class="subcribe"> 2428 <!-- langs --> 2429 <div class="subcribe_title">Subscribe</div> 2430 <div class="subcribe_input"> 2431 <input type="email" class="subcribe_email" placeholder="Enter your email address"> 2432 <input type="reset" value="æ¸ ç©º" class="subcribeReset hidden"/> 2433 <div class="subcribe_submit subcribe_svg">Subscribe</div> 2434 </div> 2435 <div class="subcribe_check"> 2436 <div class="checkbox"> 2437 <label class="checkbox-inline "> 2438 <input type="checkbox" data-error-required-message="This is a required field" name="product" placeholder="product" value="product" /> 2439 <span style="position: relative;top: 2px;">Subscribe to new products</span> 2440 </label> 2441 </div> 2442 <div class="checkbox"> 2443 <label class="checkbox-inline "> 2444 <input type="checkbox" data-error-required-message="This is a required field" name="article" placeholder="article" value="article" /> 2445 <span style="position: relative;top: 2px;">Subscribe to new article publishing</span> 2446 </label> 2447 </div> 2448 </div> 2449</form> 2450<!-- 订é E --> 2451 </div> 2452 </div> 2453 <div class="top_container top_two"> 2454 <div class="top_container_h3">Latest News</div> 2455 <div class="top_container_span"> 2456 <div class="pro_icon_span"> 2457 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2458 <div class="container_span"><a href="//www.searayoptical.com/how-to-choose-acetate-colors-for-an-eyewear-collection.html" class="container_span_a">How to Choose Acetate Colors for an Eyewear Collection</a><span style="padding-left: 10px">Blog</span></div> 2459 </div> 2460 <div class="pro_icon_span"> 2461 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2462 <div class="container_span"><a href="//www.searayoptical.com/how-to-compare-different-eyewear-manufacturers.html" class="container_span_a">How to Compare Different Eyewear Manufacturers</a><span style="padding-left: 10px">Blog</span></div> 2463 </div> 2464 <div class="pro_icon_span"> 2465 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2466 <div class="container_span"><a href="//www.searayoptical.com/why-do-some-eyeglass-hinges-break-easily.html" class="container_span_a">Why Do Some Eyeglass Hinges Break Easily?</a><span style="padding-left: 10px">Blog</span></div> 2467 </div> 2468 <div class="pro_icon_span"> 2469 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2470 <div class="container_span"><a href="//www.searayoptical.com/how-to-evaluate-eyeglass-sample-quality-before-bulk-order.html" class="container_span_a">How to Evaluate Eyeglass Sample Quality Before Bulk Order</a><span style="padding-left: 10px">Blog</span></div> 2471 </div> 2472 <div class="pro_icon_span"> 2473 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2474 <div class="container_span"><a href="//www.searayoptical.com/what-certifications-matter-for-eyewear-exports-to-europe-and-the-us.html" class="container_span_a">What Certifications Matter for Eyewear Exports to Europe and the US?</a><span style="padding-left: 10px">Blog</span></div> 2475 </div> 2476 </div> 2477
2478 </div> 2479 <div class="top_container top_three"> 2480 <div class="top_container_h3">Hot Products</div> 2481 <div class="foot_pro"> 2482 <div class="pro_detail_icon"> 2483 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2484 <div class="pro_detail"> 2485 <a href="//www.searayoptical.com/products/anti-blue-light-glasses-acetate-metal-plastic.html" class="container_span_a1">Anti-blue Light Glasses - Acetate & Metal & Plastic</a> 2486 <!-- <div class="pro_star"> 2487 <i class="fa fa-star"></i> 2488 <i class="fa fa-star"></i> 2489 <i class="fa fa-star"></i> 2490 <i class="fa fa-star"></i> 2491 <i class="fa fa-star"></i> 2492 </div> --> 2493 <div class="pro_price"> 2494 <span class="price_real">0.00</span> 2495 <span class="price_real"> - 0.00</span> 2496 </div> 2497 </div> 2498 </div> 2499 <div class="pro_img lazy lazyload"><img data-src="https://yunpan.cdn.site.joinf.com/5087217610023486/2021/11/J4xMiMF6sd.JPG?imageMogr2/format/webp/strip/ignore-error/1/auto-orient" alt="Anti-blue Light Glasses - Acetate & Metal & Plastic" title="Anti-blue Light Glasses - Acetate & Metal & Plastic"></div> 2500 2501 </div> 2502 <div class="foot_pro"> 2503 <div class="pro_detail_icon"> 2504 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2505 <div class="pro_detail"> 2506 <a href="//www.searayoptical.com/products/geometric-shape-acetate-optical-frames-for-women.html" class="container_span_a1">Geometric Shape Acetate Optical Frames - For Women</a> 2507 <!-- <div class="pro_star"> 2508 <i class="fa fa-star"></i> 2509 <i class="fa fa-star"></i> 2510 <i class="fa fa-star"></i> 2511 <i class="fa fa-star"></i> 2512 <i class="fa fa-star"></i> 2513 </div> --> 2514 <div class="pro_price"> 2515 <span class="price_real">0.00</span> 2516 <span class="price_real"> - 0.00</span> 2517 </div> 2518 </div> 2519 </div> 2520 <div class="pro_img lazy lazyload"><img data-src="https://yunpan.cdn.site.joinf.com/5087217610023486/RHPCrpQAM2.JPG?imageMogr2/format/webp/strip/ignore-error/1/auto-orient" alt="Geometric Shape Acetate Optical Frames - For Women" title="Geometric Shape Acetate Optical Frames - For Women"></div> 2521 2522 </div> 2523 <div class="foot_pro"> 2524 <div class="pro_detail_icon"> 2525 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2526 <div class="pro_detail"> 2527 <a href="//www.searayoptical.com/products/quality-acetate-optical-frames-with-built-in-flex.html" class="container_span_a1">Quality Acetate Optical Frames With Built-in Flex</a> 2528 <!-- <div class="pro_star"> 2529 <i class="fa fa-star"></i> 2530 <i class="fa fa-star"></i> 2531 <i class="fa fa-star"></i> 2532 <i class="fa fa-star"></i> 2533 <i class="fa fa-star"></i> 2534 </div> --> 2535 <div class="pro_price"> 2536 <span class="price_real">0.00</span> 2537 <span class="price_real"> - 0.00</span> 2538 </div> 2539 </div> 2540 </div> 2541 <div class="pro_img lazy lazyload"><img data-src="https://yunpan.cdn.site.joinf.com/5087217610023486/d6737mP56b.JPG?imageMogr2/format/webp/strip/ignore-error/1/auto-orient" alt="Quality Acetate Optical Frames With Bu
2541ilt-in Flex" title="Quality Acetate Optical Frames With Built-in Flex"></div> 2542 2543 </div> 2544 2545 </div> 2546 <div class="top_container top_four"> 2547 <div class="top_container_h3">Categories</div> 2548 <ul class="pro_ul"> 2549 <li> 2550 <div class="pro_icon_span"> 2551 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2552 <a href="//www.searayoptical.com/category1.html" class="container_span_a1">Hot Latest</a> 2553 </div> 2554 <span>(0)</span> 2555 </li> 2556 <li> 2557 <div class="pro_icon_span"> 2558 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2559 <a href="//www.searayoptical.com/bio-glasses.html" class="container_span_a1">Bio-Eyewear</a> 2560 </div> 2561 <span>(0)</span> 2562 </li> 2563 <li> 2564 <div class="pro_icon_span"> 2565 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2566 <a href="//www.searayoptical.com/clothing.html" class="container_span_a1">Optical Frames</a> 2567 </div> 2568 <span>(0)</span> 2569 </li> 2570 <li> 2571 <div class="pro_icon_span"> 2572 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2573 <a href="//www.searayoptical.com/5087217623297532.html" class="container_span_a1">Sunglasses</a> 2574 </div> 2575 <span>(0)</span> 2576 </li> 2577 <li> 2578 <div class="pro_icon_span"> 2579 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2580 <a href="//www.searayoptical.com/5087217623357652.html" class="container_span_a1">Kids Glasses</a> 2581 </div> 2582 <span>(0)</span> 2583 </li> 2584 <li> 2585 <div class="pro_icon_span"> 2586 <div class="pro_icon"><span class="iconfont icon-shuangjiantou-you"></span></div> 2587 <a href="//www.searayoptical.com/5087217623326305.html" class="container_span_a1">Anti-Blue Light Glasses</a> 2588 </div> 2589 <span>(0)</span> 2590 </li> 2591 2592 </ul> 2593 </div> 2594 </div> 2595 <div class="footer-bottom"> 2596 <div class="bottom_flex"> 2597 <div class="bottom_flex_left"> 2598 <div class="fs12"><a href='#'> © Wenzhou Searay Optical Co., Ltd. </a></div> 2599 </div> 2600 <div class="text-center"> 2601 <div ></div> 2602 <!-- <p class="fs12">ID:5087217610023486_61001</p> --> 2603 </div> 2604 <div class="bottom_flex_right"> 2605 <a href="https://www.linkedin.com/searayoptical" target="_blank" class="my-media" trackType="17" style="font-size: 15px"> 2606 <i class="fa fa-linkedin "></i> 2607 </a> 2608 <a href="https://www.instagram.com/searay.optical" target="_blank" class="my-media" trackType="18" style="font-size: 15px"> 2609 <i class="fa fa-instagram "></i> 2610 </a> 2611 <a href="https://www.youtube.com/channel/UCNgeS8pxgCXaXHKKAY0nRfQ/featured" target="_blank" class="my-media" trackType="19" style="font-size: 15px"> 2612 <i class="fa fa-youtube "></i> 2613 </a> 2614 </div> 2615 2616 </div> 2617 </div> 2618 <div style="font-size: 10px;text-align: right;"> 2619 <span>(263296)</span> 2620 </div> 2621 </div> 2622 </div> 2623</div> 2624 2625<div id="product-search"> 2626 <div id="product-search-mask" class="mask"></div> 2627 <div id="product-search-form"> 2628 <form action="/" method="get" class="w-form"> 2629 <input type="hidden" name="r" value="search/index"/> 2630 <input type="hidden" name="language_id" value="2"/> 2631 <input type="hidden" name="c_id" value="5087217616081720"/>
2632 <input type="hidden" name="is_parse" value="0"> 2633 <div class="input-field"> 2634 <input id="search" name="keyword" type="text" placeholder="Please Enter Keywords" value=""> 2635 <button class="btn-search" type="submit" trackType="11"> 2636 <i class="fa fa-search"></i> 2637 </button> 2638 </div> 2639 </form> 2640 </div> 2641</div> 2642 2643<!-- <div class="footerButton visible-xs-block"> 2644 <a class="btn btn-primary btn-block" href="//www.searayoptical.com/en/inquiry.html">Contact Us</a> 2645</div> --> 2646 2647<div class="visible-xs-block"> 2648 <div class="footer-button "> 2649 <a href="javascript:;"><i class="fa fa-envelope"></i></a> 2650 <a href="//www.searayoptical.com/en/inquiry.html"><i class="fa fa-comment"></i></a> 2651 <a href="javascript:;" id="gotop"><i class="fa fa-arrow-up"></i></a> 2652 </div> 2653</div> 2654<div id="cmsFloatPanel" style="display:block;"> 2655 <div class="ctrolPanel"> 2656 <!-- å¨çº¿å®¢æ --> 2657 <!-- <a class="service" href="#">Customer Service</a> --> 2658 <div class="service-panel active" trackType="3" title="Customer Service"> 2659 <!-- <i class="fa fa-whatsapp"></i> --> 2660 <img class="visible-md-block visible-lg-block" src="https://asset.site.joinf.com/default/images/svg/customer-service.svg" alt="customer-service" /> 2661 <span class="panel-name visible-md-block visible-lg-block" style="-webkit-line-clamp: 2;">Customer Service</span> 2662 <span class="isOnline"></span> 2663 <svg class="svg-icon visible-xs-block visible-sm-block"> 2664 <use xlink:href="#icon-kefu" /> 2665 </svg> 2666 </div> 2667 <!-- whatsapp --> 2668 <!-- 微信 --> 2669 <!-- å享 --> 2670 <!-- çè¨ --> 2671 <div class="message-panel active" title="Message"> 2672 <!-- <i class="fa fa-commenting-o"></i> --> 2673 <img class="visible-md-block visible-lg-block" src="https://asset.site.joinf.com/default/images/svg/message.svg" alt="message" /> 2674 <span class="panel-name visible-md-block visible-lg-block">Message</span><svg class="svg-icon visible-xs-block visible-sm-block"> 2675 <use xlink:href="#icon-xunpan" /> 2676 </svg> 2677 </div> 2678 2679 <!-- ç½ç«é²ä¼ªäºç»´ç --> 2680 <!-- ææºç«¯å ³é --> 2681 <div class="ctrolPanel-btn visible-xs-block visible-sm-block"> 2682 <svg class="svg-icon"> 2683 <use xlink:href="#icon-guanbi" /> 2684 </svg> 2685 <svg class="svg-icon"> 2686 <use xlink:href="#icon-caidan" /> 2687 </svg> 2688 </div> 2689 <!-- åå°é¡¶é¨ --> 2690 <div class="arrow-panel" onclick="#" title="Go to top"> 2691 <!-- <i class="fa fa-chevron-up"></i> --> 2692 <img class="visible-md-block visible-lg-block" src="https://asset.site.joinf.com/default/images/svg/top.svg" alt="go top" /> 2693 <span class="panel-name visible-md-block visible-lg-block">Top</span> 2694 <svg class="svg-icon visible-xs-block visible-sm-block"> 2695 <use xlink:href="#icon-huidaodingbu" /> 2696 </svg> 2697 </div> 2698 </div> 2699 2700 <div class="servicePanel"> 2701 <div class="servicePanel-inner"> 2702 <div class="serviceMsgPanel"> 2703 <div class="serviceMsgPanel-hd"> 2704 <a href="#"> 2705 <span>Close</span> 2706 </a> 2707 </div> 2708 <div class="serviceMsgPanel-bd"> 2709 <div class="msggroup"> 2710 <a id="mibew-agent-button" href="https://chat.site.joinf.com/chat?locale=en&group=8080&email=&theme_code=61001&gclid=&capid=&chat_category=®ister_email=" target="_blank" onclick="chatOpen();return false;"><img src="https://chat.site.joinf.com/b?i=simple&lang=en&group=8080&email=" border="0" alt="" /></a>
2710<script type="text/javascript" src="https://chat.site.joinf.com/js/compiled/chat_popup.js"></script>
2710<script type="text/javascript"> var piwikVisitorUUID = piwikVisitorUUID ? piwikVisitorUUID : ""; function chatOpen(serviceText, userId, threadId, isSendSample){ var paramsChatIds = typeof userId !== "undefined" && typeof threadId !== "undefined" ? "&userId="+userId+"&threadId="+threadId : ""; paramsChatIds += typeof isSendSample !== "undefined" ? "&isSendSample="+isSendSample : "" ;Mibew.ChatPopup.init({"id":"60ae091c52dad6ff","url":"https:\/\/chat.site.joinf.com\/chat?locale=en&group=8080&email=&theme_code=61001&gclid=&capid=&chat_category=®ister_email=&piwikVisitorUUID=" + (piwikVisitorUUID || "")+ paramsChatIds,"preferIFrame":true,"modSecurity":true,"forceSecure":true,"width":27,"height":19,"resizable":true,"styleLoader":"https:\/\/chat.site.joinf.com\/chat\/style\/popup?group=8080"}); Mibew.Objects.ChatPopups['60ae091c52dad6ff'].open(); }</script>
2710 </div> 2711 </div> 2712 <div class="serviceMsgPanel-ft"></div> 2713 </div> 2714 <div class="arrowPanel"> 2715 <div class="arrow02"></div> 2716 </div> 2717 </div> 2718 </div> 2719 2720 <div class="whatsappPanel"> 2721 <div class="whatsappPanel-inner"> 2722 <div class="whatsappPanel-box"> 2723 <div class="whatsappPanel-bd"> 2724 </div> 2725 </div> 2726 2727 </div> 2728 </div> 2729 2730 <div class="skypePanel"> 2731 <div class="skypePanel-inner"> 2732 <div class="skypePanel-box"> 2733 <div class="msggroup"> 2734 <ul> 2735 </ul> 2736 </div> 2737 </div> 2738 </div> 2739 </div> 2740 2741 <div class="qrcodePanel"> 2742 <div class="qrcodePanel-inner"> 2743 <div class="codePanel"> 2744 <div class="codePanel-hd"> 2745 <span style="float:left">
2745Scan the QR code</span> 2746 <a href="#"> 2747 <span>Close</span> 2748 </a> 2749 </div> 2750 <div class="codePanel-bd"> 2751 <img src="//www.searayoptical.com/index.php?r=qrcode&url=//www.searayoptical.com/index.php?r=member/index&language_id=2" width="180" alt="qr code" /> 2752 </div> 2753 </div> 2754 2755 </div> 2756 </div> 2757 </div> 2758<div class="chat_prolist1"><img src="https://asset.site.joinf.com/default/images/product_list.png" alt=""></div> 2759<div id="hideAll"> </div> 2760<!-- 询çå¼¹çª --> 2761<div class="inquiry-cover_popup"> 2762<div class="inquiry-cover"></div> 2763<div class="inquiry_popup"> 2764 <div class="popup_header"> 2765 <h3>Send Message</h3> 2766 <div class="delete"> 2767 <svg class="svg-icon"> 2768 <use xlink:href="#icon-guanbi1-o" /> 2769 </svg> 2770 </div> 2771 </div> 2772 <style> 2773 @keyframes send-loading { 2774 0% { 2775 transform: rotate(0deg); 2776 } 2777 2778 100% { 2779 transform: rotate(360deg); 2780 } 2781 } 2782 2783 .send-loading { 2784 transition: 0.6s; 2785 animation: send-loading 3s linear infinite; 2786 /*å¼å§å¨ç»åæ é循ç¯ï¼ç¨æ¥æ§å¶rotate*/ 2787 } 2788</style> 2789<div class="j-inquiry-wrap"> 2790 <h3 class="j-page-title j-page-subtitle j-page-subtitle"> 2791 Send Message </h3> 2792 <form action="" novalidate method="post" enctype="multipart/form-data" class="j-inquiry-form" data-lang="2"> 2793 2794 2795 2796 2797 <div class="j-inquiry-form_field is-required span-2"> 2798 <label class="j-inquiry-form_label"> 2799 Message Content </label> 2800 <div class="input-group"> 2801 <i class="mustWrite "> * </i> 2802 <textarea id="message" required data-error-required-message="Please enter the content for your inquiry" name="5087217623390915" class="form-control" placeholder="Message Content"></textarea> 2803 </div> 2804 </div> 2805 2806 <div class="j-inquiry-form_field "> 2807 <label class="j-inquiry-form_label"> 2808 Mobile Phone </label> 2809 <div class="input-group"> 2810 <i class="isShow "> * </i> 2811 <input id="tel" type="text" data-error-required-message="This is a required field" name="5168930778941354" class="form-control" value="" placeholder="Mobile Phone" /> 2812 <img src="https://asset.site.joinf.com/default/images/clearInput.png" class="clearInput lazy" alt="clear input" /> 2813 </div> 2814 </div> 2815 2816 2817 2818 2819 2820 <div class="j-inquiry-form_field is-required"> 2821 <label class="j-inquiry-form_label"> 2822 Email </label> 2823 <div class="input-group"> 2824 <i class="mustWrite "> * </i> 2825 <input id="email" type="email" data-error-required-message="This is a required field" data-error-email-message="Please enter your valid email address" required name="email" class="form-control" value="" placeholder="Email" /> 2826 <img src="https://asset.site.joinf.com/default/images/clearInput.png" class="clearInput lazy" alt="clear input" /> 2827 </div> 2828 </div> 2829 2830 2831 2832 2833 2834 <div class="j-inquiry-form_field "> 2835 <label class="j-inquiry-form_label"> 2836 Company Name </label> 2837 <div class="input-group"> 2838 <i class="isShow "> * </i> 2839 <input id="company_name" type="text" data-error-required-message="This is a required field" name="5107385449303478" class="form-control" value="" placeholder="Company Name" /> 2840 <img src="https://asset.site.joinf.com/default/images/clearInput.png" class="clearInput lazy" alt="clear input" /> 2841 </div> 2842 </div> 2843 2844 2845 2846 2847 2848 <div class="j-inquiry-form_field span-2"> 2849 <input type="hidden" id="language_id" value="2"> 2850 <input type="reset" name="reset" style="display: none;" /> 2851 <button class="j-btn j-btn-large j-btn-mob sub-btn"> 2852 <img class="send-loading hidden" src="view/default/images/default/loading.png" alt="loading" />
2853 <span class="text-uppercase">Send Message</span> 2854 </button> 2855 </div> 2856 </form> 2857</div>
2858<script> 2859 if (!IS_MOBILE) { 2860 $(function() { 2861 $(".radio_box .checkbox-inline").find('input').click(function() { 2862 $(this).parent('label').siblings('label').find('input').removeAttr('checked') && $(this).attr('checked', 2863 'checked'); 2864 }) 2865 }) 2866 } 2867</script>
2867</div> 2868</div>
2869<script> 2870 window.email_empty = 'Please enter your email address'; 2871 window.email_format = 'Please enter your valid email address'; 2872 window.language_id = '2'; 2873 window.error_required = '*Required'; 2874 window.http_type = '0'; 2875</script>
2875 2876
2877<script src="https://asset.site.joinf.com/default/js/swiper.min.js"></script>
vendor: 1 bytes, line 2877
2877
2878<script src="https://asset.site.joinf.com/default/js/lazyload.min.js?v=1.0.36"></script>
vendor: 1 bytes, line 2878
2878
2879<script src="https://asset.site.joinf.com/default/libs/template.js?v=1.0.36"></script>
2879 2880
2880<script src="https://asset.site.joinf.com/default/js/site-common.js?v=1.0.36"></script>
2880 2881
2881<script src="https://asset.site.joinf.com/default/js/productShow.js?v=1.0.36"></script>
2881 2882
2882<script src="https://asset.site.joinf.com/default/js/bootstrap-3.3.7.min.js"></script>
2882 2883
2883<script src="https://asset.site.joinf.com/default/js/bootsnav.js"></script>
2883 2884
2884<script src="https://asset.site.joinf.com/default/js/jquery.mmenu.js?v=1.0.36"></script>
2884 2885
2885<script src="https://asset.site.joinf.com/default/js/jquery.validate.min.js?v=1.0.36"></script>
2885 2886
2886<script src="https://asset.site.joinf.com/default/js/intersection-observer.js"></script>
2886 2887
2887<script src="https://asset.site.joinf.com/default/js/select2.min.js?v=1.0.36"></script>
2887 2888
2888<script src="https://asset.site.joinf.com/default/libs/bootstrap-input-spinner.js"></script>
2888 2889
2889<script src="https://asset.site.joinf.com/default/js/onload.js?v=1.0.36"></script>
2889 2890
2890<script src="https://asset.site.joinf.com/default/js/online.js?v=1.0.36"></script>
2890 2891
2891<script src="https://asset.site.joinf.com/default/libs/sweetalert.min.js?v=1.0.36"></script>
2891 2892<noscript>This page requires the browser to support (enable) JavaScript</noscript>
2893<script> 2894 $(window).on('load', function() { 2895 $("#hideAll").css('display', 'none'); 2896 2897 $.extend($.validator.messages, { 2898 required: "This is a required field" 2899 }); 2900 }); 2901</script>
vendor: 1 bytes, line 2901
2901
2902<script> 2903 $('#toolbar-search').on('click', function() { 2904 $("input[name='keyword']").val(""); 2905 }) 2906</script>
2906 2907<!-- å ¼å®¹firefoxï¼chromeï¼sougou坿æ¬è¡¨æ ¼ä¸è½å± ä¸é®é¢ --> 2908<style> 2909 .table-responsive>table[align="center"] { 2910 margin: 0 auto 20px; 2911 } 2912</style>
2913<script> 2914 window.chat_group_id = '8080'; 2915 window.let_chat = 'Let\'s Chat'; 2916 window.chat_url = 'https://chat.site.joinf.com'; 2917 window.email_empty = 'Please enter your email address'; 2918 window.email_format = 'Please enter your valid email address'; 2919 window.message_empty = 'Please enter the content for your inquiry'; 2920 window.message_format = 'Content must be less than 4000 characters'; 2921 window.like_favorite = 'Like Favorites'; 2922 window.query_delete = 'Confirm Delete?'; 2923 window.collected = 'Favorites'; 2924 window.query_delete = 'Confirm Delete?'; 2925 window.vert_code_format = "Verification Code Error"; 2926 window.text_button_determine = "submit"; 2927 window.text_cancel = "Cancel"; 2928 window.text_file_max = "Upload file cannot exceed 10 M"; 2929 window.text_upload_again = "Please upload again"; 2930 window.text_file_not_supported = "File of this type is not supported"; 2931 window.system_now = 'COS'; 2932 window.gclid = ''; 2933</script>
vendor: 1 bytes, line 2933
2933
2934<script> 2935 $(document).ready(function() { 2936 // fix ï¼å®¢æ·åé¦ï¼-è¥éç½ç«ï¼æ¨¡æ¿1155ï¼å®¢æ·åé¦ï¼è®¿é®èªå·±çç½ç«è¯¦ç»æè¿°å 容å颿éå ï¼åå°å¡«åçå å®¹æ¯æ²¡æè¿äºçï¼ç½ç«ææäº§å妿¤ãï¼å馿¥æºï¼BLOSSOM003ï¼ 2937 $("gdiv").remove(); 2938 }); 2939</script>
2939 2940
2941<script> 2942 function loadjscssfile(filename, filetype) { 2943 console.log('zou') 2944 if (filetype == "js") { 2945 var fileref = document.createElement('script') 2946 fileref.setAttribute("type", "text/javascript") 2947 fileref.setAttribute("src", filename) 2948 } 2949 if (typeof fileref != "undefined") { 2950 document.getElementsByTagName("head")[0].appendChild(fileref) 2951 } 2952 } 2953 $('.file_upload').one("click", function() { 2954 loadjscssfile("https://asset.site.joinf.com/default/js/cos-js-sdk-v5.js?v=1.0.36", "js") 2955 }) 2956 2957 2958</script>
vendor: 1 bytes, line 2958
2958
2959<script> 2960 var text_alert_tips = "Tips" 2961 var text_sure_to_exit = "Are you sure to exit" 2962 var text_sure = "Sure" 2963 var text_cancel = "Cancel" 2964</script>
vendor: 1 bytes, line 2964
2964
2965<script src="https://asset.site.joinf.com/default/js/exitdialog.js?v=1.0.36" defer></script>
2965 2966<!--
2966<script src="https://asset.site.joinf.com/default/js/onload.js?v=1.0.36"></script>
2966 -->
2967<script src="https://asset.site.joinf.com/default/js/emailClick.js?v=1.0.36"></script>
2967 2968<!-- 导èªä¸è¡å±ç¤º -->
2969<script src="https://asset.site.joinf.com/default/js/navResize.js?v=1.0.36" defer></script>
2969 2970</body> 2971 2972</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.