Help online teaching | XP-Pen Europe Official Store

<!DOCTYPE html> <html lang='en'> <head> <meta charset="utf-8"/>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Help online teaching | XP-Pen Europe Official Store</title> <meta name="keywords" content="XP-Pen Official store"/> <meta name="description" content="Shop at XP-Pen for graphic tablets, pen displays, IPS drawing tablet monitors and accessories to Improve Your Creativity . XP-Pen offer drawing tablets for Beginners and Professionals Artists will enable you to draw, paint, write,design,edit, sketch, and share your digital art with ease."/> <meta name="google-site-verification" content="6UN8CgtDxCSKKn65eoVnW12qTc-t-vGlhQbQSEjbaDY" />   <meta name ="facebook-domain-verification" content ="bhc1vr2x5cdaqt01lawcc5gpiewnqe" /> <script src="/newxp/static2024/ace/js/jquery-2.1.4.min.js"></script> <script src="/newxp/static2024/layer/layer.js?ver=202502241"></script> <style>a,a:hover{text-decoration:none}iframe{width:1200px}.xp_home_video{height:auto;overflow:hidden;padding:30px 0}.xp_home_video .home_video_box{height:auto;overflow:hidden;margin-top:16px}.xp_home_video .home_video_box .video_block{position:relative;color:#fff;overflow:hidden}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play:hover .video_section__playBtn{background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type2_hover.webp) no-repeat;background-size:100%}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(https://resource.xp-pen.com/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:left;font-weight:700;width:100%;pointer-events:none}.cart_menu_box,.cart_menu_box dd dt{margin:0;padding:0}#cart_icon span{background-color:var(--main-color);display:none}.ellipsis{height:auto;overflow:hidden;text-overflow:ellipsis;display:inline-block;display:block}.pull-right{text-align:center;padding:2rem}.backTop{position:fixed;right:15px;bottom:20%;border-radius:4px;z-index:99;-webkit-border-radius:4px;-moz-border-radius:4px;width:50px;height:50px;text-align:center;line-height:50px;cursor:pointer;display:none;background:#dfdfdf}.backTop i.icon{font-size:30px;color:#fff;margin:0;padding:0}@media(min-width:992px) and (max-width:1200px){.container{width:100%}}.xp_language{width:100%;height:auto;background:#d0d0d0;position:relative;transition:all .5s}.la_content{max-width:1440px;height:auto;overflow:hidden;color:#000;margin:0 auto;padding:0 40px;background-color:#d0d0d0}.la_content .text{line-height:20px;padding:10px 0;float:left;font-size:12px;width:calc(100% - 448px)}.la_content .la_changes{float:right;width:auto;height:35px;border:0;margin:5px 15px 0 15px;font-size:12px;padding:0 10px;cursor:pointer}.la_close{float:right;text-align:center;color:#000;height:40px;width:40px;cursor:pointer;display:flex;justify-content:center;align-items:center}.la_close i{font-weight:bold;font-size:16px}.la_changes_text{height:auto;overflow:hidden;line-height:30px}.la_changes_text i{float:right}.la_changes_text span{display:inline-block;float:left;padding-right:10px}.la_changes_text i{color:#333}@media all and (max-width:1200px){.la_content{width:100%;box-sizing:border-box;text-align:center}.la_content .text{width:100%!important;float:none;text-align:center}.la_content .la_changes{width:auto}.la_content_search{display:inline-block}}@media all and (max-width:767px){.xp_home_video{height:auto;overflow:hidden}.xp_home_video .home_video_box{margin-top:12px}.xp_home_video .home_video_box .video_block{width:100%;position:relative;color:#fff;float:left}.xp_home_video .home_video_box .video_block a{display:inline-block;width:100%;height:auto}.xp_home_video .home_video_box .video_block img{width:100%;height:auto}.xp_home_video .home_video_box .video_block .video_section-play{display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;cursor:pointer}.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn{cursor:pointer;display:block;width:46px;height:46px;position:absolute;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%;opacity:1;background:url(/static/images/swiper_img/btn_player_type1_over.png) no-repeat;background-size:100%;-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);text-indent:-9999px;overflow:hidden}.xp_home_video .home_video_box .video_block .video_block_text{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:18px;max-width:24ch;text-align:center;font-weight:700;width:100%;pointer-events:none} }@media screen and (max-width:556px){.la_content{height:auto;text-align:center;padding:0 20px}.la_content .la_changes{margin:5px 12px 0 12px}}</style>  <link rel="preload" as="style" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/css/index/style_eu.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="preload" as="style" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/layer/layer.js?ver=202502241"> <link rel="preload" as="script" href="/newxp/static2024/ace/js/jquery-2.1.4.min.js"> <link rel="preload" as="script" href="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241">  <link rel="preload" as="script" href="/newxp/static2024/swiper/swiper.min.js?ver=202502241"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap">  <link rel="canonical" href="https://www.storexppen.eu/topic/3.html">  <link rel="stylesheet" href="/newxp/static2024/css/index/style_new.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/iconfont/iconfont2.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/bootstrap/bootstrap.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/swiper/swiper.min.css?ver=202502241"> <link rel="stylesheet" href="/newxp/static2024/css/index/style_eu.css?ver=202502241">  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> <script src="/newxp/static2024/ace/js/popper.min.js"></script> <script async src="/newxp/static2024/ace/bootstrap4.0/js/bootstrap.min.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/JsLang/lang_eu.js?ver=202502241"></script>  <script type="text/javascript" src="/newxp/static2024/swiper/swiper.min.js?ver=202502241"></script>  <script type="text/javascript"> var _AW_REG_CONVERSION=""; var _AW_ADDCART_CONVERSION=""; var _NOW_TIME=1741074478; var uid="0"; var isDisable = '0'; var _LANG_ ="eu"; var _SSO_DOMAIN_ = "https://account.xp-pen.com"; var _ROOT_="/"; var _STATIC_="/newxp/static2024/"; </script> <script defer type="text/javascript" src="/newxp/static2024/js/index/layout_eu.js?ver=202502241"></script> <script defer type="text/javascript" src="/newxp/static2024/js/index/search.js?ver=202502241"></script>  <script> (function(w,e,b,g,a,i,n,s){w['ITCLKOBJ']=a;w[a]=w[a]||function(){(w[a].q=w[a].q||[]).push(arguments)},w[a].l=1*new Date();i=e.createElement(b),n=e.getElementsByTagName(b)[0];i.async=1;i.src=g;n.parentNode.insertBefore(i,n)})(window,document,'script','https://analytics.webgains.io/clk.min.js','ITCLKQ'); ITCLKQ('set', 'internal.api', true); ITCLKQ('set', 'internal.cookie', true); ITCLKQ('click'); </script> <script src="https://www.dwin1.com/19038.js" type="text/javascript" defer="defer"></script> <script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { analytics_storage: 'granted', ad_storage: 'granted', ad_user_data: 'granted', ad_personalization: 'granted', wait_for_update: 500, // wait for an update signal to overwrite, if any. (for waiting CMP) region: [ 'AT', 'BE', 'BG', 'CY', 'CZ', 'DE', 'DK', 'EE', 'ES', 'FI', 'FR', 'GR', 'HR', 'HU', 'IE', 'IS', 'IT', 'LI', 'LT', 'LU', 'LV', 'MT', 'NL', 'NO', 'PL', 'PT', 'RO', 'SE', 'SI', 'SK' ], // apply default to specific regions only }) if (localStorage['gtag.consent.option'] !== undefined) { const option = JSON.parse(localStorage['gtag.consent.option']); gtag('consent', 'update', option); }(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P7VBK98');</script><meta name="facebook-domain-verification" content="2n1i8tzszmhzwyod7uqkb1a0edj1ut"/>     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-673963512"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-673963512'); </script>  <script type="text/javascript" src="/newxp/static2024/js/index/cookie.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/index/hw_tag.js?ver=202502241"></script>  <script> window.hwDataLayer = window.hwDataLayer || []; function hwtag() {hwDataLayer.push(arguments);} const site_code = "WEBEU"; const website_id = "8922XP000101R27"; hwtag('config', site_code, { 'website_code': site_code, 'website_id': website_id, 'account_id': '0', 'debug': "false",// test-env:true, pro-env:false 'brand_website': 'XPPen', 'website_type': 1, 'page_type': "promotion", 'pt': 'web', 'is_login': '0', 'business_channel': '独立站', 'pt_v': '', 'sr_reg': getCookie('sr_reg') ?? '', 'sr_ctrl': getCookie('sr_ctrl') ?? '', 'key_word': getCookie('key_word') ?? '', 'key_word_type': getCookie('key_word_type') ?? '', }); function updatePubAttr(data){ $.each(data,function(index_key,value){ if(index_key === 'key_word') { document.cookie = "key_word=" + value + ";path=/"; }else{ setCookie(index_key,value); } }); hwtag('config', site_code, data); } setCookie('page_type',"promotion"); setCookie('path',window.location.pathname); document.cookie = "title=" + document.title + ";path=/"; var currency='EUR'; </script> <script async src="https://t.xp-pen.com/hwtag.min.js?ver=202502241"></script>  </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7VBK98" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script> // Picture element HTML5 shiv document.createElement( "picture" ); </script> <script src="/newxp/static2024/ace/js/picturefill.min.js" async></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-TYY6QXQER1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TYY6QXQER1'); </script> <script src='/newxp/static2024/js/analyze/ga.js'></script > <link rel="preload" href="/newxp/static2024/css/reset.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/index/common.css?ver=202502241" as="style" /> <link rel="preload" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" as="style" />  <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/reset.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/index/common.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/geren/commonstyle.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/lang_cut/index.css?ver=202502241" /> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/revision.css?ver=202502241" /> <script type="text/javascript" src="/newxp/static2024/js/index/cart.js?ver=202502241"></script> <style> img[src=""],img:not([src]){ opacity:0; } #nav .logo_pc { display: block; } #nav .logo_mobile { display: none; } #navbar_header_height { padding-top: 0px; } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } #bulletin .icon .notice-icon { width: 16px; height: auto; } #bulletin .icon .bulletin-title { display: none; } } #bulletin { display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; position: fixed; z-index: 999999; width: 100%; top: 0; } #bulletin .icon { display: flex; align-items: center; margin-right: 15px; /*width: 100px;*/ } .pad_right { padding-right: 50px; } .pad_right .title { margin-right: 10px; } #scroll_div { overflow: hidden; white-space: nowrap; width: 1400px; } #scroll_begin, #scroll_end { display: inline; } #closure { display: inline-block; margin-left: 15px; cursor: pointer; } </style> <header class="navbar_header" id="navbar_header_height">  <style> #closure { color: white !important; margin-right: 10px; } .announcement-bar { width: 100%; background: #000000 !important; display: flex; align-items: center; } .announcement-bar-swiper { width: 800px; padding: 0px 60px; box-sizing: content-box; height: 38px; line-height: 38px; color: white !important; text-align: center; } .announcement-bar-swiper .swiper-slide { background-color: #000000 !important; } .announcement-bar-swiper .iconfont { font-size: 14px; margin-top: 2px; } .announcement-bar-swiper .swiper-button-prev, .announcement-bar-swiper .swiper-button-next { background-image: none !important; height: auto !important; display: flex; justify-content: center; } .announcement-bar-swiper .swiper-button-next.swiper-button-disabled, .announcement-bar-swiper .swiper-button-prev.swiper-button-disabled { opacity: 1; pointer-events: auto !important } @media screen and (max-width: 768px) { .bulletin_top_box { padding: 0 10px; } .announcement-bar-swiper { width: 100vw; box-sizing: border-box; padding: 0 45px; } #closure { margin-right: 10px; } .announcement-bar-swiper .swiper-slide { overflow: hidden; height: auto !important; } } @media screen and (max-width: 992px) { #nav .logo_pc { display: none; } #nav .logo_mobile { display: none; } .bulletin .icon .bulletin-title { display: none; } } .bulletin { display: flex; align-items: center; justify-content: center; background-color: #000000 !important; color: white; font-size: 12px; } .pad_right { padding-right: 10px; } .pad_right .title { margin-right: 10px; color: white !important; } .pad_right .content { color: white !important; } .scroll_div { width: 1400px; overflow: hidden; white-space: nowrap; text-align: center; } .scroll_begin, .scroll_end { display: inline; } </style> <script> $(function (){ $('.scroll_div').each(function () { var speed = 20; let MyMar = null; var scroll_begin = $(this).find('.scroll_begin')[0]; var scroll_end = $(this).find('.scroll_end')[0]; var scroll_div = $(this)[0]; var isMobile = $(window).width() <= 768; if (isMobile ? $(this).find('.pad_right')[0].innerText.length >= 50 : $(this).find('.pad_right')[0].innerText.length >= 100) { scroll_begin.innerHTML += scroll_begin.innerHTML; scroll_end.innerHTML = scroll_begin.innerHTML; function Marquee() { if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0) scroll_div.scrollLeft -= scroll_begin.offsetWidth; else scroll_div.scrollLeft++; } MyMar = setInterval(Marquee, speed); // scroll_div.onmouseover = function () { // clearInterval(MyMar); // } // scroll_div.onmouseout = function () { // MyMar = setInterval(Marquee, speed); // } } }) }) $('.announcement-bar-closure').click(function () { document.getElementById("navbar_header_height").setAttribute('style', 'padding-top:0px') $('.announcement-bar').each(function () { $(this).css('display', 'none') }) $('.xp_language').css('padding-top', 0) }) </script>  <div> </div> <div class="navbar_header-warpper"> <div class="store_nav_top" id="nav"> <div class="store_nav_top_box">  <div class="mobile_navtoggle" id="mobile_navtoggle"> <i class="iconfont icon-a-icon1x-22 navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" ></i> </div>  <div class="nav_logo"> <a href="/" aria-label="link"> <img src="https://xpstore.oss-us-west-1.aliyuncs.com/img/xppen/logomoblie.svg" class="img_mobile" width="32px" height="32px" border="0" alt="image"/> <img src="https://resource.xp-pen.com/Uploads/images/20241018/0Ch7YJXaM9FXFlIx22dx.png?ver=2018072503885" border="0" width="" height="" alt="image"/> </a> </div>    <div class="navbar-menu-waprrer"> <i class="icon-a-icon1x-33 iconfont left-icon"></i> <div class="navbar-menu"> <div class="navbar-sale-activity"> <img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image"> <a href="https://www.storexppen.eu/buy/magic-drawing-pad.html" aria-label="link">Magic Drawing Pad(Standalone)</a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.eu/series/pen-displays.html" class="navbar-menu-list-title" aria-label="link">Pen Displays<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.eu/buy/artist-pro-22-2nd.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/iOEJKKOzQs4YEdTLnY0O.jpg" alt="Artist Pro 22（Gen2）QHD"> </div> </div> <div class="title"> Artist Pro 22（Gen2）QHD </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/artist156prov2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/OgRoqgsTsa3id8psZMQs.jpg" alt="Artist 15.6 ProV2"> </div> </div> <div class="title"> Artist 15.6 ProV2 </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/artist-pro-24-2nd-4k.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241022/dTFxWrzgjjpePnRKtM1w.jpg" alt="Artist Pro 24 (Gen 2) 4K"> </div> </div> <div class="title"> Artist Pro 24 (Gen 2) 4K </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/artist-pro-24-2nd-165hz.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241022/YeH451o7XkTuCNOkml0v.jpg" alt="Artist Pro 24 (Gen 2) 165HZ"> </div> </div> <div class="title"> Artist Pro 24 (Gen 2) 165HZ </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/artist-pro-19-2nd.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240826/wXcHVWyvRD5qLEaE39Jj.jpg" alt="Artist Pro 19 (Gen 2)"> </div> </div> <div class="title"> Artist Pro 19 (Gen 2) </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.eu/series/pen-displays.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.eu/series/drawing-tablets.html" class="navbar-menu-list-title" aria-label="link">Drawing Tablets<i class="iconfont icon-a-icon1x-34"></i></a>  <div class="nml-category-mask" > <div class="nml-not-category"> <div class="nnc-container"> <div class="nnc-warpper"> <div class="nw-content">  <a class="nc-item" href='https://www.storexppen.eu/buy/deco01v3.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/tFMNH30ai09gztkdDMXF.jpg" alt="DECO 01 V3"> </div> </div> <div class="title"> DECO 01 V3 </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/deco-mini7v2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/2MiIaxHtrYPkDLFvku0r.jpg" alt="Deco mini7V2"> </div> </div> <div class="title"> Deco mini7V2 </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/deco-640.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240820/kIv8u5PpdVaXn5AAPhOU.jpg" alt="Deco 640"> </div> </div> <div class="title"> Deco 640 </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/deco-pro-gen2.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/eu/goods/20230816/ffff72f632ae4aae1b9a31550f1f16cc.jpg" alt="Deco Pro (Gen 2) with ACK05 shortcut remote"> </div> </div> <div class="title"> Deco Pro (Gen 2) with ACK05 shortcut remote </div> </a>  <a class="nc-item" href='https://www.storexppen.eu/buy/deco-lw.html' aria-label="link"> <div class="nc-img-warpper"> <div class="niw-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/eu/goods/20211230/ccdc9805481e0b87bb5760902255d9ef.jpg" alt="Deco LW Wireless"> </div> </div> <div class="title"> Deco LW Wireless </div> </a> </div> </div> <div class="view-more-row"><a href="https://www.storexppen.eu/series/drawing-tablets.html" aria-label="link">View More <i class="iconfont icon-a-icon1x-32"></i></a></div> </div> </div> </div> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.eu/topic/accessories.html" class="navbar-menu-list-title" target='_blank' aria-label="link"> Accessories </a> </div> <div class="navbar-menu-list"> <a href="https://www.storexppen.eu/" class="navbar-menu-list-title" target='_blank' aria-label="link">More </a>  <div class="nml-item-warpper"> <div class="nml-item"> <div class="nml-item-list"> <a href='https://www.storexppen.eu/topic/14.html' aria-label="link">FAQ</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.eu/quote/index' aria-label="link">Bulk Quote</a> </div> <div class="nml-item-list"> <a href='https://www.xp-pen.com/affiliate/programs.html' aria-label="link">XPPen Affiliate Program</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.eu/topic/3.html' aria-label="link">Online Teaching</a> </div> <div class="nml-item-list"> <a href='https://www.storexppen.eu/share' aria-label="link">Idea Sharing</a> </div> </div> </div> </div> </div> <i class="icon-a-icon1x-32 iconfont right-icon"></i> </div> <div class="navbar_right member">  <div class="menu-search"> <i class="iconfont icon-a-icon1x-30"></i> </div>  <div class="navmenu_hover navbar_right_cart nav_carts" id="nav_carts"> <a class="shownavcart" href="https://www.storexppen.eu/cart/index.html" aria-label="link"> <i class="iconfont icon-shopping-cart" id="cart_icon"> <span class="badge badge-primary icon_cart_num" style="display: inline-block;vertical-align: sub;">0</span> </i> </a> </div>  <div class="navmenu_hover navbar_right_account" id="nav_accounts"> <a aria-label="link" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=' class="login1" rel='nofollow'> <i class="iconfont icon-user"></i> </a> <ul class="navbar_account_menu login_content"> <span class="nav_bagview_caret right_account"></span> <li><a aria-label="link" id="login_url" href='https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=' class="login2" rel="nofollow">Sign in</a></li> <li><a aria-label="link" href='https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=' class="login3" rel="nofollow">Register</a></li> </ul> </div> </div>  <div class="" id="openUser" style='display: none'> <a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=" rel="nofollow" aria-label="login"> <i class="iconfont icon-account"></i> </a> </div> </div> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <div class="navbarToggleExternalContent-warpper">  <div class="moblie-menu"> <div class="moblie-menu-sale-activity"> <a href='https://www.storexppen.eu/buy/magic-drawing-pad.html' aria-label="link"><img src="https://resource.xp-pen.com/img/xppen/fire.png" width="32" height="32" alt="image">Magic Drawing Pad(Standalone)</a> </div> <div class="moblie-menu-item"> <div class="mei-title"> Pen Displays <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.eu/buy/artist-pro-22-2nd.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/iOEJKKOzQs4YEdTLnY0O.jpg" alt="Artist Pro 22（Gen2）QHD"> </div> <div class="title"> Artist Pro 22（Gen2）QHD </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/artist156prov2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/OgRoqgsTsa3id8psZMQs.jpg" alt="Artist 15.6 ProV2"> </div> <div class="title"> Artist 15.6 ProV2 </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/artist-pro-24-2nd-4k.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241022/dTFxWrzgjjpePnRKtM1w.jpg" alt="Artist Pro 24 (Gen 2) 4K"> </div> <div class="title"> Artist Pro 24 (Gen 2) 4K </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/artist-pro-24-2nd-165hz.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20241022/YeH451o7XkTuCNOkml0v.jpg" alt="Artist Pro 24 (Gen 2) 165HZ"> </div> <div class="title"> Artist Pro 24 (Gen 2) 165HZ </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/artist-pro-19-2nd.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240826/wXcHVWyvRD5qLEaE39Jj.jpg" alt="Artist Pro 19 (Gen 2)"> </div> <div class="title"> Artist Pro 19 (Gen 2) </div> </a> <a href="https://www.storexppen.eu/series/pen-displays.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> Drawing Tablets <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a class="mei-item" href='https://www.storexppen.eu/buy/deco01v3.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/tFMNH30ai09gztkdDMXF.jpg" alt="DECO 01 V3"> </div> <div class="title"> DECO 01 V3 </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/deco-mini7v2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20250103/2MiIaxHtrYPkDLFvku0r.jpg" alt="Deco mini7V2"> </div> <div class="title"> Deco mini7V2 </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/deco-640.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/goods/20240820/kIv8u5PpdVaXn5AAPhOU.jpg" alt="Deco 640"> </div> <div class="title"> Deco 640 </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/deco-pro-gen2.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/eu/goods/20230816/ffff72f632ae4aae1b9a31550f1f16cc.jpg" alt="Deco Pro (Gen 2) with ACK05 shortcut remote"> </div> <div class="title"> Deco Pro (Gen 2) with ACK05 shortcut remote </div> </a> <a class="mei-item" href='https://www.storexppen.eu/buy/deco-lw.html' aria-label="link"> <div class="mi-img-warpper"> <img data-src="https://resource.xp-pen.com/Uploads/eu/goods/20211230/ccdc9805481e0b87bb5760902255d9ef.jpg" alt="Deco LW Wireless"> </div> <div class="title"> Deco LW Wireless </div> </a> <a href="https://www.storexppen.eu/series/drawing-tablets.html" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <a class="mei-title" href='https://www.storexppen.eu/topic/accessories.html' aria-label="link"> Accessories </a>  <div class="mei-warpper-content"> <div class="mei-warpper"> <a href="" class="mw-view-more">View More</a> </div> </div> </div> <div class="moblie-menu-item"> <div class="mei-title"> More <i class="icon-a-icon1x-34 iconfont"></i> </div>  <div class="mei-warpper-content" >  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.eu/topic/14.html" aria-label="link"> FAQ </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.eu/quote/index" aria-label="link"> Bulk Quote </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.xp-pen.com/affiliate/programs.html" aria-label="link"> XPPen Affiliate Program </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.eu/topic/3.html" aria-label="link"> Online Teaching </a> </div>  <div class="mwc-item"> <a class="mwc-title" href="https://www.storexppen.eu/share" aria-label="link"> Idea Sharing </a> </div> </div> </div> <div class="foot_margin_end nm-toolbar"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 350px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Europe Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> </div> <div class="search-warpper"> <div class="nav_search" id="nav_searchs"> <form class="search_form_bar" action="https://www.storexppen.eu/search/index.html" method="get"> <div class="search_form_wrapper"> <div class="search_form_input"> <div class="input_box" style="flex: 1;"> <button type="button" class="search_btn" aria-label="search button"><i class="iconfont icon-search"></i></button> <input class="search_input" id="searchInput" name="search_word" type="search" placeholder="search" autocomplete="off" value=""> <i class="iconfont icon-a-icon1x-31 close-icon" ></i> </div> <button type="button" class="inp_search search_btn">search</button> </div> <div class="search_form_close"> <span class="close_text"> <i class="iconfont icon-close"></i> </span> </div> </div> <div class="history"> <div class="history_title"> <div>HISTORIC_RECORDS</div> <div>CLEAR_ALL</div> </div> <div class="history_btn"> </div> </div> <div class="search_bar_menu" id="searchMenu" aria-hidden="true"> <div class="searchMenu-warpper"> <div class="sw-result"> <p class="title">Recommendations</p> <ul class="search_bar_menu_linklist search-list-box"> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="70">Artist 15.6 Pro</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="71">StarG640</li> <li class="hot-search-tag" style="position: relative;"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="72">Deco 01V2</span> <span class="module_bag_hot_show">HOT</span> </li> <li class="search_input search_bar_menu_link " data-id="73">Artist 12</li> <li class="search_input search_bar_menu_link " data-id="74">Artist 13.3 Pro</li> <li class="search_input search_bar_menu_link " data-id="75">Artist</li> </ul> </div> <div class="sw-history"> <p class="history-title">HISTORIC_RECORDS</p> <ul class="search_bar_menu_linklist search_history"> </ul> </div> </div> </div> </form> </div> <script> var swiper = new Swiper(".mySwiper", { slidesPerView: 2, spaceBetween: 9, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <script> $(function () { $('#searchInput').bind('input propertychange', debounce(ajaxGetSearchResult,300,false)); function debounce (fn, delay, immediate) { var timer = null; immediate = immediate || false; return function() { var context = this; var args = arguments; timer && clearTimeout(timer); if (immediate) { var callbackNow = !timer; timer = setTimeout(() => { timer = null; }, delay); callbackNow && fn.apply(context, args); } else { timer = setTimeout(() => { fn.apply(context, args); }, delay); } } } function ajaxGetSearchResult(){ $.ajax({ url: _ROOT_+"search/ajaxGetSearchWord", type: "get", dataType: "json", data: { "keyword": $('#searchInput').val() }, success: function (data) { let searchData = data.data let source = '' if(searchData?.recommend_keyword){ for (let i = 0; i < searchData.goods_list.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData.goods_list[i].goods_name}" data-url="${searchData.goods_list[i].buy_url}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData.goods_list[i].goods_name}</a> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = $(this).attr('data-url'); }) }else{ for (let i = 0; i < searchData.length; i++) { source += `<li class="hot-search-tag vague-search-item" style="position: relative;" data-search="${searchData[i]}"> <span class="search_input search_bar_menu_link cus-label-upstep" data-id="1077">${searchData[i]}</span> </li>` } $('.search_bar_menu .search-list-box').html(source) $('.vague-search-item').click(function () { searchKeywordsHwTag($(this)); window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).attr('data-search'); }) } KeyWordExpHwTag(); return true; } }) } }) $('#searchInput').bind('keydown', function (event) { if (event.keyCode == "13") { if ($(this).val() != 'undefined') { let search_key = $(this).val(); updatePubAttr({ "key_word": search_key, "key_word_type": "direct_words", "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type": "direct_words", }); localStorage['SearchResults'] = JSON.stringify({ "key_word" : search_key, "key_word_type" : "direct_words", "result_number" : 0, }); store_search_history(search_key); } } }) $('.search_form_input .close-icon').click(function(){ $('#searchMenu').animate({height:"0"},300,function () { $(this).hide() $('.search-warpper').hide() $('#searchMenu').height('auto') $('.search_bar_menu').attr('aria-hidden', true); }) $('body').off('click'); }) function base64Encode(str) { return btoa(encodeURIComponent(str)); } function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); }; return null; } // if (window.location.pathname == '/search/index.html') { // console.log("nononononono") // $('#searchInput').val("") // } function searchKeywordsHwTag($this){ try { var key_word_type; var parentUl = $this.closest('ul'); if(parentUl.attr('class').includes('search_history')) { key_word_type = 'history_words'; }else{ key_word_type = 'related_words'; } let key_word = $this.text().trim(); updatePubAttr({ "key_word": key_word, "key_word_type" : key_word_type, "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'SearchKeywords', { "key_word": key_word, "key_word_type" : key_word_type, }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : $this.text().trim(), 'key_word_type' : 'related_words', 'result_number' :1 }); } catch (e) { console.log(e.message); } } function KeyWordExpHwTag(){ try { let eventParam = []; $("ul.search-list-box li").each(function () { eventParam.push({ "key_word": $(this).find('.search_input').text().trim().replace(/\n/g, '') , "key_word_type":"recommend_words" , "key_word_number": $(this).index()+1 , }); }); $(".search_input").each(function () { let key_word = $(this).find('.search_bar_menu_link').text().trim().replace(/\n/g, ''); if(key_word){ eventParam.push({ "key_word": key_word , "key_word_type":"history_words" , "key_word_number": $(this).index()+1 , }); } }); console.log(eventParam); updatePubAttr({ "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1' }); hwtag('event', 'KeyWordExp', eventParam); }catch (e){ console.log(e.message); } } </script> </div> </div>   </header> <div class="shop-drawer-warpper"> <div class="mask"> </div> <div class="shop-drawer"> <div class="drawer"> <div class="drawer-title"> <div class="dt"> Shopping Cart <span class="icon-colose iconfont"></span> </div> </div> <div class="drawer-container"> <div class="drawer-warpper"> </div> <div class="drawer-pay"> <div class="total"> <p> </p> <div class="price"> <p class="discount"></p> <p class="actual"></p> </div> </div> </div> </div> </div> </div> </div> <div class="" id="store_SiteSwitchMask"></div> <div id="store_SiteSwitch"> <div class="SS_el-dialog new_Year_star0"> <div class="SS_el-dialog_icon"><i class="iconfont icon-colose "></i></div> <div class="SS_el-dialog_tit"> Choose your country or region</div> <div class="SS_el-dialog_region">  </div> </div> </div> <script async src="/newxp/static2024/js/index/header.js?ver=202502241"></script> <script src="/newxp/static2024/js/index/lazy.js?ver=202502241"></script> <script src="/newxp/static2024/js/ziyon/jquery.raty.min.js?ver=202502241"></script> <script> var flat = true var announcementBarSwiper = new Swiper('.navbar_header1 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) var announcementBarSwiper2 = new Swiper('.navbar_header2 .swiper-container', { direction: 'vertical', loop: true, autoplay: { delay: 8000, disableOnInteraction: false, }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, observeParents: true, observer: true //修改swiper自己或子元素时，自动初始化swiper }) if (_LANG_ != 'jp') { // 评论置顶 $(window).on('scroll', function () { var windowscrollWidth = $(window).width(); if (windowscrollWidth > 768) { if ($(window).scrollTop() <= 136) { $('.navbar_header2').css('position', 'relative') $('.navbar_header2').css('display', 'none') flat = true $($('.shownavcart')[1]).parents('.navbar_right_cart').removeClass('open') } else if ($(window).scrollTop() > 136) { $('.navbar_header2').css('display', 'block') $('.navbar_header2').css('position', 'fixed') $('.navbar_header2').css('z-index', '999') $('.navbar_header2').css('top', '0') $('.navbar_header2').css('overflow', 'visible') flat = false $($('.shownavcart')[0]).parents('.navbar_right_cart').removeClass('open') }}});} </script> <script type="text/javascript" charset="utf-8"> $(function () { const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 768) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() $(document).on("click", ".SS_el-dialog_icon i", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch", function () { $("#store_SiteSwitchMask").fadeOut(300); $("#store_SiteSwitch").fadeOut(300); $('html').removeClass('sitebodyhidee'); }) $(document).on("click", "#store_SiteSwitch .SS_el-dialog", function (e) { e.stopPropagation();//阻止事件冒泡即可 }); $(document).on("click", ".jump2site", function (e) { var urls = $(this).attr('data-url'); urls = urls.split(','); newsetCookie('user_select', 1); newsetCookie('select_jump', urls[0]); window.parent.location = urls[0] + "?user_select=1"; }); $('.form-select').click(function () { if (this.value === 'change-site') { this.options[0].selected = true; selectSite(); } }); $(document).on("click", ".countryLanguageSelectOpen", function () { selectSite(); }); $(document).on("click", ".nation-select", function () { selectSite(); }); $(document).on("click", ".header-word-waprrer .hww-warpper .location-select", function () { selectSite(); }); $('.navbar_header-nation .nation-close').click(function () { $('.navbar_header-nation').hide() localStorage.setItem('ip_pop',1) }) if(localStorage.getItem('ip_pop')!=1){ $('.navbar_header-nation').css('display','flex') } function selectSite() { var index = layer.load(1); $.ajax({ type: "POST", url: 'https://www.storexppen.eu/index/selectsite.html', //+tab,"/index/selectSite" data: { action: "json" }, dataType: "json", success: function (data) { layer.close(index); var workHtml = ""; var workul = ""; $.each(data, function (index, value) { workHtml += '<div class="SS_el-dialog_country">' + '<div class="SS_el-dialog_cytit">' + value.fullname + '</div>' + '<ul class="SS_el-dialog_country_list" >' $.each(value.child, function (index1, value1) { workHtml += '<li class="SS_el-dialog_cylist"><span class="jump2site" data-url="' + value1.jump_url + '"><span> ' + value1.title + '</span><span></span>' + '</span></li>' }); workHtml += '</ul>' + '</div>'; }); $("#store_SiteSwitch .SS_el-dialog_region").html(workHtml); $("#store_SiteSwitchMask").show(); $("#store_SiteSwitch").fadeIn(300); $('html').addClass('sitebodyhidee'); } }); } var initSearshList = $('.search-list-box').html() let initsbmHeight = '' let searchMenu = document.getElementById('searchMenu'); $('.menu-search .iconfont').click(function () { if(localStorage.getItem('xppen/search_history')!=null){ if(JSON.parse(localStorage.getItem('xppen/search_history')).length==0){ $('#searchMenu .history-title').hide() initsbmHeight='' }else{ $('#searchMenu .history-title').show() } }else{ initsbmHeight='' $('#searchMenu .history-title').hide() } $('.navbar_header .search-warpper').show() $('.search_bar_menu').attr('aria-hidden', false); $('.search_bar_menu').show() if($('.search_bar_menu_linklist li').length<=5){ let sbmHeight = '300px'; }else{ let sbmHeight = $('.search_bar_menu').height(); } if(initsbmHeight==''){ if($('.search_bar_menu_linklist li').length<=5){ initsbmHeight = '300px'; }else{ initsbmHeight = $('.search_bar_menu').height(); } } $('#searchInput').val('') $('.search-list-box').html(initSearshList) $('.search_bar_menu').height('0px').animate({ height: initsbmHeight!=''?initsbmHeight:sbmHeight }, 300); setTimeout(function(){ $('body').click(function(e){ if(!JSON.parse($('.search_bar_menu').attr('aria-hidden'))){ if(!document.querySelectorAll('.navbar_header-warpper')[0].contains(e.target)){ $('.search_form_input .close-icon').click() } } }) },400) $('.search_bar_menu_link').click(function () { SearchKeywordsHwTag($(this)); var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) }) $('.search_bar_menu_link').click(function () { var search_key = $(this).html(); $('.search_input[name="search_word"]').val(search_key).focus(); var times = 1; var arr = document.cookie.match(new RegExp("(^| )" + 'search_key_' + search_key + "=([^;]*)(;|$)")); if (arr != null) { times = unescape(arr[2]) * 1 + 1; } document.cookie = "search_key_" + search_key + "=" + times + ";path=/"; store_search_history($(this).html()) window.location.href = _ROOT_ + 'Search/index?search_word=' + $(this).html() }) let url = window.location.href if (url.indexOf('?user_select=1') !== -1) { url = url.replace('?user_select=1', '') window.history.pushState({}, '', url) } function SearchKeywordsHwTag($this){ let search_key = $this.html() if($this.closest('ul').hasClass('search_history')){ updatePubAttr({ "key_word": search_key, "key_word_type" : 'history_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }) hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'history_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'history_words', 'result_number' :0 }); }else{ updatePubAttr({ "key_word": search_key, "key_word_type" : 'recommend_words', "sr_reg": (is_mobile_request()?'M-':'PC-')+'OBS-MktReg-2-1', "sr_ctrl": (is_mobile_request()?'M-':'PC-')+'CtrlReg-3_1', }); hwtag('event', 'SearchKeywords', { "key_word": search_key, "key_word_type" : 'recommend_words', }); localStorage['SearchResults'] = JSON.stringify({ 'key_word' : search_key, 'key_word_type' : 'recommend_words', 'result_number' :0 }); } } }); </script> <script> $(function () { renew_cart_list() $('#mobile_navtoggle .navbar-toggler').click(function(){ $('.navbarToggleExternalContent-warpper').find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) }) $('.navbar_header .nw-category-title').hover(function () { if (!$(this).parent().parent().hasClass('nw-category-item-active')) { $('.navbar_header .nw-category-item').each(function () { $(this).removeClass('nw-category-item-active') }) $(this).parent().parent().addClass('nw-category-item-active') } }) $('.navbar_header .navbar-menu .navbar-menu-list').hover(function () { $(this).find('img').each(function(){ !$(this).attr('src')?$(this).attr('src',$(this).attr('data-src')):'' }) $($(this).find('.nw-category-item')[0]).addClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(180deg)') $(this).find('.nml-category-mask').fadeIn() if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'320px'},350,function(){ $(this).find('.nnc-container').fadeIn(800) }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'600px'},350,function(){ $(this).find('.nml-warpper').fadeIn(800,function(){ $(this).css('display','flex') }) }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('left',$(this).offset().left -50) $(this).find('.nml-item-warpper .nml-item').css('display','flex') } }, function () { $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') if($(this).find('.nml-category-mask').find('.nml-not-category').length>0){ $(this).find('.nml-category-mask').find('.nml-not-category').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nnc-container').hide() $(this).parent().hide() }) } if($(this).find('.nml-category-mask').find('.nml-category ').length>0){ $(this).find('.nml-category-mask').find('.nml-category ').stop(true).animate({ height:'0'},350,function(){ $(this).find('.nml-warpper').css('display','none') $(this).parent().hide() }) } if($(this).find('.nml-item-warpper').length>0){ $(this).find('.nml-item-warpper .nml-item').css('display','none') } }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').hover(function () { }, function () { $(this).stop(true).animate({ height:'0'},350,function(){ $(this).parent().hide() }) }) $(window).scroll(function() { if($(window).width()>1024){ $('.navbar_header .navbar-menu .navbar-menu-list').find('.nw-category-item').removeClass('nw-category-item-active') $(this).find('.navbar-menu-list-title .iconfont').css('transform', 'rotate(0deg)') $(this).find('.nml-category-mask').hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-category').parent().hide() $('.navbar_header .navbar-menu .navbar-menu-list .nml-not-category').parent().hide() } }); let height = $('.navbar_header').height() $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) $('#collapsibleNavbar').on('show.bs.collapse', function () { $("body").css({"overflow":"hidden","height":`calc(${window.innerHeight}px - ${height}px)`}) $('#collapsibleNavbar .moblie-menu').css('height', `calc(100vh - ${height}px)`) }).on('hide.bs.collapse', function () { $("body").css({ "overflow": "auto", "height": "auto" }) }); $('.shop-drawer-warpper .mask').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.shop-drawer .icon-colose').click(function () { $('.shop-drawer-warpper .shop-drawer').animate({ right: `-${$('.shop-drawer-warpper .shop-drawer').width()}` }, function () { $('.shop-drawer-warpper').fadeOut() $("body").css({ "overflow": "auto", "height": "auto" }) }) }) $('.moblie-menu .mei-title').click(function (e) { $($(this).parent().find('.mei-warpper-content')[0]).toggle() }) $('.moblie-menu .mwc-title').click(function (e) { $(this).parent().find('.mei-warpper-content').toggle() }) $('.header-word-waprrer .toggle-word').click(function(){ $(this).parent().find('.hww-warpper').toggle() }) if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } } window.addEventListener('resize',function() { if($(window).width()>=1024){ if($('.navbar-menu-waprrer').width() <=$('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth){ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') // $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') } else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }else{ $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') } }); $('.navbar-menu-waprrer .left-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: '0' }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'hidden') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'visible') }) }) $('.navbar-menu-waprrer .right-icon').click(function(){ $('.navbar-menu-waprrer .navbar-menu').animate({ scrollLeft: $('.navbar-menu-waprrer .navbar-menu')[0].scrollWidth - $('.navbar-menu-waprrer .navbar-menu')[0].clientWidth }, 500,function(){ $('.navbar_header .navbar-menu-waprrer .left-icon').css('visibility', 'visible') $('.navbar_header .navbar-menu-waprrer .right-icon').css('visibility', 'hidden') }) }) var before_request = 1; function renew_cart_list() { let cartRoter = [_ROOT_ + 'cart/index.html', _ROOT_ + 'Cart/index', _ROOT_ + 'Cart/index.html', _ROOT_ + 'cart/index'] $.ajax({ type: "POST", url: _ROOT_ + "Cart/getCart",//+tab, data: { "selected": 0, "selectedPrice": 0, "cart_page": cartRoter.includes(_ROOT_.includes('https') ? 'https://' + window.location.host + window.location.pathname : window.location.pathname) ? 1 : 0 },// 你的formId success: function (data) { $(".drawer-container").html(''); $(".drawer-container").append(data); } }); } $(window).on('scroll', function () { $('.hww-warpper').hide() }) $('body').click(function(e) { if ($('.word-waprrer .hww-warpper').css('display') != 'none') { console.log(e.target) if(document.querySelectorAll('.word-waprrer').length>0){ if(!document.querySelectorAll('.word-waprrer')[0].contains(e.target)){ $('.word-waprrer .hww-warpper').hide() } } } if ($('.dollar-waprrer .hww-warpper').css('display') != 'none') { if(document.querySelectorAll('.dollar-waprrer').length>0){ if(!document.querySelectorAll('.dollar-waprrer')[0].contains(e.target)){ $('.dollar-waprrer .hww-warpper').hide() } } } }); }); </script> <script type="text/javascript" charset="utf-8"> var oss_host = 'https://resource.xp-pen.com'; var _OSS_STATIC_ = oss_host + '/newxp/static/'; var isSupportWebp; (function (doc, _this) { var image = new Image(); image.onload = function () { if (image.width === 1) { document.documentElement.classList.add('webp'); isSupportWebp = 1; } else { isSupportWebp = 0; } }; image.src = "data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="; })(document); function webpFormat(file) { if (isSupportWebp) { if (file.indexOf(oss_host) !== -1) { return file.replace(/\.[^.]+$/, '.webp'); } } return file; } </script> <style> .crumbs a:hover{ color: rgba(0,0,0,1); } </style> <script> var regStatus="0"; var token = "99f66730794355be67d1c6fb7aa933bd"; </script> <div class="padding_top">  <div class="goods-content" style="padding-bottom: 0;"> <style>*{margin: 0 ; padding: 0;} .goods-content {min-width: inherit;line-height: inherit;}.goods-content p {text-align: inherit;margin-bottom: initial;} .goods-content ul {margin: 0 ;} .goods-content ul li{margin:0;} #xpsns_line{max-width: 1920px;margin: 0 auto;word-break: normal;word-wrap:break-word;} #xpsns_line .xpsns_barnav{display: flex;justify-content: center;align-items: center;width: 100%;height: auto;background: #f5f5f5;} #xpsns_line .xpsns_barnav li{list-style: none;width:auto;text-align: center;padding: 0 15px;cursor: pointer;font-size: 18px;font-weight: 400;color: rgba(0,0,0,1);line-height: 3;} #xpsns_line .xpline_teach{width: 100%;height: auto;} #xpsns_line .xpline_chose{color: #3BB7F5!important;} #xpsns_line .xpteach_none{display: none;} #xpsns_line .xpteach_block{display: block;} #xpsns_line .xpline_button{width: 100%;height: auto;text-align: center;} #xpsns_line .xpline_button span{background: #3bb7f5;font-size: 16px;font-weight: 400;line-height: 1.3;padding: 15px 60px;display: inline-block;margin-bottom:60px;} #xpsns_line .xpline_button span a{color: #fff;text-decoration: none;} /* Overview */ #Overview{width: 100%;} #Overview .online {max-width: 1920px;margin: 0 auto;position: relative;text-align: center;} #Overview .online img {width: 100%;height: auto;} #Overview .online .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 48px;font-weight: bold;color: white;line-height: 66px;text-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);width: 1200px;} #Overview .online .text p {width: 90%;margin: 0 auto} #Overview .online .text .btn_consult {display: inline-block;background: #3b6fad;font-size: 16px;font-weight: 400;color: white;line-height: 2;padding: 8px 24px;} section {max-width: 1920px;overflow: hidden;margin: 0 auto;} #Overview .order_text {max-width: 1200px;overflow: hidden;margin: 120px auto;} #Overview .order_text img {width: 50%;float: left;padding-right: 50px;box-sizing: border-box;} #Overview .order_text .tech_text {width: 50%;float: left;font-size: 18px;font-weight: 400;color: black;line-height: 30px;margin-top: 60px;} #Overview .order_text .tech_text .p {margin-top: 30px;} #Overview .show_content {max-width: 1200px;margin: 0 auto 100px;} #Overview .show_content .title {font-size: 36px;font-weight: bold;color: black;line-height: 1.2;margin: 120px auto 60px;text-align: center;max-width: 1000px} #Overview .show_content .show_text {max-width: 1200px;overflow: hidden;margin-bottom: 20px;height: auto;background: #fff;} #Overview .show_content .show_text .online_text {width: 50%;height: 100%;float: left;padding: 50px 40px 20px 40px;box-sizing: border-box;} #Overview .show_content .show_text .online_text .title1 {font-size: 24px;font-weight: bold;color: black;line-height: 30px;} #Overview .show_content .show_text .online_text .span {display: inline-block;width: 60px;height: 3px;background: #0a4b99;opacity: 0.8;margin: 30px 0;} #Overview .show_content .show_text .online_text p {font-size: 18px;font-weight: 400;color: black;line-height: 1.8;} #Overview .show_content .show_text .online_img {width: 50%;height: auto;float: left;} #Overview .tech_two {max-width: 1200px;height: auto;margin: 0 auto;padding: 60px 0;text-align: center;} #Overview .tech_two .title {font-size: 36px;font-weight: bold;color: black;line-height: 1.4;margin-bottom: 20px;} #Overview .tech_two .icon_main {width: 100%;font-size: 0;} #Overview .tech_two .icon_main .icon_tech {width: 24%;display: inline-block;text-align: center;vertical-align: top;font-size: 16px;font-weight: 400;color: #333333;margin: 60px 0.5% 0;} #Overview .tech_two .icon_main .icon_tech .icon_title {font-size: 18px;font-weight: bold;color: black;margin-top: 30px;} #Overview .tech_two .icon_main .icon_tech .icon_text {line-height: 2;margin-top: 10px;} #Overview .tech_two .icon_main .icon_tech .icon_text span {color: #003890;font-size: 18px;font-weight: bold;} @media all and (max-width: 1240px) { #Overview .online .text {width: 100%;font-size: 40px;} #Overview .show_content {padding: 0 20px;} #Overview .tech_two .icon_main .icon_tech img {width: 100%;} #Overview .order_text {padding: 0 20px;} } @media all and (max-width: 1024px) { #Overview .online .text {font-size: 36px;} #Overview .order_text .tech_text {margin-top: 40px;} #Overview .show_content .show_text .online_text .title1 {font-size: 20px;} #Overview .show_content .show_text .online_text p {font-size: 16px;} #Overview .show_content .title {font-size: 24px;} #Overview .tech_two .title {font-size: 24px;} } @media all and (max-width: 921px) { #Overview .online .text {font-size: 26px;} #Overview .order_text .tech_text {margin-top: 20px;} #Overview .show_content .show_text .online_text .title1 {font-size: 18px;} #Overview .show_content .show_text .online_text p {font-size: 12px;} } @media all and (max-width: 767px) { #Overview .tech_two { padding: 50px 0;} #Overview .online .text {font-size: 20px;line-height:40px;} #Overview .online .text .btn_consult {font-size: 14px;} #Overview .show_content .show_text {max-width: 600px;margin: 0 auto 20px;} #Overview .show_content .show_text .online_text {float: right;width: 100%;} #Overview .show_content .show_text .online_img {width: 100%;} #Overview .tech_two .icon_main .icon_tech {width: 47%;} #Overview .order_text img {width: 100%;padding-right: 0;} #Overview .order_text .tech_text {width: 100%;} #Overview .order_text {max-width: 600px;margin: 30px auto;} #Overview .show_content .title {font-size: 18px;margin: 40px auto 20px;} #Overview .tech_two .title {font-size: 18px;margin: 40px auto 20px;} #Overview .tech_two {padding-top: 0;} } @media all and (max-width: 520px) { #Overview .online .text {font-size: 16px;line-height:32px;} #Overview .online .text .btn_consult {font-size: 12px;} #Overview .tech_two .icon_main .icon_tech {width: 90%;margin: 20px auto;} #Overview .show_content .title {font-size: 16px;} #Overview .tech_two .title {font-size: 16px;} #Overview .tech_two .icon_main .icon_tech .icon_title {margin: 15px auto 0;} } /* Overview end */ /* Tutorial */ #Tutorial .tech_banner {max-width: 1920px;margin: 0 auto;} #Tutorial .tech_banner img {width: 100%;height: auto;} #Tutorial section {max-width: 1920px;margin: 0 auto;line-height: 1.5; font-family: Avenir, 'Arial MT Black', Arial, '微软雅黑', "5FAE8F6F96C59ED1", "Microsoft Yahei", "simsun", "5B8B4F53", "宋体", "65B05B8B4F53", "新宋体"; } #Tutorial .tech_one {max-width: 1100px;height: auto;overflow: hidden;margin: 100px auto 120px;} #Tutorial .tech_one .title {max-width: 550px;font-size: 36px;font-weight: bold;color: black;line-height: 56px;float: left;} #Tutorial .tech_one .text {max-width: 550px;font-size: 18px;font-weight: 400;color: #333333;line-height: 30px;float: left;padding-left: 100px;box-sizing: border-box;} #Tutorial .tech_one .text p {color: #003890;margin-top: 30px;} #Tutorial .tech_one .info_1 {width: 550px;margin-top: 90px;} #Tutorial .tech_one .info_2 {max-width: 500px;margin-left: -50px;margin-top: 80px;} #Tutorial .tech_two {max-width: 1200px;height: auto;margin: 0 auto;padding: 60px 0;text-align: center;} #Tutorial .tech_two .title {font-size: 36px;font-weight: bold;color: black;} #Tutorial .tech_two .text {font-size: 18px;font-weight: 400;color: #333333;margin-top: 30px;} #Tutorial .tech_two .txt {font-size: 18px;font-weight: bold;color: black;margin-top: 60px;} #Tutorial .tech_two .icon_main {width: 100%;font-size: 0;} #Tutorial .tech_two .icon_main .icon_tech {width: 24%;display: inline-block;text-align: center;vertical-align: top;font-size: 16px;font-weight: 400;color: #333333;margin-top: 60px;} #Tutorial .tech_two .icon_main .icon_tech .icon_title {font-size: 18px;font-weight: bold;color: black;margin-top: 30px;} #Tutorial .tech_two .icon_main .icon_tech .icon_text {line-height: 2;margin-top: 10px;} #Tutorial .tech_two .icon_main .icon_tech .icon_text a {color: #003890;font-size: 16px;font-weight: bold;} #Tutorial .tech_three {width: 100%;height: auto;overflow: hidden;margin: 120px auto;text-align: center;} #Tutorial .tech_three .title {font-size: 36px;font-weight: bold;color: black;line-height: 48px;} #Tutorial .tech_three .text {font-size: 24px;font-weight: bold;color: #003890;margin-top: 15px;} #Tutorial .tech_three .main_tech {max-width: 1200px;height: auto;margin: 50px auto 0;font-size: 0;text-align: left;} #Tutorial .tech_three .main_tech .main_tech_list {max-width: 260px;text-align: center;margin-right: 50px;display: inline-block;vertical-align: top;margin-bottom: 40px;} #Tutorial .tech_three .main_tech .main_tech_list img {width: 100%;cursor: pointer} #Tutorial .tech_three .main_tech .main_tech_list p {font-size: 16px;font-weight: 400;color: #333333;line-height: 24px;text-align: left;margin-top: 20px;} #Tutorial .tech_three .main_tech .main_tech_list:nth-child(4n) {margin-right: 0;} #Tutorial .tech_three .main_tech .main_tech_video {width: 100%;height: auto;} #Tutorial .tech_three .main_tech .main_tech_video .video {width: calc((100% - 50px) / 2);position: relative;} #Tutorial .tech_three .main_tech .main_tech_video .video img {width: 100%;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt {position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 16px 30px 30px;text-align: left;box-sizing: border-box;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt .title {font-size: 36px;font-weight: bold;color: white;line-height: 48px;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt a {display: inline-block;margin-top: 20px;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt .video_btn {padding: 10px 16px;border: 2px solid white;cursor: pointer;display: inline-block;font-size: 16px;color: #fff;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt .video_btn:hover {background: #fff;color: #003890;} #Tutorial .tech_three .main_tech .main_tech_video .video_1 {float: left;} #Tutorial .tech_three .main_tech .main_tech_video .video_2 {float: right;} #Tutorial .fd_img_box {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);} #Tutorial .fd_img {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 900px;} #Tutorial .fd_img img {width: 100%;} #Tutorial .fd_img_close {position: absolute;top: -20px;right: -20px;width: 40px;height: 40px; background: #fff;font-size: 32px;line-height: 40px;color: #000;text-align: center;border-radius: 50%;cursor: pointer;} #xpsns_line .tech_two .tech_two_text1 {width: 100%;height: auto;margin-top: 40px;box-sizing: border-box;padding-left: 50px;} #xpsns_line .tech_two .tech_two_textp2 {font-size: 18px;font-weight: 400;color: #333;margin-bottom: 20px;text-align: left;line-height: 1.4;word-break: normal;word-wrap: break-word;} @media all and (max-width: 1200px) { #Tutorial section {padding: 0 16px;} #Tutorial .tech_one .title {width: 50%;} #Tutorial .tech_one .text {width: 50%;} #Tutorial .tech_three .main_tech .main_tech_list {width: 22%;margin-right: 4%;} } @media all and (max-width: 1080px) { #Tutorial .tech_two .icon_main .icon_tech {padding: 0 16px;box-sizing: border-box;} #Tutorial .tech_two .icon_main .icon_tech img {width: 100%;} #Tutorial .tech_one .info_1 {width: 100%;} #Tutorial .tech_one .info_2 {width: 100%;} #Tutorial .fd_img {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;} } @media all and (max-width: 767px) { #Tutorial .tech_two .icon_main .icon_tech {width:47%;margin-top: 30px;} #Tutorial .tech_two { padding: 50px 0;} #xpsns_line .tech_two .tech_two_text1 {padding-left: 0px;} #Tutorial .tech_one {margin: 40px auto;} #Tutorial .tech_one .title {width: 100%;max-width: none;text-align: center;} #Tutorial .tech_one .text {width: 100%;max-width: none;text-align: center;padding-left: 0;} #Tutorial .tech_one .info_1 {margin-top: 20px;} #Tutorial .tech_one .info_2 {margin: 30px auto 0;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt .title {font-size: 18px;line-height: 1.5;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt {padding: 0 16px 10px;} } @media all and (max-width: 580px) { #Tutorial .tech_one .title {font-size: 20px;line-height: 1.5;} #xpsns_line .tech_two .tech_two_textp2 {font-size: 16px;} #Tutorial .tech_one .text {font-size: 18px;line-height: 1.5;} #Tutorial .tech_one .text p {font-size: 16px;line-height: 1.5;} #Tutorial .tech_two {padding: 40px 0;} #Tutorial .tech_two .title {font-size: 20px;line-height: 1.5;} #Tutorial .tech_two .text {font-size: 16px;line-height: 1.5;margin-top: 20px;} #Tutorial .tech_two .txt {font-size: 16px;line-height: 1.5;margin-top: 20px;} #Tutorial .tech_two .icon_main .icon_tech {width: 90%;margin-top: 20px;} #Tutorial .tech_three {margin: 40px auto;} #Tutorial .tech_three .title {font-size: 20px;line-height: 1.5;} #Tutorial .tech_three .text {font-size: 16px;line-height: 1.5;margin-top: 20px;} #Tutorial .tech_three .main_tech .main_tech_list {width: 48%;} #Tutorial .tech_three .main_tech .main_tech_list:nth-child(2n) {margin-right: 0;} #Tutorial .tech_three .main_tech .main_tech_video .video {width: 100%;margin-bottom: 20px;} #Tutorial .tech_three .main_tech .main_tech_video .video .video_txt {padding: 0 16px 30px;} } /* Tutorial end */</style><div class="xpsns_line" id="xpsns_line"><ul class="xpsns_barnav"><li class="xpline_chose">Overview</li><li>Tutorial</li></ul><div class="xpline_teach"><div class="xpteach_none xpteach_block"><div id="Overview"><div class="online"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/banner.jpg" alt="image"/><div class="text"><p class="">START YOUR DISTANCE LEARNING PROGRAM WITH THE XP-Pen GRAPHICS TABLET OR DISPLAY.</p><a aria-label="link" href="https://www.storexppen.eu/quote/index"><span class="btn_consult" style="background:#3bb7f5">GET INFO</span></a></div></div><section><div class="order_text"><img class="tech_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con1-pic.jpg" alt="image"/><div class="tech_text"><p>Many schools across the world are being closed to curb the spread of coronavirus. Most students will be asked to shift to online learning, but parents and teachers are beginning to worry about how to guarantee an intuitive and effective e-learning experience.</p><p class="p">This is where the XP-Pen graphics tablet or display comes in. It’s an efficient but affordable teaching tool that integrates the best features of traditional and new teaching media. It helps create a progressive, interactive lecture, just like a traditional blackboard only more versatile. Our tablet allows users to hand-draw images, graphics, and diagrams to create information-rich content for an interactive learning atmosphere, even in a virtual learning environment.</p></div></div></section><section style="background: #f5f5f5"><div class="show_content"><div class="title">Here’s how the XP-Pen tablet or display helps you enhance the e-learning.</div><div class="show_text"><div class="online_text"><div class="title1">Enter an interactive online class anytime, anywhere.</div><div class="span"></div><p>Take home an XP-Pen graphics tablet or display and start your distance learning program. As long as you have a connected tablet and the right e-learning applications, such as Zoom, Udemy, Ding Talk, WizIQ, XSplit, Twitch, Idroo, and Scribbiar, you can enter an interactive online class anytime, anywhere.</p></div><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic1.jpg" alt="image"/></div><div class="show_text"><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic2.jpg" alt="image"/><div class="online_text"><div class="title1">Ideal for your distance learning program.</div><div class="span"></div><p>Simultaneous digital inking with an XP-Pen graphics tablet, compatible with Microsoft Office apps like Word, PowerPoint, and OneNote. Present your handwritten content precisely – ideal for your e-learning or distance learning program.</p></div></div><div class="show_text"><div class="online_text"><div class="title1">Engage, inspire, and immerse students like never before.</div><div class="span"></div><p>Teachers can create and explain interactive content visually by writing, editing, and annotating directly in files and sharing their screen in real-time. With this flexibility, the flow of the problem-solving process is presented intuitively and efficiently.</p></div><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic3.jpg" alt="image"/></div><div class="show_text"><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic4.jpg" alt="image"/><div class="online_text"><div class="title1">Hold your online courses visually and effectively.</div><div class="span"></div><p>While streaming or broadcasting, teachers can use a stylus and a tablet to mark assignments or presentations, annotate images or files, and draw diagrams and complicated functional equations with ease and on the fly. Through this instant visual communication, they can respond to student reactions to boost students’ comprehension and retention.</p></div></div><div class="show_text"><div class="online_text"><div class="title1">Long teaching sessions made easier.</div><div class="span"></div><p>The XP-Pen battery-free stylus helps ease the wrist pain and stiffness that come with using a traditional mouse during long teaching sessions. No batteries or charging are ever required, and it also comes with all the functionality of a standard mouse and more!</p></div><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic5.jpg" alt="image"/></div><div class="show_text"><img class="online_img lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/con2-pic6.jpg" alt="image"/><div class="online_text"><div class="title1">Explore your further career development.</div><div class="span"></div><p>If you are a teacher pursuing further career development and personal fulfillment, you probably want to broadcast your courses to your streaming or online learning platforms such as YouTube, Facebook, Bloc, Twitch, Udemy, Khan Academy, and Codecademy. Harness the power of the XP-Pen tablet or display to make your courses unique, intuitive, and attractive.</p></div></div></div></section><section><div class="tech_two tech_four"><div class="title">XP-Pen Products Recommended</div><div class="icon_main"><a aria-label="link" href="https://www.storexppen.eu/buy/7.html" target="_blank"><div class="icon_tech icon_tech1"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_G640.png" alt="image"/><div><p class="icon_title" style="color: #003890"> Star G640</p><p class="icon_text"> 6 x 4 inch working area</p></div></div></a><a aria-label="link" href="https://www.storexppen.eu/buy/51.html" target="_blank"><div class="icon_tech "><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_starG960.png" alt="image"/><div><p class="icon_title" style="color: #003890"> Star G960</p><p class="icon_text">Start broadcasting or conferencing easily on a bigger and smarter tablet</p></div></div></a><a aria-label="link" href="https://www.storexppen.eu/buy/1.html" target="_blank"><div class="icon_tech "><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_deco01v2.png" alt="image"/><div><p class="icon_title" style="color: #003890">Deco 01 V2</p><p class="icon_text">10 x 6.25 inch working area</p></div></div></a><a aria-label="link" href="https://www.storexppen.eu/buy/12.html" target="_blank"><div class="icon_tech "><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_a12pro.png" alt="image"/><div><p class="icon_title" style="color: #003890">Artist 12 Pro</p><p class="icon_text">11.6 inch fully-laminated FHD display</p></div></div></a></div><div class="tech_two_text1"><p class="tech_two_textp2">Take the Must have - Tablet Star G640/Star G960/Deco 01 V2/Artist 12 Pro home and start broadcasting for distance learning or web conferencing.</p><p class="tech_two_textp2">Start broadcasting for distance learning with XSplit and more broadcasting software on the XP-Pen Star G640/Star G960/Deco 01 V2/Artist 12 Pro. Use the tablet/display to edit, write and add complicated functional equations to your stream to improve the efficiency of distance learning.</p><p class="tech_two_textp2">Ready to host an online meeting with Zoom and more web conferencing software on the XP-Pen Star G640/Star G960/Deco 01 V2/Artist 12 Pro. Record minutes or jot down your ideas and inspirations quickly and easily with the tablet/display to host your web conference more efficiently and intuitively.</p></div></div></section></div></div><div class="xpteach_none"><div id="Tutorial" style="word-break: normal;word-wrap:break-word;"><div class="tech_banner"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/banner.jpg" alt="image"/></div><section><div class="tech_one"><div class="title">Ready to start web conferencing or broadcasting for distance learning?<img class="info info_1 lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/info-1.jpg" alt="image"/></div><div class="text">Once you have your broadcasting gear on lock, you’ll need a tablet or display handy to edit, write and add complicated functional equations to your stream. Time to host an online meeting? When getting yourself ready, you may need a tablet or display handy to record minutes or jot down your ideas and inspirations quickly and easily. That’s where the XP-PEN graphic tablet comes in.<p>Here’s how simple, easy-to-use tutorials can help you enhance your Twitch or Youtube stream with XSplit and help you conduct a productive meeting with Zoom on an XP-PEN graphic tablet.</p><img class="info info_2 lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/info-2.jpg" alt="image"/></div></div></section><section style="background: #f5f5f5"><div class="tech_two"><div class="title">Get your XP-Pen tablet and broadcasting software ready</div><p class="txt">Follow the three steps below to set up your XP-Pen graphic tablet and broadcasting software</p><div class="icon_main"><div class="icon_tech icon1"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/step-1.png" alt="image"/><div><p class="icon_title">Step 1</p><p class="icon_text">Connect the cables</p></div></div><div class="icon_tech icon2"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/step-2.png" alt="image"/><div><p class="icon_title">Step 2</p><p class="icon_text">Download and install the driver<br/><a aria-label="link" href="https://www.xp-pen.com/download/file/id/1622/ext/zip.html" target="_blank">Mac</a> | <a aria-label="link" href="https://www.xp-pen.com/download/file/id/1571/ext/zip.html" target="_blank">Windows</a></p></div></div><div class="icon_tech icon3"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/step-3.png" alt="image"/><div><p class="icon_title">Step 3</p><p class="icon_text">Follow instructions to set up your tablet and your broadcasting or conferencing app</p></div></div></div></div></section><section><div class="tech_three"><div class="title">Start broadcasting on Twitch or Youtube with XSplit.</div><div class="text">How to start broadcasting for distance learning with XSplit:</div><div class="main_tech"><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-2.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-2.jpg" alt="image"/><p class="main_tech_txt">Ⅰ.Open XSplit and select “Add Source>Screen capture>Window Capture>Target file”.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-1.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-1.jpg" alt="image"/><p class="main_tech_txt">Ⅱ.Add the files you want to present as sources.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-3.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-3.jpg" alt="image"/><p class="main_tech_txt">Ⅲ.After adding the source, you will see the Microsoft Office file appear on XSplit.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-4.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-4.jpg" alt="image"/><p class="main_tech_txt">IV-I.Select the “Pen” tool on Microsoft Office Word.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-5.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-5.jpg" alt="image"/><p class="main_tech_txt">IV-II.Or Select the “Pen” tool on PowerPoint.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-6.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-6.jpg" alt="image"/><p class="main_tech_txt">IV-III. Or select the “Draw” tool on OneNote.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/XSplit-fd-8.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-8.jpg" alt="image"/><p class="main_tech_txt">V. Write down complicated functional equations hassle-free.</p></div><div class="main_tech_video"><div class="video video_1"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-video1.jpg" alt="image"/><div class="video_txt"><p class="title">Get more tips for<br/>setting up your XSplit here!</p><a aria-label="link" href="https://www.youtube.com/watch?v=0ESjVuTW0kw" target="_blank"><p class="video_btn">VIEW MORE</p></a></div></div><div class="video video_2"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/XSplit-video2.jpg" alt="image"/><div class="video_txt"><p class="title">Get more tips for<br/>setting up your XSplit here!</p><a aria-label="link" href="https://www.youtube.com/watch?v=V8jZjcyRJwM&list=PLEjelYgdC6Wzm9m_MY5qAHyTwFBsjjCZA&index=2" target="_blank"><p class="video_btn">VIEW MORE</p></a></div></div></div></div></div></section><section><div class="tech_three"><div class="title">Ready to host an online meeting with Zoom<br/>web conferencing software?</div><div class="text">How to host an online meeting with Zoom:<br/>Open the files you want to present and share.</div><div class="main_tech"><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-1.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-1.jpg" alt="image"/><p class="main_tech_txt">Ⅰ.Open Zoom and start a new meeting.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-2.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-2.jpg" alt="image"/><p class="main_tech_txt">Ⅱ.Enter “Share Screen.”</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-3.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-3.jpg" alt="image"/><p class="main_tech_txt">Ⅲ.Click ”Whiteboard” to share.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-4.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-4.jpg" alt="image"/><p class="main_tech_txt">Ⅳ.Select the “Draw” tool to jot down your ideas quickly.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-5.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-5.jpg" alt="image"/><p class="main_tech_txt">Ⅴ.Click “New share” to see the Microsoft Office files you opened earlier, select any file to share.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-7.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-7.jpg" alt="image"/><p class="main_tech_txt">VI-I. On Microsoft Office PowerPoint, select the “Draw” tool to write down or edit the minutes of your meetings.</p></div><div class="main_tech_list" data_obj="/static/images/images_tech/zoom-fd-8.jpg"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-8.jpg" alt="image"/><p class="main_tech_txt">VI-II. Or simply sign a PDF document.</p></div><div class="main_tech_video"><div class="video video_1"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-video1.jpg" alt="image"/><div class="video_txt"><p class="title">Get more tips for<br/>setting up your Zoom here!</p><a aria-label="link" href="https://www.youtube.com/watch?v=82bGZse7ysM" target="_blank"><p class="video_btn">VIEW MORE</p></a></div></div><div class="video video_2"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_tech/zoom-video2.jpg" alt="image"/><div class="video_txt"><p class="title">Get more tips for<br/>setting up your Zoom here!</p><a aria-label="link" href="https://www.youtube.com/watch?v=l8UwTwjpE6E" target="_blank"><p class="video_btn">VIEW MORE</p></a></div></div></div></div></div></section><section><div class="tech_two"><div class="title">Broadcasting for distance learning or web conferencing with a tablet or display</div><div class="text">Whether you’re new to broadcasting or already have thousands of viewers,<br/> XP-PEN tablets and displays can help you to set up your streams and improve the efficiency of distance learning.<br/> It also offers a more efficient and intuitive way to host your web conference.<br/></div><p class="txt">XP-Pen Products Recommended</p><div class="icon_main"><a aria-label="link" href="https://www.storexppen.eu/buy/7.html" target="_blank"><div class="icon_tech icon3"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_G640.png" alt="image"/><div><p class="icon_title" style="color: #003890"> Star G640</p><p class="icon_text"> 6 x 4 inch working area</p></div></div></a><a aria-label="link" href="https://www.storexppen.eu/buy/51.html" target="_blank"><div class="icon_tech icon3"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_starG960.png" alt="image"/><div><p class="icon_title" style="color: #003890"> Star G960</p><p class="icon_text">Start broadcasting or conferencing easily on a bigger and smarter tablet</p></div></div></a>                            <a aria-label="link" href="https://www.storexppen.eu/buy/1.html" target="_blank"><div class="icon_tech icon1"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_deco01v2.png" alt="image"/><div><p class="icon_title" style="color: #003890">Deco 01 V2</p><p class="icon_text">10 x 6.25 inch working area</p></div></div></a><a aria-label="link" href="https://www.storexppen.eu/buy/12.html" target="_blank"><div class="icon_tech icon2"><img class="lazy-2nd" data-lazysrc="https://resource.xp-pen.com/static/images/images_online/us_a12pro.png" alt="image"/><div><p class="icon_title" style="color: #003890">Artist 12 Pro</p><p class="icon_text">11.6 inch fully-laminated FHD display</p></div></div></a></div><div class="tech_two_text1"><p class="tech_two_textp2">Take the Must have - Tablet Star G640/Star G960/Deco 01 V2/Artist 12 Pro home and start broadcasting for distance learning or web conferencing.</p><p class="tech_two_textp2">Start broadcasting for distance learning with XSplit and more broadcasting software on the XP-Pen Star G640/Star G960/Deco 01 V2/Artist 12 Pro. Use the tablet/display to edit, write and add complicated functional equations to your stream to improve the efficiency of distance learning.</p><p class="tech_two_textp2">Ready to host an online meeting with Zoom and more web conferencing software on the XP-Pen Star G640/Star G960/Deco 01 V2/Artist 12 Pro. Record minutes or jot down your ideas and inspirations quickly and easily with the tablet/display to host your web conference more efficiently and intuitively.</p></div></div></section><div class="fd_img_box"><div class="fd_img"><img class="fdimg lazy-2nd" src alt="image"/><p class="fd_img_close">×</p></div></div></div><script> $(function() { $('.main_tech_list').click(function() { var i = $(this).attr("data_obj"); $('.fdimg').attr('src', i); $('.fd_img_box').show() }); $('.fd_img_box').click(function() { $('.fdimg').attr('src', ''); $('.fd_img_box').hide(); }); })</script></div></div><div class="xpline_button"><span class=""><a aria-label="link" href="https://www.storexppen.eu/quote/index">Bulk Quote</a></span></div></div><script type="text/javascript"> $(function(){ $(".xpsns_barnav li").click(function () { $(this).addClass("xpline_chose").siblings().removeClass("xpline_chose"); var index = $(".xpsns_barnav li").index(this); $(".xpteach_none").eq(index).addClass("xpteach_block").siblings().removeClass('xpteach_block'); }) })</script> </div>  </div> <script src="/newxp/static2024/images/activ_list/public/js/lazy-2nd.js?ver=202502241"></script> <script > $(function(){ $("body").on('click','.ga-select-promotion',function(e){ if($(this).hasClass('ga-select-promotion')){ e.preventDefault(); let promotion_id = "3"; let promotion_name = "Help online teaching"; // let goods_id = $(this).attr('data-goods-sku'); let goods_name = $(this).attr('data-goods-name'); let list_name = $(this).attr('data-list-name'); ga_event = { "promotion_id":promotion_id, "promotion_name":promotion_name, "item_name":goods_name, "quantity":1, "item_list_name":list_name } add_google_gtag_event('select_promotion',ga_event); $(this).removeClass('ga-select-promotion') e.currentTarget.click(); } }) }) </script> <link rel="stylesheet" type="text/css" href="/newxp/static2024/css/bootstrap/Trun_1.css" />  <section id="store_services" > <div class="services"> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> <div class="services_sort"> <i class="iconfont icon-transportation"></i> <div class="services_sort_txt"> <p class="services_sort_title">Free Shipping</p> <p class="services_sort_p">We offer free shipping except Norway, Monaco, Malta, Iceland, Cyprus,Serbia</p> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> <div class="services_sort"> <i class="iconfont icon-warranty"></i> <div class="services_sort_txt"> <p class="services_sort_title">Secure payments</p> <p class="services_sort_p">Your payment information is processed securely</p> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> <div class="services_sort"> <i class="iconfont icon-review"></i> <div class="services_sort_txt"> <p class="services_sort_title">Contact</p> <p class="services_sort_p">Monday to Friday 10:30am - 6:30pm( PST)</p> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12"> <div class="services_sort"> <i class="iconfont icon-account-information"></i> <div class="services_sort_txt"> <p class="services_sort_title">Professional Support</p> <p class="services_sort_p">shopeu@xp-pen.com service@xp-pen.com </p> </div> </div> </div> </div> </div> </div>  <div class="newmobei_store_services"> <div class="newmobei_weService"></div> <div class="newmobei_services_content"> <div class="services_content_box"> <i class="iconfont icon-transportation"></i> <div> <div class="services_content_uptitle">Free Shipping</div> <div class="services_content_downtitle">We offer free shipping except Norway, Monaco, Malta, Iceland, Cyprus,Serbia</div> </div> </div> <div class="services_content_box"> <i class="iconfont icon-warranty"></i> <div> <div class="services_content_uptitle">Secure payments</div> <div class="services_content_downtitle">Your payment information is processed securely</div> </div> </div> <div class="services_content_box"> <i class="iconfont icon-review"></i> <div> <div class="services_content_uptitle">Contact</div> <div class="services_content_downtitle">Monday to Friday 10:30am - 6:30pm( PST)</div> </div> </div> <div class="services_content_box"> <i class="iconfont icon-account-information"></i> <div> <div class="services_content_uptitle">Professional Support</div> <div class="services_content_downtitle">shopeu@xp-pen.com service@xp-pen.com </div> </div> </div> </div> </div> </section>   <div id="backTop" class="backTop"><i class="iconfont icon-arrow-up icon"></i></div>   <style> /* 自定义弹窗样式 */ .lottery-popup-skin { width: 667px; height: auto; background-image: url('http://xpstore.oss-us-west-1.aliyuncs.com/img/pop04.webp'); background-size: 100%; background-color: #FF5100; border-radius: 16px; } /* 标题样式 */ .lottery-popup-skin .title { color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.5; height: auto; border: none; padding: 10px 0 8px 0; border-radius: 16px 16px 0 0; display: block; } /* 副标题容器 */ .lottery-subtitle { text-align: center; color: #fff; padding: 0 20px 8px; flex-shrink: 0; } .lottery-subtitle h2 { font-size: 12px; font-weight: 400; text-align: center; margin-bottom: 24px; } .lottery-subtitle p { font-size: 14px; font-weight: bold; line-height: 1.4; height: 26px; } /* 关闭按钮样式 */ .lottery-popup-skin .layui-layer-close { color: #fff; font-size: 24px; font-weight: bold; } .lottery-popup-skin .layui-layer-content { display: block; height: auto !important; display: flex; flex-direction: column; } /* 左侧转盘容器 */ .lottery-wheel-container { width: 55%; padding: 16px; display: flex; align-items: center; justify-content: center; height: 392px; } .lottery-wheel { flex-shrink: 0; } /* 右侧内容容器 */ .lottery-content-container { width: 45%; padding: 16px; padding-left: 0; background: #fff; border-radius: 0 16px 16px 0; display: flex; flex-direction: column; justify-content: center; height: auto; } /* 表单样式 */ .lottery-form { /* padding: 20px; */ } .lottery-form-title { font-size: 20px; font-weight: bold; margin-bottom: 24px; color: #000; } .lottery-form-title-new { font-size: 14px; font-weight: bold; margin-bottom: 8px; color: #000; text-align: center; } .lottery-form .form-group { margin-bottom: 8px; } .lottery-form input { width: 100%; height: 40px; border: 1px solid #E5E5E5; border-radius: 4px; padding: 0 12px; font-size: 14px; outline: none; } .lottery-form input::placeholder { color: #999; } .lottery-form .captcha-group { display: flex; gap: 12px; } .lottery-form .captcha-group input { flex: 1; } .lottery-form .captcha-group img { width: 120px; height: 40px; border-radius: 4px; } .lottery-form .form-checkbox { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; } .lottery-form .form-checkbox input[type="checkbox"] { width: 16px; height: 16px; margin-top: 3px; border: none; padding: 0; } .lottery-form .form-checkbox label { font-size: 12px; line-height: 1.4; color: #666; } .agreement { font-size: 12px; margin-top: 8px; } .agreement a { font-weight: bold; color: #000; } .agreement a:hover { color: #FF640A; text-decoration: underline!important; } .lottery-form button { width: 100%; height: 48px; background: #FF640A; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; border: none; cursor: pointer; text-align: center; } .lottery-form button:hover { background: #ff7a33; } /* 模糊效果容器 */ .lottery-popup-skin:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; filter: blur(190px); z-index: -1; } .pc-tip { display: block; } .h5-tip { display: none; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px; margin: 0 6px 6px 6px; flex: 1; } @media screen and (max-width: 768px) { .lottery-popup-skin { width: 90% !important; max-width: 400px; background-image: none; } .popup_countdown { display: block!important; background-color: #FF640A; border-radius: 4px; padding: 4px 5px; width: fit-content; margin: 0 auto; margin-top: 8px; margin-bottom: 20px; } .lottery-wheel-container { height: auto; } .popup_countdown span { color: #fff; } .pc-tip { display: none; } .h5-tip { display: block; max-width: 280px; text-align: center; margin: 0 auto; font-size: 12px; font-weight: bold; margin-top: 8px; color: #000; } .lottery-popup-skin .layui-layer-content > div:last-child { flex-direction: column; } .lottery-wheel { margin: 0 auto; } .lottery-subtitle { padding-bottom: 0; } .lottery-wheel-container, .lottery-content-container { width: 100% !important; flex-direction: column; border-radius: 16px; } .lottery-content-container { display: none; /* 初始隐藏注册表单 */ } .lottery-content-container { padding: 20px; } .lottery-tips { display: none; } .lottery-wheel-container { padding: 16px 0 0 0; display: block ; /* 始终显示转盘容器 */ } .lottery-wheel-container.disabled .start-register-btn { display: block !important; /* 未注册时显示注册按钮 */ text-align: center; padding: 8px 0; max-width: 300px; } .start-register-btn { display: block; width: 80%; margin: 0 auto 20px; padding: 12px 0; background: #FF5100; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: bold; cursor: pointer; } /* 转盘最小化样式 */ .lottery-wheel-container.minimized { padding: 10px 0; } .lottery-wheel-container.minimized #lottery-wheel { transform: scale(0.6); transition: transform 0.3s ease; } .lottery-wheel-container.minimized .h5-tip, .lottery-wheel-container.minimized .start-register-btn { display: none !important; } .lottery-white-box { display: flex; background: #fff; border-radius: 16px;margin:16px; } .lottery-white-box { min-height: 300px; } } </style> <div class="xp_foot" id="xp_foot"> <div class="xp_foot_1400"> <div class="row"> <div class="qx_padd"> <dl class="foot_off"> <dt>Help <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/3.html" aria-label="link">Registration</a></dd> <dd><a href="https://www.storexppen.eu/topic/26.html" aria-label="link">Student Discount</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Shopping & distribution <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/7.html" aria-label="link">Ordering & Payment</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Service <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/9.html" aria-label="link">Returns Policy</a></dd> <dd><a href="https://www.storexppen.eu/article/6.html" aria-label="link">Warranty Policy</a></dd> <dd><a href="/article/12.html" aria-label="link">Privacy Policy</a></dd> <dd><a href="/article/13.html" aria-label="link">Shipping Policy</a></dd> <dd><a href="https://www.storexppen.eu/article/11.html" aria-label="link">XPPen User Agreement</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>Concern us <i class="iconfont icon-a-icon1x-9"></i> </dt> <dd><a href="/article/8.html" aria-label="link">About us</a></dd> <dd><a href="/article/10.html" aria-label="link">Contact us</a></dd> </dl> </div> <div class="qx_padd"> <dl class="foot_off"> <dt>sns <i class="iconfont icon-a-icon1x-9"></i></dt> <dd><a href="https://www.instagram.com/xppen_cee/"><i class="iconfont icon-Instagram"></i>Instagram </a></dd> <dd><a href="https://www.facebook.com/XPPEN-CEE-105231164451664"> <i class="iconfont icon-facebook"></i>Facebook </a></dd> <dd><a href="https://www.youtube.com/channel/UCbm03OZVj08Fdo8QtVh8Y3Q"> <i class="iconfont icon-youtube1"></i>Youtube </a></dd> </dl> </div> </div> <div class="row">  <div class="foot_margin foot_svg"> <div class=" foot_paypal"> <object data="https://resource.xp-pen.com/static/images/20240820/Vcx3QvMY25fuOWYjl3OH.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240820/ZOv6uGOsfI9Cl0tsJdky.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240820/O40fcovjCWeqyrMzePvy.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240820/501GbapR4xzoOXVMG7g5.png" aria-label="icon"></object> <object data="https://resource.xp-pen.com/static/images/20240820/O7lEVcVJkVwNXicwm5pf.png" aria-label="icon"></object> </div> </div>  </div>   <div class="foot_row2"> <div class="foot_row2_txt"> <p style="text-align: center;"><span style="font-family: arial, helvetica, sans-serif; font-size: 14px;">Copyright©2025 HANVON UGEE (HK) TECHNOLOGY CO., LIMITED All Rights Reserved.</span></p> </div> <div class="foot_margin foot_margin_end"> <div style="color:#000;border: 1px solid #CECCD3;;text-align:left;border-radius: 6px;cursor: pointer;display: flex;align-items: center; justify-content: space-between;width: 250px;background: #fff;" class="countryLanguageSelectOpen countryLanguageSelectOpen2"> <p class="current_site_name">Europe Official Store</p> <p class="icon-warpper"> <i class="iconfont icon-inter tong_icon pull-left"></i></p> </div> </div> </div> </div> </div> <script src="https://unpkg.com/lucky-canvas@1.7.25"></script> <script type="text/javascript" src="/newxp/static2024/js/index/homefoot.js"></script> <script> $('.countryLanguageSelectOpen2').click(function () { $('#store_SiteSwitch2').css('margin-top',`0px`) }) </script> <script> $(function() { function setCookie(name, value, days) { let expires = ''; if (days) { const date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = '; expires=' + date.toUTCString(); } document.cookie = name + '=' + (value || '') + expires + '; path=/'; } function getCookie(name) { const nameEQ = name + '='; const ca = document.cookie.split(';'); for(let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } // 添加登录页面判断函数 function checkLoginPage() { const currentUrl = window.location.href; if (currentUrl.indexOf('/login/index.html') > -1) { const urlParams = new URLSearchParams(window.location.search); const jumpUrl = urlParams.get('jumpUrl'); // 如果jumpUrl指向购买页面，则不显示弹窗 if (jumpUrl && ( jumpUrl.indexOf('/buy/') > -1 || jumpUrl.indexOf('buy_mobile.html') > -1 )) { return false; } } return true; } // 修改原有的弹窗显示逻辑 if(window.location.href.indexOf('/buy') > -1 && checkLoginPage() && _LANG_ =='fr') { // 初始化变量 let hasChecked = false; let lotteryLayerIndex; let popContent = ''; // 存储弹窗内容 let uid; // 存储用户ID let countdownTimer; // 存储倒计时定时器 let countdownStarted = false; // 标记倒计时是否已经开始 let currentStep = 'initial'; // 记录当前步骤：initial=初始状态, verify=验证码状态, success=注册成功状态 let firstStepData = null; // 存储第一步的表单数据 const ENTRY_DISPLAY_TIME = 30 * 60; // 入口显示时间（30分钟） const ONE_DAY = 24 * 60 * 60 * 1000; // 24小时的毫秒数 let lotteryData = null; // 点击入口图标重新打开弹窗 $('#lottery_entry').on('click', function() { // 检查是否应该显示弹窗 if (!checkLoginPage()) { return; } hwtag("event", "popup_click", { click_type: '点击倒计时弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: JSON.parse(hasDrawn).unique_id, device_id: getCookie('hw_tag_device_id'), lottery_id: JSON.parse(hasDrawn).activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ).replace( 'Code promo:</', `Code promo:${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，设置状态 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 如果已经有数据，直接使用 if(lotteryData) { showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); return; } // 第一次点击时获取数据 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); }else { $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } } } }); }); // 从 localStorage 获取累计时间和最后更新时间戳 let accumulatedTime = parseInt(localStorage.getItem('buyPageStayTime') || '0'); let lastTimestamp = parseInt(localStorage.getItem('lastBuyPageTimestamp')) || new Date().getTime(); // 如果存在上次时间戳，计算页面关闭期间的时间不计入累计时间 if (lastTimestamp) { const now = new Date().getTime(); // 如果距离上次更新超过3秒，说明页面可能被关闭过，重置lastTimestamp if (now - lastTimestamp > 3000) { lastTimestamp = now; } } // 更新最后时间戳 localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 获取倒计时开始时间和剩余时间 const countdownStartTime = localStorage.getItem('lotteryCountdownStart'); let remainingTime; if(countdownStartTime) { // 如果已经开始计时，计算剩余时间 const elapsedTime = Math.floor((new Date().getTime() - parseInt(countdownStartTime)) / 1000); remainingTime = ENTRY_DISPLAY_TIME - elapsedTime; if(remainingTime > 0) { // 如果还有剩余时间，显示入口并开始倒计时 $('#lottery_entry').show(); startCountdown(); } else { // 如果时间已到，记录到localStorage localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } else { remainingTime = ENTRY_DISPLAY_TIME; } // 检查是否在24小时内已经显示过 const lastPopupTime = localStorage.getItem('lastLotteryPopupTime'); if (lastPopupTime && (new Date().getTime() - parseInt(lastPopupTime)) < ONE_DAY) { // 如果在24小时内已经显示过，不再执行后续代码 return; } // 定时检查停留时间 const timeCheckInterval = setInterval(function() { const currentTime = new Date().getTime(); const timeDiff = currentTime - lastTimestamp; // 如果时间差异过大（超过3秒），说明页面可能被挂起或切换 if (timeDiff > 3000) { lastTimestamp = currentTime - 1000; // 只计算1秒的时间 } // 计算这次间隔增加的时间（秒） const intervalSeconds = Math.floor((currentTime - lastTimestamp) / 1000); if (intervalSeconds > 0) { // 只有在有实际时间增加时才更新 // 更新累计时间 accumulatedTime += intervalSeconds; // 更新最后时间戳 lastTimestamp = currentTime; // 保存累计时间和时间戳到 localStorage localStorage.setItem('buyPageStayTime', accumulatedTime.toString()); localStorage.setItem('lastBuyPageTimestamp', lastTimestamp.toString()); // 使用累计时间判断 if(accumulatedTime >= 20 && !hasChecked && !countdownStartTime) { hasChecked = true; // 立即停止计时 clearInterval(timeCheckInterval); // 发送AJAX请求获取弹窗内容 $.ajax({ url: '/lottery/checkIfCanPopRegisterDrawPrize/device_id/'+getCookie('hw_tag_device_id'), type: 'GET', dataType: 'json', success: function(response) { if(response.code === 1) { // 保存接口返回的数据 lotteryData = response.data; showLotteryPopup( lotteryData.pop_window, lotteryData.lottery_info, lotteryData.lottery_rule_list ); // 设置24小时内已弹出的标记，而不是清除累计时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } else { // 在这里隐藏入口以及弹窗 $('#lottery_entry').css('display','none'); if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } // 同样设置标记 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); } } }); // 达到目标时间后直接返回，不再继续计时 return; } } }, 200); // 在抽奖成功时清除累计时间 function clearAccumulatedTime() { localStorage.removeItem('buyPageStayTime'); localStorage.removeItem('lastBuyPageTimestamp'); } // 倒计时函数 function startCountdown() { countdownStarted = true; const $countdown = $('#entry_countdown'); countdownTimer = setInterval(function() { remainingTime--; // 更新倒计时显示 const minutes = Math.floor(remainingTime / 60); const seconds = remainingTime % 60; const countdownHtml = ` <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(minutes/10)}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${minutes%10}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;">:</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${Math.floor(seconds/10)}</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px;background-image: url(http://xpstore.oss-us-west-1.aliyuncs.com/img/pop05.webp);background-size: 100%;background-repeat: no-repeat;background-position: center;">${seconds%10}</span> `; $countdown.html(countdownHtml); // 更新弹窗中的倒计时 $('.popup_countdown').html(countdownHtml); // 时间到，隐藏入口和关闭弹窗 if(remainingTime <= 0) { clearInterval(countdownTimer); // 先隐藏入口 $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); // 再关闭弹窗 layer.closeAll(); }); // 记录弹窗消失的时间 localStorage.setItem('lastLotteryPopupTime', new Date().getTime().toString()); // 清除倒计时开始时间 localStorage.removeItem('lotteryCountdownStart'); // 重置变量 countdownStarted = false; remainingTime = ENTRY_DISPLAY_TIME; } }, 1000); } // 显示抽奖弹窗函数 function showLotteryPopup(popContent, lotteryInfo, prizeList) { // 添加打开抽奖页面埋点 hwtag("event", "OPEN_DRAW_PRIZE_PAGE", { lottery_id: lotteryInfo.id, lottery_name: lotteryInfo.lottery_name, }); // 检查是否已注册和抽奖 const hasRegistered = getCookie('lottery_registered'); const hasDrawn = getCookie('lottery_drawn'); if (hasDrawn) { try { // 调用获取中奖信息接口 $.ajax({ url: '/lottery/getLotteryWinnerList', type: 'post', data: { winner_id: hasDrawn.winner_id, device_id: getCookie('hw_tag_device_id'), lottery_id: hasDrawn.activity_id, }, success: function(result) { if(result.code === 1) { console.log(result.data.winner_prize_list[0]) layer.open({ type: 1, title: false, closeBtn: 1, area: ['400px','auto'], skin: 'lottery-result-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</h3>`, `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.winner_prize_list[0].lottery_winner_coupon_sn}</p>` ) }); } else { console.error('Failed to get winner info:', result.msg); } }, error: function() { console.error('Network error when getting winner info'); } }); } catch (e) { console.error('Failed to parse prize info:', e); return; } return; } // 如果已注册但未抽奖，直接显示抽奖界面 if (hasRegistered) { currentStep = 'success'; uid = getCookie('lottery_uid'); } // 先关闭所有已存在的弹窗 layer.closeAll(); // 隐藏入口 $('#lottery_entry').hide(); // 根据当前步骤显示对应内容 let formContent = ''; if (hasRegistered || currentStep === 'success') { // 直接显示抽奖界面 formContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; // 清除之前的内容并显示新内容 setTimeout(() => { $('.lottery-content-container').empty().html(formContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); $('.start-register-btn').hide() }, 0); } else if (currentStep === 'verify' && firstStepData) { formContent = ` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-warp:pretty"> Le code de vérification a été envoyé à votre e-mail </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `; // 移除 form-checkbox setTimeout(() => { $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 重新绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); }, 0); } else { formContent = popContent; currentStep = 'initial'; firstStepData = null; } // 如果是第一次显示弹窗，开始倒计时 if (!countdownStarted) { // 记录倒计时开始时间 localStorage.setItem('lotteryCountdownStart', new Date().getTime().toString()); startCountdown(); } // 处理奖品列表数据 const prizes = prizeList.map((prize, index) => ({ background: index % 2 === 0 ? '#FFF9E3' : '#FFA72B', fonts: [{ text: prize.prize_name, top: '56%', fontSize: '10px', fontColor: index % 2 === 0 ? '#FF5100' : '#FFF', lineClamp: 4, }], imgs: [{ src: prize.prize_image, width: '40px', height: '40px', top: '12%' }] })); // 使用layer弹窗 lotteryLayerIndex = layer.open({ type: 1, closeBtn: 1, area: ['700px', 'auto'], shadeClose: true, skin: 'lottery-popup-skin', offset: 'auto', anim: 0, resize: false, fixed: true, isOutAnim: false, cancel: function() { // 如果倒计时已结束，同时隐藏入口 if(remainingTime <= 0) { $('#lottery_entry').fadeOut().promise().done(function() { $(this).hide(); }); } else { $('#lottery_entry').fadeIn(); } }, success: function(layero, index) { // 等待内容加载完成后重新计算高度 setTimeout(() => { const $content = $(layero).find('.layui-layer-content'); const height = $content.children().outerHeight(); $content.height(height); }, 100); }, content: ` <div class="lottery-subtitle"> <div class="title">Inscrivez-vous maintenant</div> <h2>Gagnez des cadeaux exclusifs !</h2> <p class="pc-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!<span class="popup_countdown"></span></p> </div> <div class="lottery-white-box" style="display: flex; background: #fff; border-radius: 0 0 16px 16px;margin:0 6px 6px 6px"> <div class="lottery-wheel-container disabled"> <div id="lottery-wheel" style="margin: 0 auto;"></div> <p class="h5-tip">Offre surprise, achetez maintenant ! Ne laissez pas passer la chance!</p> <div style="height:30px;margin-top:8px;margin-bottom:20px;"><div class="popup_countdown" style="display: none;"></div></div> <button class="start-register-btn" style="display: none;"> S'inscrire </button> </div> <div class="lottery-content-container"> <div class="lottery-form"> <h3 class="lottery-form-title-new">S'inscrire</h3> <form id="registerForm" style="margin-top:12px"> ${formContent} <div class="form-checkbox"> <input type="checkbox" id="newsletter" > <label for="newsletter"> Souhaitez-vous recevoir des offres spéciales de XPPen par e-mail ? </label> </div> <button type="submit" data-click-type="continue">Suivant</button> <div class="agreement">En créant un compte, vous acceptez <a href="https://www.storexppen.fr/article/12.html" target="_blank">les conditions d'utilisation de XPPen</a> et <a href="https://www.storexppen.fr/article/11.html" target="_blank">la politique de confidentialité</a>.</div> </form> </div> </div> </div>`, success: function(layero, index) { // 初始化抽奖转盘 const myLucky = new LuckyCanvas.LuckyWheel('#lottery-wheel', { width: '333px', height: '333px', blocks: [ { padding: '24px', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop01.webp', width: '100%', height: '100%', rotate: true }] } ], defaultConfig: { gutter: "2px", }, prizes: prizes, buttons: [ { radius: '29%', imgs: [{ src: 'http://xpstore.oss-us-west-1.aliyuncs.com/img/pop02.webp', width: '100%', top: '-150%' }] } ], start: function() { // 如果转盘是禁用状态,显示提示 if($('.lottery-wheel-container').hasClass('disabled')) { hwtag("event", "popup_click", { click_type: '未注册抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); layer.msg('Inscrivez-vous d\'abord pour participer à la loterie', { time: 3000, icon: 2 }); return; } // 获取用户信息 const userInfo = JSON.parse(getCookie('lottery_user_info') || '{}'); // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送抽奖请求 $.ajax({ url: '/lottery/drawPrize', type: 'POST', data: JSON.stringify({ device_id: getCookie('hw_tag_device_id'), lottery_id: lotteryInfo.id, uid: getCookie('lottery_uid') }), contentType: 'application/json', success: function(result) { // 关闭loading layer.close(loadingIndex); if(result.code === 1) { // 保存 winner_id 和活动 id const lotteryDrawnData = { winner_id: result.data.winner_id, activity_id: result.data.prize_info.id, unique_id: result.data.unique_id }; setCookie('lottery_drawn', JSON.stringify(lotteryDrawnData), 7); updatePubAttr({"account_id": getCookie('lottery_uid')}); // 添加抽奖埋点 hwtag("event", "CLICK_TO_DRAW_PRIZE", { lottery_id: result.data.prize_info.id, prize_id: result.data.prize_info.prize_id ? result.data.prize_info.prize_id : "0", winner_id: result.data.winner_id, lottery_name: result.data.prize_info.lottery_name }); hwtag("event", "popup_click", { click_type: '点击抽奖', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); // 找到中奖奖品的索引 const index = prizeList.findIndex(item => item.prize_id === result.data.prize_info.prize_id ); if(index !== -1) { // 转动到中奖位置 myLucky.play(); setTimeout(() => { myLucky.stop(index); // 等待转盘停止后显示中奖弹窗 setTimeout(() => { layer.open({ type: 1, title: false, area: ['400px', 'auto'], shadeClose: false, skin: 'lottery-popup-skin', content: result.data.pop_window.replace( 'src=""', `src="${result.data.prize_info.prize_image}"` ).replace( '<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;"></h3>', `<h3 style="font-size: 20px; color: #000; margin-bottom: 16px;display: none;">${result.data.prize_info.prize_name}<span class="id" style="display:none">${result.data.prize_info.prize_id}</span><span class="active_id" style="display:none">${result.data.prize_info.id}</span><span class="winner_id">${result.data.winner_id}</span></h3>` ).replace( 'font-weight: bold;\"></p>', `font-weight: bold;">${result.data.prize_info.coupon_sn}</p>` ) }); }, 3000); }, 2500); } } else { layer.msg(result.msg || '抽奖失败', {icon: 2}); } } }); } }); // 等待转盘和内容加载完成后 setTimeout(() => { // 显示倒计时 if($(window).width() <= 768) { $('.popup_countdown').fadeIn(); } // 更新弹窗高度 const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); // 移动端处理 if($(window).width() <= 768) { $('.start-register-btn').show(); // 点击开始注册按钮 $('.start-register-btn').on('click', function() { $(this).hide(); // 隐藏按钮 $('.lottery-wheel-container').hide(); // 隐藏转盘 $('.lottery-content-container').fadeIn(); // 显示注册表单 // 重新计算弹窗高度 setTimeout(() => { const height = $(layero).find('.layui-layer-content').height(); layer.style(index, { height: height + 'px', top: '50%', marginTop: -(height/2) + 'px' }); }, 100); }); } // 移除之前可能存在的事件监听器 $('#registerForm').off('submit'); // 注册表单提交处理 $('#registerForm').on('submit', function(e) { e.preventDefault(); // 获取表单数据 const email = $('input[name="email"]').val(); const pwd = $('input[name="pwd"]').val(); const code = $('input[name="code"]').val(); // 密码格式校验 const pwdRegex = /(?=.*[a-zA-Z]+)(?=.*\d+)/; if (!pwdRegex.test(pwd) || pwd.length < 6 || pwd.length > 18) { layer.msg('Votre mot de passe doit contenir : caractères alphanumériques 6 à 18 caractères', { icon: 2, time: 3000 }); return; } // 验证必填字段 if(!email || !pwd || !code) { layer.msg('Veuillez remplir tous les champs obligatoires', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 获取表单数据 const formData = { email: $('input[name="email"]').val(), pwd: $('input[name="pwd"]').val(), code: $('input[name="code"]').val(), nonce: $('input[type="hidden"][name="nonce"]').val(), is_agree: $('#newsletter').is(':checked') ? 1 : 0, device_id: getCookie('hw_tag_device_id') }; $.ajax({ url: '/lottery/lottery_register_verify', type: 'POST', data: JSON.stringify(formData), contentType: 'application/json', success: function(response) { // 关闭loading layer.close(loadingIndex); if(response.code === 1) { // 第一步验证成功，显示验证码输入框 currentStep = 'verify'; firstStepData = {...formData}; $('.lottery-form form').html(` <div class="form-group"> <input type="text" name="verify_code" placeholder="Code de vérification*" required> <p class="verify-tip" style="font-size:12px;color:#666;margin-top:8px;text-wrap:pretty"> Le code de vérification a été envoyé à votre e-mail. </p> </div> <button type="button" id="confirmVerifyCode" style="margin-top:8px">Confirmer</button> `); // 移除 form-checkbox $('.form-checkbox').hide(); $('button[type="submit"]').hide(); // 隐藏submit按钮 // 保存第一步的表单数据到全局变量 firstStepData = {...formData}; // 立即绑定验证码确认按钮点击事件 $('#confirmVerifyCode').on('click', function() { const verifyCode = $('input[name="verify_code"]').val(); if(!verifyCode) { layer.msg('Veuillez saisir le code de vérification', {icon: 2}); return; } // 显示loading const loadingIndex = layer.load(1, { shade: [0.3, '#fff'] }); // 发送第二步注册请求 $.ajax({ url: '/lottery/lottery_register', type: 'POST', data: JSON.stringify({ verify_code: verifyCode, // 用户输入的邮箱验证码 email: firstStepData.email, // 邮箱 nonce: firstStepData.nonce, // nonce值 is_agree: firstStepData.is_agree, // 是否同意订阅 pwd: firstStepData.pwd, // 密码 device_id: firstStepData.device_id // 设备ID }), contentType: 'application/json', success: function(res) { // 关闭loading layer.close(loadingIndex); if(res.code === 1) { // 设置注册成功的cookie setCookie('lottery_registered', '1', 7); setCookie('lottery_uid', res.data.sso_uid, 7); // 保存用户信息到cookie setCookie('lottery_user_info', JSON.stringify({ email: firstStepData.email, uid: res.data.sso_uid, device_id: firstStepData.device_id }), 7); // 注册成功 layer.msg('Inscription réussie!', {icon: 1}); uid = res.data.sso_uid; currentStep = 'success'; // 清除之前的内容并显示抽奖界面 const successContent = ` <div class="lottery-tips" style="text-align:center;padding:20px;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/pop03.webp" alt=""> <p style="text-align: center;font-size: 14px;color: #000;font-weight:500;">Bravo,inscription réussie ! Cliquez à gauche pour gagner!</p> </div> `; $('.lottery-content-container').empty().html(successContent).show(); // 移除抽奖按钮的禁用状态 $('.lottery-wheel-container').removeClass('disabled'); // 确保抽奖按钮可见 $('.lottery-wheel-container').show(); } else { layer.msg(res.data.msg || 'Échec de la vérification', {icon: 2}); } }, error: function() { // 关闭loading layer.close(loadingIndex); layer.msg('Erreur de réseau', {icon: 2}); } }); }); } else { layer.msg(response.data.msg || 'Échec de l\'inscription', {icon: 2}); // 刷新验证码 refreshCaptcha($('.captcha-img')[0]); } } }); }); }, end: function() { // 只有在倒计时未结束时才显示入口 hwtag("event", "popup_click", { click_type: '关闭弹窗', // 点击元素类型 element_type: 'OBS-MktReg-Pop-1', // 当前坑位类型编码 element_type_name: '网站弹窗', // 当前坑位类型名称 element_id: 'OBS-MktReg-Pop-1_1', // 坑位元素编码 element_name:'即时营销弹窗' // 坑位元素名称 }); if(remainingTime > 0) { $('#lottery_entry').fadeIn(); } } }); } // 页面离开时清除定时器 $(window).on('beforeunload', function() { clearInterval(timeCheckInterval); if(countdownTimer) { clearInterval(countdownTimer); } if(lotteryLayerIndex) { layer.close(lotteryLayerIndex); } }); } }); </script> <div id="lottery_entry" style="display:none; position:fixed; right:20px; bottom:250px; z-index:999; cursor:pointer;"> <img src="http://xpstore.oss-us-west-1.aliyuncs.com/img/timeout.gif" width="120" height="120" alt="抽奖"> <div style="position: absolute; width: 100%; bottom: 10px; color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 18px; text-align: center;"> <span id="entry_countdown"> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">3</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">:</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> <span style="display: inline-block; width: 14px; text-align: center;font-size:18px">0</span> </span> </div> </div> <script type="text/javascript" src="/newxp/static2024/js/index/common.js?ver=202502241"></script> <script type="text/javascript" src="/newxp/static2024/js/module/module_common.js?ver=111"></script> <script type="text/javascript"> $(function () { $.fn.xploadingshow = function() { $('body').append('<div class="xppenloading-mask"><div class="xm-warpper"><div class="xppenloading"><i class="iconfont icon-a-icon1x-43"></i></div><div class="loading">Loading...</div></div></div>') $("body").css({"overflow":"hidden","height":"100vh"}) }; $.fn.xploadinghide = function() { $('.xppenloading-mask').remove() $("body").css({ "overflow": "auto", "height": "auto" }) }; const pictureLazy = () => { let winWidth = $(window).innerWidth() if (winWidth <= 996) { $(".lazymobie").scrollLoading();//移动端 } else { $(".lazypc").scrollLoading();//pc端 } $(".lazy").scrollLoading();//共用 } (window.onresize = () => { pictureLazy() })() // input 获取焦点事件 $(".validate").focus(function () { $(this).parent().addClass("sub_verify_focus"); }) // input失去焦点事件 $(".validate").blur(function () { //获取 span 元素 var error_span = $(this).parent().siblings().children('span'); if (this.value.length <= 0) { $(this).parent().removeClass("sub_verify_focus"); $(this).parent().siblings().addClass("sub_error"); var required = error_span.data("required"); error_span.text(required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test($(this).val()) == false) { $(this).parent().siblings().addClass("sub_error"); var email_error = error_span.data("email"); error_span.text(email_error); return false; } else { $(this).parent().siblings().removeClass("sub_error"); } }) //sub_button点击事件 $(".sub_button").click(function () { var index_email = $("#index_email"); if (index_email.val().length <= 0) { index_email.focus(); index_email.parent().addClass("sub_verify_focus"); index_email.parent().siblings().addClass("sub_error"); var click_error_span = index_email.parent().siblings().children('span'); var click_required = click_error_span.data("required"); click_error_span.text(click_required); return false; } // input email 正则邮箱验证 var zz = /^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/ if (zz.test(index_email.val()) == false) { return false; } }) }) </script> </body> </html>  <script type="text/javascript"> $(function(){ //检查总站 if (uid == 0) { var sso_url = "https://account.xp-pen.com" + '/login/is_login?lang='+'eu'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, data: { siteDomain: 'https://www.storexppen.eu/topic/3.html', }, crossDomain: true, async: true, dataType: 'json', success:function(data) { if (data.code == 1) { //登录 $.post("https://www.storexppen.eu/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } location.reload(); //刷新当前页面 // dropdown_user(ret, 1); } }) } //是否禁用第三方cookie if (data.code == 0 && data.data == null) { update_href_url(); } } }) } //检查总站 if (uid > 0) { //弹窗关闭并刷新 if(window.location.href.indexOf("login_success") >= 0 ) { var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe登录层页面的索引 parent.layer.close(index); //再执行关闭 window.parent.location.reload(); //刷新父类页面 return false; } //是否禁用第三方cookie var phpsessid_sso = ''; var token_sso = ''; if (phpsessid_sso && token_sso) { var sso_url = "https://account.xp-pen.com" + '/login/status_login_ticket?lang=eu'; $.ajax({ type: 'POST', url: sso_url, data: {'uid_sso': '0', 'token': token_sso, 'PHPSESSID': phpsessid_sso}, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.eu/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2, 'login'); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.eu/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } } }) } else { var sso_url = "https://account.xp-pen.com" + '/login/status_login?uid_sso=0&lang=eu'; $.ajax({ type: 'POST', url: sso_url, xhrFields: {withCredentials: true}, crossDomain: true, async: true, dataType: 'json', success:function (data) { //退出登录 if (data.code == 0) { $.ajax({ type: 'POST', url: 'https://www.storexppen.eu/sso.login/logout_syn.html', async: true, dataType: 'json', success:function (ret) { dropdown_user(ret, 2); } }) } //同步用户数据 if (data.code == 1) { $.post("https://www.storexppen.eu/sso.user/edit.html", data.data, function(ret) { if (ret.code == 1) { var url = window.location.pathname; if (url.match('user')) { window.location.reload(); } } }) } //同步登录的信息 if (data.code == 2) { $.post("https://www.storexppen.eu/sso.login/index.html", data.data, function(ret) { if (ret.code == 1) { dropdown_user(ret, 1); window.location.reload(); } }) } } }) } } }) //更新用户头像和购物车（导航栏） function dropdown_user(ret, type, login) { var login = login||''; var url = window.location.pathname; if (type == 1) { var sso_url = "https://account.xp-pen.com"; $('#login_dropdown').empty(); //头像更新 var html_user = "\t\t\t\t\t<a href=\"https://www.storexppen.eu/login/index.html?jumpUrl=https://www.storexppen.eu/topic/3.html\" class=\"login1\"><img src=\""+ret.data.faceurl+"\"><input type='hidden' id='userId' value=\""+ret.data.uid+"\"></a>\n"+ "<ul class=\"navbar_account_menu login_content\">\n" + " <span class=\"nav_bagview_caret right_account\"></span>\n" + " <li><a href=\"https://www.storexppen.eu/user.order/index.html\">My orders</a></li>\n" + " <li><a href=\"https://www.storexppen.eu/user/index.html\">Account</a></li>\n" + " <li><a href=\"https://www.storexppen.eu/user.info/edit.html\">Set up</a></li>\n" + " <li><a href=\""+sso_url+"/login/logout?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu\">"+L('SIGN_OUT')+"</a></li>\n" + " </ul>"; $('#nav_accounts').html(html_user); // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('.icon_cart_num').text(ret.data.cart_count); } else if (type == 2) { // 个人中心 if ((url.match('/user/index') || url.match('/user.')) && isDisable == 0) { window.location.href = 'https://www.storexppen.eu/'; return false; } // 购物车中心 if (url.match('/cart') && isDisable == 0) { window.location.reload(); } $('#nav_accounts').empty(); //头像更新 var sing = "Sign in"; var reg = "Register"; var html_user = '<a href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=" class="login1">\ <i class="iconfont icon-account"></i>\ </a>\ <ul class="navbar_account_menu login_content">\ <span class="nav_bagview_caret right_account"></span>\ <li>\ <a id="login_url" href="https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=" class="login2">'+sing+'</a>\ </li>\ <li>\ <a href="https://account.xp-pen.com/reg/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref=" class="login3">'+reg+'</a>\ </li>\ </ul>'; $('#nav_accounts').html(html_user); // 购物车图标为0 $('.icon_cart_num').text(0); if (login !== '') { update_href_url(); } // 移动端头像 $('#openUser').find('a').attr('href','https://account.xp-pen.com/login/index?jumpUrl=https://www.storexppen.eu/topic/3.html&lang=eu&webref='); } } //是否禁用第三方cookie function update_href_url() { $('.login1').attr('href', $('.login1').attr('href') + '&login=2'); $('.login2').attr('href', $('.login2').attr('href') + '&login=2'); $('.login3').attr('href', $('.login3').attr('href') + '&login=2'); // console.log() $('#openUser').find('a').attr('href', $('#openUser').find('a').attr('href') + '&login=2'); } </script>  <script type="text/javascript"> $(function () { if (isDisable == 1) { layer.alert(L('USER_DISABLE_CONTENT'), { icon: 2, closeBtn: 0, title: L('PROMPT_MESSAGE'), btn: ['OK'] }, function () { window.location.reload(); }) return false; } if(_LANG_ == 'cl'){ //set country currency let currency = $("#nav_languages").find('span').not('.nav-country').html(); let content = ""; switch (currency){ case "CLP": content += "Chile/"+currency; break; case "PEN": content += "Peru/"+currency; break; case "USD": content += "Argentina/"+currency; break; case "UYU": content += "Uruguay/"+currency; break; case "COP": content += "Colombia/"+currency; break; } if(content){ $("#nav_languages").find('span').not('.nav-country').html(content) } } }) </script> <script type="module"> /** * 语言选择框 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ $.extend({ getCookie: function (name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return null; }, setCookie: function (name, value,options) { var Days = 30; if(typeof options !== 'undefined'){ if(options?.expires){ Days = options.expires } } var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/"; }, getArrEqual: function (arr1, arr2) { let newArr = []; for (let i = 0; i < arr2.length; i++) { for (let j = 0; j < arr1.length; j++) { if (arr1[j] === arr2[i]) { newArr.push(arr1[j]); } } } return newArr; } }); $.fn.extend({ langCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('button'); var $spinner = $this.find('.spinner-warp'); $btn.click(function (ev) { $div.stop().toggle(100, function () { $btn.find('i').css('transform', 'rotateX(' + ($(this).is(':hidden') ? '0' : '180deg') + ')'); }); ev.stopPropagation(); }); $spinner.click(function (ev) { ev.stopPropagation(); }); $(document).bind('click', function () { $div.stop().hide(100, function () { $btn.find('i').css('transform', 'rotateX(0)'); }); }); var _use_lang = $.getCookie('tr_lang'); $div.find('li p').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { ev.stopPropagation(); var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); }, mobileLangCut: function () { var $this = this; var $div = $this.children('div'); var $btn = $this.children('p'); var $spinner = $this.find('.spinner-warp'); var $close = $('.cus-close-btn'); $btn.click(function (ev) { $div.show(); $close.show(); }); $close.bind('click', function () { if ($div.is(':visible')) { $div.hide(); $(this).hide(); } }); var _use_lang = $.getCookie('tr_lang'); $div.find('li a').each(function () { // 加载首次选择 if ($(this).data('lang') === _use_lang) { $(this).next().show(); return false; } }).click(function (ev) { var old_lang = $.getCookie('tr_lang'); var select_lang = ev.target.dataset.lang; if (old_lang === select_lang) { return $btn.trigger('click'); } $spinner.show(); $.setCookie('tr_lang', select_lang, 60 * 60 * 24 * 30) window.location.reload(); }); } }); $('.cus-list-down').langCut(); $('.cus-mobile-lang').mobileLangCut(); // var default_lang = ""; var default_lang switch (_LANG_){ case "id": default_lang = 'id'; break; case "pl": default_lang = 'pl_pl'; break; default: default_lang = ''; break; } if(default_lang){ if(!$.getCookie('tr_lang')){ $.setCookie('tr_lang',default_lang); // window.location.reload(); } } if(_LANG_ == 'vn'){ if(!$.getCookie('xppen_popup')){ layer.open( { content: '<span style="font-size: 16px; text-align: left">Ngôn ngữ / Language </span>' + '<br>' , btn:['Tiếng Việt','English'], yes: function(index, layero){ //do something $.setCookie('tr_lang','vi'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, btn2: function(index, layero){ $.setCookie('tr_lang','vn'); $.setCookie('xppen_popup',1); window.location.reload(); layer.close(index); }, success: function(layero, index) { var closeBtn = layero.find('.layui-layer-close'); closeBtn.attr('aria-label', 'Close'); } } ); } } </script> <script src="/newxp/static2024/iconfont/iconfont_symbol.js?ver=202502241" data-status='cookie_html_tpl1'></script> <style> .cookies-warpper-mask{ width: 100vw; background: rgba(0,0,0,0.45); height: 100vh; position: fixed; top: 0; left: 0; z-index: 999999999; display: none; } .cookies-warpper{ top: 50%; left: 50%; bottom: auto; transform: translate(-50%,-50%); } #cookieModal{ z-index: 999999999; height: 100dvh !important; height: 100vh; } @media screen and (max-width: 1440px){ .cookies-warpper { width: 480px !important; border-radius: 24px !important; } } @media screen and (max-width: 1024px){ .cookies-warpper { font-size: 12px; width: 90vw; border-radius: 16px; } } @media screen and (max-width: 768px){ .cookies-warpper{ bottom: auto; width: 90vw !important; } } </style> <div class="cookies-warpper-mask"> <div class="cookies-warpper">                      <div class="cw-content"> <p><strong>We Value Your Privacy</strong></p><p>We use cookies to enhance your browsing experience, personalize advertising or content and analyze our traffic. By clicking "Accept All" you agree to our use of cookies. To learn more about the cookies we use, please see our <a href="/article/12.html"> Cookie Policy </a>.</p> </div> <div class="cw-btn-group"> <div class="only-btn" data-toggle="modal" data-target="#cookieModal">Cookie Preferences</div> <div class="all-btn" onclick="cookieOptionsSubmit('3')">Accept All</div> </div> </div> </div> <script > $(function(){ if(!checkCookieExists('XP_COOKIE_SETTING_MODE')){ $('.cookies-warpper-mask').show() $('.cookies-warpper').css('display','flex') $("body").css({"overflow":"hidden","height":"100vh"}) } }) </script > <div class="modal fade" id="cookieModal"> <div class="modal-dialog"> <div class="modal-content cookie-dialog"> <div class="cd-title"> <i class="iconfont icon-arrow" data-dismiss="modal"></i> <div>Cookie Preferences</div> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="cd-warpper"> <div class="cd-tips">Cookies are small files which, when placed on your device, enable us to provide certain features and functionality of XPPen websites and online services to you. We use the following types of cookies on our websites. View Cookie Policy for full details.</div> <div class="cd-container"> <div class="cd-item"> <input type="checkbox" value="0" checked disabled name="cookiePreferences"> <div> <div class="ci-title"> Strictly Necessary Cookies（Required） </div> <div class="ci-description"> These cookies are necessary to enable the basic features of this site to function, such as providing secure log-in or remembering how far you are through an order. </div> <div class="ci-expand"> <div class="details-title"> Cookies Details <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="ci-detail"> <div class="cd-item"> <div class="cd-item-title"> First Party Cookies<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> PHPSESSID </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> PHPSESSID </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_idm_key </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Visitor connection management </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> token </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1month </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> think_var </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> think_ukv2ref </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> think_ukv2currency </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> think_ukv2country </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> ref </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> preOrderSn </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _uetvid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _uetvid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _uetsid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _uetsid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Strictly Necessary Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cd-item"> <input type="checkbox" value="1" checked name="cookiePreferences" checkbox> <div> <div class="ci-title"> Functional and Analytics Cookies </div> <div class="ci-description"> These cookies allow us to analyze your use of the site to evaluate and improve our performance. They may also be used to provide a better customer experience on this site. For example, remembering your log-in details, saving what is in your shopping cart, or providing us information about how our site is used. </div> <div class="ci-expand"> <div class="details-title"> Cookies Details <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="ci-detail"> <div class="cd-item"> <div class="cd-item-title"> First Party Cookies<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> uid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> uid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> login </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> g_state </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 6monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSessionUser_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSessionUser_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSessionUser_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSessionUser_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSessionUser_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjIncludedInSessionSample_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 30minutes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjIncludedInSessionSample_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 30minutes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjIncludedInSessionSample_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 30minutes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjIncludedInSessionSample_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 30minutes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjAbsoluteSessionInProgress </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store unique visits. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjAbsoluteSessionInProgress </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store unique visits. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _gid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1day </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie name is associated with Google Universal Analytics. This appears to be a new cookie and as of Spring 2017 no information is available from Google. It appears to store and update a unique value for each page visited._gid </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _gid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1day </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie name is associated with Google Universal Analytics. This appears to be a new cookie and as of Spring 2017 no information is available from Google. It appears to store and update a unique value for each page visited._gid </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _gat_gtag_UA_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1 minute </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie is associated with Google Analytics. This cookie is used to throttle request rate. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> _ga </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> _ga </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _clsk </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1day </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Used by Microsoft Clarity to connect multiple page views by a user into a single Clarity session recording. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> TawkConnectionTime </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Manages visitor connection </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> acw_tc </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Cookies used by Alibaba Cloud WAF (WebApplication FireWall). </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> acw_tc </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Cookies used by Alibaba Cloud WAF (WebApplication FireWall). </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _mk_sync </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3 hours </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _mk_sync </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3 hours </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> fblo_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to read to determine if the user is logged in. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSession_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSession_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSession_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _hjSession_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_wptGlobTipTmp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Management of language options </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_wptGlobTipTmp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Management of language options </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_G_WPT_TO </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> It guarantees the functionality and usability of the site. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_G_WPT_TO </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> It guarantees the functionality and usability of the site. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_G_WPT_TO </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> resource.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> It guarantees the functionality and usability of the site. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_GWPT_Show_Hide_tmp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> account.xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Management of language options </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SL_GWPT_Show_Hide_tmp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> www.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Management of language options </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> tawk.to<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _gid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> tawk.to </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1day </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie name is associated with Google Universal Analytics. This appears to be a new cookie and as of Spring 2017 no information is available from Google. It appears to store and update a unique value for each page visited._gid </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> tawk.to </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Google Analytics Cookies </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ga </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> tawk.to </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> _ga </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> doubleclick.net<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> id </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> doubleclick.net </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Functional and Analytics Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Doubleclick (Google). The main business activity is: Doubleclick is Googles real time bidding advertising exchange </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cd-item"> <input type="checkbox" value="2" checked name="cookiePreferences" checkbox> <div> <div class="ci-title"> Advertising Cookies </div> <div class="ci-description"> These cookies are used to show you ads that are more relevant to you. We may share this information with advertisers or use it to better understand your interests. For example, Advertising Cookies may be used to share data with advertisers so that the ads you see are more relevant to you, allow you to share certain pages with social networks, or allow you to post comments on our site. </div> <div class="ci-expand"> <div class="details-title"> Cookies Details <i class="iconfont icon-a-icon1x-32"></i> </div> <div class="ci-detail"> <div class="cd-item"> <div class="cd-item-title"> First Party Cookies<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> cto_bundle </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide functions across pages. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> cee </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> fbconversions.storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ttp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ttp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _tt_enable_cookie </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _tt_enable_cookie </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _gcl_au </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Used by Google Ads to store and track conversions. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _fbp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> storexppen.co.uk </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Used by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisers </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _fbp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Used by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisers </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _clck </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> PAPVisitorId </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> xp-pen.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _RwBf </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> First Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> facebook.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> xs </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> facebook.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique session ID. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> sb </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> facebook.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store browser details. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> fr </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> facebook.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> Contains browser and user unique ID combination, used for targeted advertising. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> datr </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> facebook.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to provide fraud prevention. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> c_user </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> facebook.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1month </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to store a unique user ID. </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> clientgear.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> updatetime </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> clientgear.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 6monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> mkuuid </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> clientgear.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 6monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie relates to targeted advertising. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> mksession </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> clientgear.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> NA </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> tawk.to<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> twk_uuid_****** </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> tawk.to </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> Session </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> HTTP cookie </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> doubleclick.net<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> ar_debug </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> doubleclick.net </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 3monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Doubleclick (Google). The main business activity is: Doubleclick is Googles real time bidding advertising exchange </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> tiktok.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> _ttp </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> tiktok.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 13monthes </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> To measure and improve the performance of your advertising campaigns and to personalize the user's experience (including ads) on TikTok. </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> bing.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SRCHUSR </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SRCHUID </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SRCHHPGUSR </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> SRCHD </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 2years </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> MUID </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> MSPTC </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1year </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> bat.bing.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> MR </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> bat.bing.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1 week </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This domain is owned by Microsoft - it is the site for the search engine Bing. </div> </div> </div> </div> </div> <div class="cd-item"> <div class="cd-item-title"> gstatic.com<i class="iconfont icon-a-icon1x-32"></i> </div> <div class="cd-item-detail"> <div class="cid"> <div class="cid-item"> <div class="label"> Name </div> <div class="value"> 1P_JAR </div> </div> <div class="cid-item"> <div class="label"> Host </div> <div class="value"> gstatic.com </div> </div> <div class="cid-item"> <div class="label"> Duration </div> <div class="value"> 1month </div> </div> <div class="cid-item"> <div class="label"> Type </div> <div class="value"> Third Party </div> </div> <div class="cid-item"> <div class="label"> Category </div> <div class="value"> Advertising Cookies </div> </div> <div class="cid-item"> <div class="label"> Description </div> <div class="value"> This cookie sets a unique ID to remember your preferences and other information such as website statistics and track conversion rates. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cd-btn-group"> <div class="confirm-btn" onclick="cookieOptionsSubmit()"> Confirm My Choices </div> <div class="save-btn" onclick="cookieOptionsSubmit('3',1)"> Accept All </div> </div> </div> </div> </div> <script> $(function(){ newsetCookie('cookie_tpl',"cookie_html_tpl1",86400); if(!checkCookieExists('XP_COOKIE_SETTING_MODE')){ $('.cookies-warpper').css('display','flex') if( $('.cookies-warpper').attr('data-status')==2){ $('#xp_foot').css('paddingBottom','180px') } CookieBannerExpHwTag(); }else{ if( $('.cookies-warpper').attr('data-status')==2){ $('#xp_foot').css('paddingBottom','16px') } } }) function CookieBannerExpHwTag(){ let cookie_type = ''; switch ("cookie_html_tpl1") { case "cookie_html_tpl": cookie_type = 'corner_window'; break; case "cookie_html_tpl1": cookie_type = 'center_popup'; break; case "cookie_html_tpl2": cookie_type = 'bottom_bar'; break; } hwtag('event', 'CookieBannerExp', {"cookie_type": cookie_type}); } function checkCookieExists(cookieName) { var cookieIndex = document.cookie.indexOf(cookieName + "="); return (cookieIndex !== -1); } $('.cookies-warpper .cw-header .iconfont').click(function(){ $('.cookies-warpper').hide() }) $('.cookie-dialog .ci-expand').click(function () { if ($(this).hasClass('active')) { $(this).removeClass('active') $('.cookie-dialog .ci-expand').removeClass('active') $('.cookie-dialog .ci-expand').each(function () { $(this).find('.ci-detail').hide() }) $('.cookie-dialog .ci-expand .cd-item').each(function () { $(this).find('.cd-item-detail').hide() }) } else { $('.cookie-dialog .ci-expand').removeClass('active') $('.cookie-dialog .ci-expand').each(function () { $(this).find('.ci-detail').hide() }) $('.cookie-dialog .ci-expand .cd-item').each(function () { $(this).find('.cd-item-detail').hide() }) $(this).addClass('active') $(this).find('.ci-detail').show() } }) $('.cookie-dialog .ci-expand .cd-item').click(function (e) { e.stopPropagation() console.log($(this).find('.cd-item-detail').css('display'), '12'); if ($(this).find('.cd-item-detail').css('display') == 'block') { $(this).find('.cd-item-detail').css('display', 'none') } else { $('.cookie-dialog .ci-expand .cd-item').each(function () { $(this).find('.cd-item-detail').hide() }) $(this).find('.cd-item-detail').show() } }) $('.cw-btn-group .only-btn').click(function(){ hwtag('event', 'CustomizeCookieClick'); }) function batchPrint() { var obj = document.getElementsByName("cookiePreferences"); var checkData = []; for (k in obj) { if (obj[k].checked) checkData.push(obj[k].value); } return checkData } let cookieOptionsSubmit = (value,position) => { let mode = 0 , functional_cookies_val = 0 ,ads_cookies_val = 0; var option; switch (value) { case "3": hwtag('event', 'AcceptAndProceed', {"ctrl_position": position === 1 ? 'cookie_setup' : 'cookie_popup'}); mode = 1; var date = new Date(); date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); var expires = `expires=${date.toUTCString()}`; document.cookie = `XP_COOKIE_SETTING_MODE=3;Path=/;${expires}`; option = {analytics_storage: 'granted', ad_storage: 'granted',ad_user_data: 'granted',ad_personalization: 'granted'}; //bing consent mode localStorage.setItem('userConsent', 'granted'); break; default: let arr = batchPrint(); console.log(arr); if (arr.includes('1')) mode += 1; option = {analytics_storage: 'granted'}; if (arr.includes('2')) mode += 2; option = {ad_storage: 'granted',ad_user_data: 'granted',ad_personalization: 'granted'}; var date = new Date(); date.setTime(date.getTime() + (365 * 24 * 60 * 60 * 1000)); var expires = `expires=${date.toUTCString()}`; document.cookie = `XP_COOKIE_SETTING_MODE=${mode};Path=/;${expires}`; if (arr.includes('1')) { functional_cookies_val = 1; } if (arr.includes('2')) { ads_cookies_val = 1; //bing consent mode localStorage.setItem('userConsent', 'granted'); } hwtag('event', 'SaveCustomizeCookie', {"functional_cookies": functional_cookies_val, "ads_cookies": ads_cookies_val}); break; } window.uetq = window.uetq || []; if(mode>0){ gtag('consent', 'update',option ); localStorage['gtag.consent.option'] = JSON.stringify(option); //bing consent mode window.uetq.push('consent', 'update', { 'ad_storage': 'granted' }); }else{ localStorage['gtag.consent.option'] = JSON.stringify({analytics_storage: 'denied', ad_storage: 'denied',ad_user_data: 'denied',ad_personalization: 'denied'}); gtag('consent', 'update',{analytics_storage: 'denied', ad_storage: 'denied',ad_user_data: 'denied',ad_personalization: 'denied'} ); // localStorage.removeItem('gtag.consent.option'); window.uetq.push('consent', 'update', { 'ad_storage': 'denied' }); } location.reload() // $('.cookies-warpper').hide() // $('#cookieModal').modal('hide') } </script>

CINXE.COM

Help online teaching | XP-Pen Europe Official Store