index.html

<!DOCTYPE html>
<html itemscope="" itemtype="http://schema.org/WebPage" lang="zh-CN" xmlns:fb="https://www.facebook.com/2008/fbml"
  xmlns:og="http://ogp.me/ns#" xmlns="http://www.w3.org/1999/xhtml" data-lt-installed="true">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>RubyConf China 2023</title>
  <!-- removing_gon has activated 100%, so we add not_removing_gon rollout for specific user -->
  <script type="text/javascript" async="" src="/assets/js"></script>
  <script type="text/javascript" async="" src="/assets/keen.min.js"></script>
  <script async="" src="/assets/analytics.js"></script>
  <script src="/assets/show.js" type="text/javascript"></script>
  <script>
    function setCookieItem(key, value, options) {
      if (typeof options.expires === 'number') {
        var days = options.expires, t = options.expires = new Date();
        t.setTime(+t + days * 864e+5);
      }
      return (document.cookie = [
        encodeURIComponent(key), '=', encodeURIComponent(String(value)),
        options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
        options.path ? '; path=' + options.path : '',
        options.domain ? '; domain=' + options.domain : '',
        options.secure ? '; secure' : ''
      ].join(''));
    }
    function getQueryParam(url, param) {
      // Expects a raw URL
      var newParam = param.replace(/[[]/, '\\[').replace(/[\]]/, '\\]');
      var regexS = '[\\?&]' + newParam + '=([^&#]*)';
      var regex = new RegExp(regexS);
      var results = regex.exec(url);
      if (results === null || results && typeof results[1] !== 'string' && results[1].length) {
        return '';
      } else {
        var result = results[1];
        try {
          result = decodeURIComponent(result);
        } catch (err) {
          console.error('Skipping decoding for malformed query param: ' + result);
        }
        return result.replace(/\+/g, ' ');
      }
    }
    function utmNamesMapping(utmName) {
      var expandedUtmName = '';
      switch (utmName) {
        case 'gclid':
        case 'utm_gclid_current':
          expandedUtmName = 'utm_gclid';
          break;
        default:
          expandedUtmName = utmName;
      }
      return expandedUtmName;
    }
    function getTrackDomain() {
      var trackDomain = '';
      var host = $S && $S.global_conf && $S.global_conf.host_suffix ||
        $S && $S.globalConf && $S.globalConf.host_suffix || '';
      if ($S && $S.live_site || $S && $S.liveBlog) {
        trackDomain = document.domain;
      } else if (host) {
        trackDomain = "." + host;
      } else {
        trackDomain = location.href && location.href.includes('strikingly') ? '.strikingly.com' : '.sxl.cn';
      }
      return trackDomain;
    }
    function recordUniqUtmCookies(originUrl) {
      var campaign_keywords = 'utm_source gclid utm_medium utm_campaign utm_content utm_term'.split(' '),
        kw = '',
        uniq_utm_config = {};
      var index;
      var siteUrl = originUrl || document.URL;
      for (index = 0; index < campaign_keywords.length; ++index) {
        kw = getQueryParam(siteUrl, campaign_keywords[index]);
        var utm_name = utmNamesMapping(campaign_keywords[index]);
        if (kw.length !== 0) {
          uniq_utm_config[utm_name] = kw;
        }
      }
      var isUtmCookieExisted = document.cookie && document.cookie.includes('__uniq_utm_config=');
      if (!isUtmCookieExisted) {
        uniq_utm_config['utm_timestamp'] = new Date().getTime();
        uniq_utm_config['utm_referrer'] = document.referrer;
        var gclidValue = getQueryParam(siteUrl, 'gclid');
        var gbraidValue = getQueryParam(siteUrl, 'gbraid');
        var wbraidValue = getQueryParam(siteUrl, 'wbraid');
        var ttclidValue = getQueryParam(siteUrl, 'ttclid');
        var fbclidValue = getQueryParam(siteUrl, 'fbclid');
        var msclkidValue = getQueryParam(siteUrl, 'msclkid');
        if (gclidValue) {
          uniq_utm_config['utm_gclid'] = gclidValue;
        }
        if (gbraidValue) {
          uniq_utm_config['utm_gbraid'] = gbraidValue;
        }
        if (wbraidValue) {
          uniq_utm_config['utm_wbraid'] = wbraidValue;
        }
        if (ttclidValue) {
          uniq_utm_config['utm_ttclid'] = ttclidValue;
        }
        if (fbclidValue) {
          uniq_utm_config['utm_fbclid'] = fbclidValue;
        }
        if (msclkidValue) {
          uniq_utm_config['utm_msclkid'] = msclkidValue;
        }
        var cookieDomain = getTrackDomain();
        var cookieConfig = {
          expires: 120,
          path: '/',
          domain: cookieDomain
        }
        if (window.$ && window.$.cookie) {
          window.$.cookie('__uniq_utm_config', JSON.stringify(uniq_utm_config), cookieConfig);
        } else {
          setCookieItem('__uniq_utm_config', JSON.stringify(uniq_utm_config), cookieConfig);
        }
      }
    }
    function recordBaiDuAnalyticsCookies() {
      var siteUrl = document.URL;
      var baiduVid = getQueryParam(siteUrl, 'bd_vid');
      if (baiduVid) {
        var analyticsDomain = getTrackDomain();
        setCookieItem('__bd_analytics_config', JSON.stringify({
          bd_vid: baiduVid,
          logid_url: siteUrl
        }), {
          expires: 120,
          path: '/',
          domain: analyticsDomain
        });
      }
    }
    function recordFacebookAnalyticsCookies() {
      var siteUrl = document.URL;
      var fbclid = getQueryParam(siteUrl, 'fbclid');
      if (fbclid) {
        var trackDomain = getTrackDomain();
        setCookieItem('__fe_fbclid', fbclid, {
          expires: 90,
          path: '/',
          domain: trackDomain
        });
      }
    }

    const isShowCookieNotification = $S?.stores?.pageData?.showCookieNotification
      || $S?.blogPostData?.pageData?.showCookieNotification

    // record unique utm cookies
    try {
      if (!isShowCookieNotification) {
        recordUniqUtmCookies();
      }
    } catch (error) {
      console.error(error);
    }
    // record Bai Du analytics cookies for sxl
    try {
      if (!isShowCookieNotification) {
        recordBaiDuAnalyticsCookies();
      }
    } catch (error) {
      console.error(error);
    }
    // record Fackbook analytics cookies
    try {
      if (!isShowCookieNotification) {
        recordFacebookAnalyticsCookies();
      }
    } catch (error) {
      console.error(error);
    }
  </script>


  <meta content="width=device-width,initial-scale=1.0,user-scalable=yes,minimum-scale=1.0,maximum-scale=3.0"
    id="viewport" name="viewport">
  <meta content="#ffffff" name="theme-color">
  <style>
    html,
    body {
      margin: 0;
      padding: 0
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    dd,
    dl,
    dt,
    li,
    ol,
    ul,
    fieldset,
    form,
    label,
    input,
    textarea,
    legend,
    button,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td {
      margin: 0;
      padding: 0;
      border: 0;
      font-weight: normal;
      font-style: normal;
      font-size: 100%;
      line-height: 1;
      font-family: inherit
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    ol,
    ul {
      list-style: none
    }

    q:before,
    q:after,
    blockquote:before,
    blockquote:after {
      content: ""
    }

    html {
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%
    }

    a:focus {
      outline: thin dotted
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
      display: block
    }

    audio,
    canvas,
    video {
      display: inline-block
    }

    audio:not([controls]) {
      display: none
    }

    sub,
    sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
    }

    sup {
      top: -0.5em
    }

    sub {
      bottom: -0.25em
    }

    img {
      border: 0;
      -ms-interpolation-mode: bicubic
    }

    nav,
    section,
    aside,
    article,
    figure,
    header,
    footer,
    hgroup {
      display: block;
      clear: both
    }

    a {
      text-decoration: none
    }

    nav ul,
    footer ul {
      list-style-type: none
    }

    html {
      font-size: 14px;
      line-height: 1
    }

    input::-webkit-input-placeholder {
      color: #c0c4c8
    }
  </style>

  <link rel="preconnect" media="screen" href="https://static-fonts-css.sxlcdn.com/" crossorigin="true">
  <link rel="preload" media="screen" href="/assets/css" as="font">
  <link rel="stylesheet" media="all" href="/assets/css" as="style" onload="this.media=&#39;all&#39;">
  <link rel="preload stylesheet" media="screen" href="/assets/main_v4.3b0b5ba160f8eae59c27.bundle.css" as="style"
    type="text/css" onload="if(media!==&#39;screen&#39;)media=&#39;screen&#39;">
  <link defer="true"
    href="https://user-assets.sxlcdn.com/images/1102608/FszyuxcZhO3_XyrCINA7L7q1eTiC.png?imageMogr2/strip/auto-orient/thumbnail/64x64%3E/format/png"
    rel="shortcut icon" type="image/x-icon">
  <meta content="RubyConf China 2023" property="og:title">
  <meta content="http://www.rubyconfchina.org/" property="og:url">
  <meta
    content="https://user-assets.sxlcdn.com/images/1102608/FszyuxcZhO3_XyrCINA7L7q1eTiC.png?imageMogr2/strip/auto-orient/thumbnail/1200x630&gt;/format/png"
    property="og:image">
  <meta content="RubyConf China 2023" property="og:site_name">
  <meta content="" property="og:description">
  <meta content="RubyConf China 2023" itemprop="name">
  <meta content="" itemprop="description">
  <meta
    content="https://user-assets.sxlcdn.com/images/1102608/FszyuxcZhO3_XyrCINA7L7q1eTiC.png?imageMogr2/strip/auto-orient/thumbnail/1200x630&gt;/format/png"
    itemprop="image">
  <meta content="summary_large_image" name="twitter:card">
  <meta content="RubyConf China 2023" name="twitter:title">
  <meta content="" name="twitter:description">
  <meta
    content="https://user-assets.sxlcdn.com/images/1102608/FszyuxcZhO3_XyrCINA7L7q1eTiC.png?imageMogr2/strip/auto-orient/thumbnail/1200x630&gt;/format/png"
    name="twitter:image">
  <meta content="" name="description">
  <meta content="" name="keywords">

  <meta name="support-helper" content="{&quot;permalink&quot;:&quot;rubyconfchina2023&quot;,&quot;id&quot;:12651960}">
  <link rel="canonical" href="http://www.rubyconfchina.org/">
  <script>
    if (!window.utils) window.utils = {}
    window.utils.getCookieByName = (name) => {
      const cookies = document.cookie.split(';')
      for (const cookie of cookies) {
        const [key, value] = cookie.trim().split('=')
        if (key === name) {
          return decodeURIComponent(value)
        }
      }
      return ''
    }
  </script>
  <script>
    var _strk = _strk || []
    _strk.push = function (arg1, arg2) {
      var _arrayPush = Array.prototype.push.bind(this)
      if (typeof arg1 === 'string' && typeof arg2 === 'function') {
        // Support _strk.push(event, fn) for better UX
        _arrayPush([arg1, arg2])
      } else {
        _arrayPush.apply(this, arguments)
      }
    }
    window.runAfterDomBinding = {
      add: function (name, fn) {
        _strk.push(['Page.didMount', fn])
      }
    }
  </script>


  <!-- CUSTOM_CODE_START -->
  <!-- CUSTOM_CODE_END -->

  <meta name="asset-url" content="https://static-assets.sxlcdn.com">
  <script>
      (function () {
        window.$B || (window.$B = {});

        window.utils || (window.utils = {});

        window.utils.getCookieValue = function (name) {
          var cookie, cookies, key, value, _i, _len, _ref;
          cookies = document.cookie.split(';');
          for (_i = 0, _len = cookies.length; _i < _len; _i++) {
            cookie = cookies[_i];
            _ref = cookie.trim().split('='), key = _ref[0], value = _ref[1];
            if (key === name) {
              return decodeURIComponent(value);
            }
          }
          return '';
        };

      }).call(this);
  </script>
  <script src="/assets/detectIE-c385c24313ef0e9e4e7a1e131bf5e59f0fbd468f9f9ef44fd6739ae84ef0c0a4.js"
    async="async"></script>

  <style type="text/css" data-emotion=""></style>
  <style data-emotion="css osqwld" data-s="">
    .css-osqwld.s-nav.navigator .s-navbar-desktop {
      background: rgba(0, 0, 0, 0);
      position: absolute;
      left: 0;
      z-index: 201;
      width: 100%;
      box-sizing: border-box;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop:not(.s-new-layout-g) .s-nav-social-media.has-social-media-contact-list {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-uncollapsed-nav>.s-nav-li,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-icons>.s-nav-li,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-common-button {
      font-size: 100%;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-common-button {
      padding: 12px 20px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-container .s-nav-li,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-icons .s-nav-li {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-icons .s-nav-li {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-btn {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul li {
      text-align: left;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li.s-navbar-dropdown li.selected>.s-nav-link-container,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li.s-navbar-dropdown li>.s-nav-link-container:hover {
      background: #f2f2f2;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-navbar-dropdown .social-medial-li:hover {
      background: #f2f2f2;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul {
      border-radius: 4px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-collapsed-nav {
      color: #2e2e2f;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-bg-light-text .membership-nav-container ul li a {
      color: rgba(0, 0, 0, 0.8) !important;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-ecommerce-shopping-cart .fa {
      margin: 0 5px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(.is-not-sticky-navbar) {
      top: 0;
      left: 0px;
      right: initial;
      width: calc(100% - 0px);
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed ._alternative .s-logo-image-normal {
      display: none;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed ._alternative .s-logo-image-alternative {
      display: inline-block;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed ._alternative .s-logo-image img {
      max-height: 40px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout .s-nav-icons .login-icon {
      margin: 0 5px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-icon-button,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-icon-button,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-icon-button {
      right: 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper>.s-nav-social-media {
      left: 0;
      right: unset;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f.inline-layout {
      background: rgba(0, 0, 0, 0);
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-search,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-shopping-cart,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .entypo-user {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-search {
      margin: 0 8px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons>div.s-nav-li:last-child {
      left: calc(50% - 18px);
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-h .s-nav-social-media,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout.topBlock .s-nav-social-media {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: right;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links li {
      display: inline-block;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links li a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links li .s-nav-dropdown-item,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links li .login-nav-item {
      font-weight: bold;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-items-and-links li.s-nav-li>.s-nav-link-container {
      padding: 5px 10px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-navbar-dropdown li {
      display: block;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.topBar .s-nav-inner .s-nav-social-media.has-social-media-contact-list {
      margin: 0 auto;
      width: 1200px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.topBar .s-nav-inner .s-nav-social-media.has-social-media-contact-list .social-media-contact-list-wrapper {
      margin-right: 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.topBar .s-nav-inner .s-nav-inner-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-right: 10px;
      width: 1200px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo-title {
      font-size: 120%;
      margin-left: 10px;
      margin-right: 10px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo-title.rtl-layout .s-component-overlay {
      margin-left: 0;
      margin-right: -8px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo .s-image {
      max-width: 240px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo-image {
      margin: 0 10px 0 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo-image.rtl-layout .s-component-overlay {
      margin-left: 0;
      margin-right: -8px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-logo-image img {
      max-height: 60px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-btn {
      margin: 0 10px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-common-button {
      padding: 12px 20px;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout-c:not(.in-editor) .s-logo-title {
      min-width: auto;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout-c:not(.in-editor):not(.has-button) .s-nav-btn {
      display: none;
      width: 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-new-layout-c:not(.in-editor):not(.has-title) .s-logo-title {
      display: none;
      width: 0;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal {
      visibility: hidden;
      opacity: 0;
    }

    @media screen and (min-width: 728px) {
      .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed {
        display: block;
      }
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(.inline-layout) {
      -webkit-transition: all 0.25s;
      transition: all 0.25s;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative {
      box-shadow: 0 1px rgba(0, 0, 0, 0.12);
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed .s-logo-image-1 {
      display: inline-block;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed .s-logo-image-2 {
      display: none;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal .s-nav-items-and-links .s-nav-li.selected>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal .s-nav-items-and-links .s-nav-li:hover>.s-nav-link-container>a {
      outline: none;
      border-bottom-color: inherit;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li.selected .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li:hover .s-nav-li>.s-nav-link-container>a {
      color: inherit;
      border-bottom-color: transparent;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(._alternative) .s-nav-items-and-links .s-nav-li.selected>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(._alternative) .s-nav-items-and-links .s-nav-li:hover>.s-nav-link-container>a {
      outline: none;
      border-bottom-color: inherit;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(._alternative) .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(._alternative) .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li.selected .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed:not(._alternative) .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li:hover .s-nav-li>.s-nav-link-container>a {
      color: inherit;
      border-bottom-color: transparent;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative .s-nav-items-and-links .s-nav-li.selected>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative .s-nav-items-and-links .s-nav-li:hover>.s-nav-link-container>a {
      outline: none;
      color: #f52f55;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li.selected .s-nav-li>.s-nav-link-container>a,
    .css-osqwld.s-nav.navigator .s-navbar-desktop.s-navbar-desktop-fixed._alternative .s-nav-items-and-links .s-nav-li.s-navbar-dropdown.s-nav-li:hover .s-nav-li>.s-nav-link-container>a {
      color: inherit;
      border-bottom-color: transparent;
    }

    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-inner,
    .css-osqwld.s-nav.navigator .s-navbar-desktop .s-nav-inner-wrap {
      margin: auto;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g):not(.topBlock) .s-nav-inner-wrap {
      padding: 20px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g):not(.topBlock) .s-nav-inner-wrap .s-nav-items-and-links.s-nav-icons .s-nav-li {
      margin: 0;
      margin-left: 20px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g):not(.topBlock) .s-nav-inner-wrap .s-nav-items-and-links.s-nav-icons .s-nav-li:first-child {
      margin-left: 10px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g) .s-nav-inner .s-nav-social-media.has-social-media-contact-list {
      padding: 8px 20px 8px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g) .s-nav-inner .s-nav-social-media.has-social-media-contact-list .social-media-contact-item {
      margin: 0;
      margin-left: 20px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g) .s-nav-inner .s-nav-social-media.has-social-media-contact-list .s-social-media-button {
      margin: 0;
      margin-left: 20px;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g) .s-nav-inner .s-nav-social-media.has-social-media-contact-list .social-media-link:last-child {
      margin-right: 0;
    }

    .css-osqwld.navigator .s-new-layout:not(.s-new-layout-g) .s-nav-inner .s-nav-social-media.has-social-media-contact-list .fb-counter {
      margin: 0 -15px;
    }

    .css-osqwld.navigator .s-new-layout .social-contact-icon {
      margin-right: 10px;
    }

    .css-osqwld .s-navbar-mobile-header {
      background: rgba(0, 0, 0, 0);
      padding: 5px;
      min-height: 50px;
    }

    @media screen and (max-width:727px) {
      .css-osqwld.s-nav.navigator .s-navbar-desktop {
        display: none;
      }
    }
  </style>
  <style data-emotion="css xrvj87" data-s="">
    .css-xrvj87 {
      position: relative;
    }

    .s-navbar-desktop-normal .css-xrvj87 .s-logo-image-alternative {
      display: none;
    }

    .s-navbar-desktop-fixed .css-xrvj87 {
      position: relative;
    }

    .s-navbar-desktop-fixed .css-xrvj87 .s-logo-image-alternative>.s-logo-image.image2 {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 200;
    }

    .s-navbar-desktop-fixed .css-xrvj87 .s-logo-image-alternative>.s-logo-image.image2 .s-component-empty {
      opacity: 0;
    }

    .s-navbar-desktop-fixed .css-xrvj87 .s-logo-image-alternative>.s-logo-image.image2 .s-image {
      height: 100%;
    }
  </style>
  <style data-emotion="css 14k09hy" data-s="">
    .css-14k09hy {
      font-size: 17px;
    }

    .css-14k09hy .s-section:not(.s-grid-section) .container {
      z-index: 4;
    }

    .css-14k09hy .s-section:not(.s-slider-section) .container {
      width: 1200px;
    }

    .css-14k09hy .s-section.s-slider-section .container {
      width: 1200px;
    }

    .css-14k09hy .s-email-form .s-email-form-fields-group .s-email-form-field input[type='text'],
    .css-14k09hy .s-signup-form .s-email-form-fields-group .s-email-form-field input[type='text'],
    .css-14k09hy .s-email-form .s-email-form-fields-group .s-email-form-field textarea,
    .css-14k09hy .s-signup-form .s-email-form-fields-group .s-email-form-field textarea {
      border-radius: 4px;
    }

    #s-content .css-14k09hy h1,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h1,
    #s-content .css-14k09hy h2,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h2 {
      font-size: 36px;
    }

    false #s-content .css-14k09hy h1,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group h1,
    false #s-content .css-14k09hy h2,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group h2,
    #s-content .css-14k09hy h1 p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h1 p,
    #s-content .css-14k09hy h2 p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h2 p,
    #s-content .css-14k09hy h1 span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h1 span,
    #s-content .css-14k09hy h2 span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h2 span {
      line-height: 1.4;
    }

    #s-content .css-14k09hy h4,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h4 {
      font-size: 18px;
    }

    false #s-content .css-14k09hy h4,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group h4,
    #s-content .css-14k09hy h4 p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h4 p,
    #s-content .css-14k09hy h4 span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h4 span {
      line-height: undefined;
    }

    #s-content .css-14k09hy h3,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h3,
    #s-content .css-14k09hy .s-blog-title,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-title,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-name,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-name {
      font-size: 18px;
    }

    false #s-content .css-14k09hy h3,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group h3,
    false #s-content .css-14k09hy .s-blog-title,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-title,
    false #s-content .css-14k09hy .s-ecommerce-card-view-card-name,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-name,
    #s-content .css-14k09hy h3 p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h3 p,
    #s-content .css-14k09hy .s-blog-title p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-title p,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-name p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-name p,
    #s-content .css-14k09hy h3 span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h3 span,
    #s-content .css-14k09hy .s-blog-title span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-title span,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-name span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-name span {
      line-height: undefined;
    }

    #s-content .css-14k09hy h6,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h6,
    #s-content .css-14k09hy .s-blog-info,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-info,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-price,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-price {
      font-size: 18px;
    }

    false #s-content .css-14k09hy h6,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group h6,
    false #s-content .css-14k09hy .s-blog-info,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-info,
    false #s-content .css-14k09hy .s-ecommerce-card-view-card-price,
    false .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-price,
    #s-content .css-14k09hy h6 p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h6 p,
    #s-content .css-14k09hy .s-blog-info p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-info p,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-price p,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-price p,
    #s-content .css-14k09hy h6 span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group h6 span,
    #s-content .css-14k09hy .s-blog-info span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-blog-info span,
    #s-content .css-14k09hy .s-ecommerce-card-view-card-price span,
    .css-14k09hy #cro-section-selector-container .s-section-selector-group .s-ecommerce-card-view-card-price span {
      line-height: undefined;
    }

    .css-14k09hy h6,
    .css-14k09hy .s-section,
    .css-14k09hy .s-contact-info-form .s-contact-info-item,
    .css-14k09hy .s-blog .s-blog-details-blurb,
    .css-14k09hy .s-footer-section .s-footer-text,
    .css-14k09hy .s-item-text {
      font-size: 17px;
    }

    .css-14k09hy .s-section .s-component.s-text li::marker,
    .css-14k09hy .s-section .s-component.s-text li::before {
      font-size: 17px;
    }

    .css-14k09hy .s-section .s-component.s-text h1 li::marker,
    .css-14k09hy .s-section .s-component.s-text h1 li::before {
      font-size: 36px;
      line-height: 1.4;
    }

    .css-14k09hy .s-section .s-component.s-text h2 li::marker,
    .css-14k09hy .s-section .s-component.s-text h2 li::before {
      font-size: 36px;
      line-height: 1.4;
    }

    .css-14k09hy .s-section .s-component.s-text h3 li::marker,
    .css-14k09hy .s-section .s-component.s-text h3 li::before {
      font-size: 18px;
      line-height: undefined;
    }

    .css-14k09hy .s-section .s-component.s-text h4 li::marker,
    .css-14k09hy .s-section .s-component.s-text h4 li::before {
      font-size: 18px;
      line-height: undefined;
    }

    .css-14k09hy .s-section .s-component.s-text h6 li::marker,
    .css-14k09hy .s-section .s-component.s-text h6 li::before {
      font-size: 18px;
      line-height: undefined;
    }

    .css-14k09hy .s-footer-section.s-bg-dark .s-footer-text {
      color: #fff;
    }

    .css-14k09hy .navbar-drawer-bar .mobile,
    .css-14k09hy .navbar-drawer-bar .navbar {
      box-shadow: none;
    }

    .css-14k09hy .navbar-drawer-bar:not(.drawer-open) .navbar {
      background: #fff;
      border-radius: 4px;
    }

    .css-14k09hy .navbar-drawer-bar:not(.drawer-open) .navbar .navbar-icons span {
      background-color: #f52f55;
    }

    .css-14k09hy .navbar-drawer-bar:not(.drawer-open) .mobile-cart-icon .navbar-cart {
      background: #fff;
      border-radius: 4px;
    }

    .css-14k09hy .navbar-drawer-bar:not(.drawer-open) .mobile-cart-icon .navbar-cart i.fa-shopping-cart {
      color: #f52f55;
    }

    .css-14k09hy .navbar-drawer-bar.drawer-open .navbar .navbar-icons span {
      background-color: #f52f55;
    }

    .css-14k09hy .navbar-drawer-bar.drawer-open .mobile-cart-icon .navbar-cart i.fa-shopping-cart {
      color: #f52f55;
    }

    .css-14k09hy .s-title {
      color: #080808;
    }

    .css-14k09hy .s-subtitle {
      color: #f52f55;
    }

    .css-14k09hy .s-item-title,
    .css-14k09hy .s-ecommerce-card-view-card-name {
      color: #000000;
    }

    .css-14k09hy .s-item-subtitle,
    .css-14k09hy .s-page-product .s-section .s-ecommerce .s-ecommerce-row-view-product .s-ecommerce-row-view-product-detail-panel .s-ecommerce-row-view-product-pricing,
    .css-14k09hy .slides .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-cards .s-ecommerce-card-view-card .s-ecommerce-card-view-card-price,
    .css-14k09hy .s-section-selector-group .s-ecommerce-card-view-card-price,
    .css-14k09hy .s-blog-info {
      color: #f52f55;
    }

    .css-14k09hy .s-item-text,
    .css-14k09hy .s-footer-text,
    .css-14k09hy .s-blog-details-blurb {
      color: #6581a1;
    }
  </style>
  <style data-emotion="css 1tnf9eu" data-s="">
    .css-1tnf9eu {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      line-height: 1;
      -webkit-backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      -webkit-transition: all ease-in 0.2s;
      transition: all ease-in 0.2s;
    }

    .css-1tnf9eu.loaded {
      -webkit-backdrop-filter: blur(0px);
      -webkit-backdrop-filter: blur(0px);
      backdrop-filter: blur(0px);
      visibility: hidden;
    }
  </style>
  <style data-emotion="css 16zhy08" data-s="">
    .css-16zhy08 .s-common-button {
      border-radius: 4px;
      border: none;
      background: #f52f55;
      color: #fff;
      -webkit-transition: all 0.15s;
      transition: all 0.15s;
    }

    .css-16zhy08 .s-common-button:hover {
      opacity: 1;
      background: #ff3866;
    }
  </style>
  <style data-emotion="css" data-s=""></style>
  <style>
    .product-filter-container,
    .product-filter-popup {
      width: 225px;
      padding: 0 10px 15px 14px;
    }

    .product-filter-container .editor-item,
    .product-filter-popup .editor-item {
      margin-bottom: 10px;
    }

    .product-filter-container .editor-item .label-panel,
    .product-filter-popup .editor-item .label-panel {
      display: inline-block;
      text-transform: capitalize;
    }

    .product-filter-container .editor-item .label-panel .label,
    .product-filter-popup .editor-item .label-panel .label {
      margin-right: 5px;
    }

    .product-filter-container .editor-item .label-panel .sub-label,
    .product-filter-popup .editor-item .label-panel .sub-label {
      color: #c6c9cd;
      text-transform: capitalize;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title,
    .product-filter-container .list .title,
    .product-filter-popup .list .title {
      color: #4b5056;
      font-weight: bold;
    }

    .product-filter-container .top-bar .s-kit-checkbox,
    .product-filter-popup .top-bar .s-kit-checkbox,
    .product-filter-container .list .s-kit-checkbox,
    .product-filter-popup .list .s-kit-checkbox {
      vertical-align: middle;
    }

    .product-filter-container .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .top-bar .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-container .list .s-kit-checkbox .s-kit-checkbox-input,
    .product-filter-popup .list .s-kit-checkbox .s-kit-checkbox-input {
      vertical-align: text-top;
    }

    .product-filter-container .top-bar,
    .product-filter-popup .top-bar {
      display: flex;
      border-bottom: 1px solid #E2E4E7;
      margin-bottom: 15px;
      padding-bottom: 15px;
    }

    .product-filter-container .top-bar .title,
    .product-filter-popup .top-bar .title {
      flex: 1;
      font-size: 14px;
    }

    .product-filter-container .top-bar .reset,
    .product-filter-popup .top-bar .reset {
      margin: auto;
      font-size: 14px;
      color: #636972;
      cursor: pointer;
      text-decoration: underline;
    }

    .product-filter-container .list,
    .product-filter-popup .list {
      overflow-y: auto;
      overflow-x: hidden;
    }

    .product-filter-container .list .option,
    .product-filter-popup .list .option {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #E2E4E7;
    }

    .product-filter-container .list .option.option-prices .title,
    .product-filter-popup .list .option.option-prices .title {
      margin-bottom: 0px;
    }

    .product-filter-container .list .option .title,
    .product-filter-popup .list .option .title {
      margin-bottom: 10px;
      font-size: 14px;
      text-transform: capitalize;
    }

    .product-filter-container .list .option .item:not(:last-child),
    .product-filter-popup .list .option .item:not(:last-child) {
      margin-bottom: 10px;
    }

    .product-filter-container .list .option .item .label-panel,
    .product-filter-popup .list .option .item .label-panel {
      text-transform: capitalize;
      display: inline-block;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider {
      width: 206px;
      margin: 10px 0 10px 8px;
      padding: 4px 0;
      display: inline-block;
      text-align: center;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-rail,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-track,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-track {
      height: 4px;
      width: 100%;
      border-radius: 4px;
      top: 6px;
      color: #E2E4E7;
      background: #E2E4E7;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks {
      color: #4b5056;
      margin-top: 15px;
      position: relative;
      margin-left: -6px;
      font-size: 12px;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks span,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks span {
      position: absolute;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks .min-marks-text,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks .min-marks-text {
      left: 0;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .price-slider-marks .max-marks-text,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .price-slider-marks .max-marks-text {
      right: 0;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle {
      width: 16px;
      height: 16px;
      border: 1px solid #636972;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider .s-kit-slider-handle:active {
      transform: scale(1);
      box-shadow: none;
    }

    .product-filter-container .list .option .item.price-slider .s-kit-slider-mark,
    .product-filter-popup .list .option .item.price-slider .s-kit-slider-mark {
      margin-top: 10px;
    }

    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:hover,
    .product-filter-container .list .option .item.price-slider.disabled .s-kit-slider-handle:active,
    .product-filter-popup .list .option .item.price-slider.disabled .s-kit-slider-handle:active {
      transform: scale(1);
      box-shadow: none;
      border: 1px solid #636972;
    }

    .product-filter-container .list .option .view-all,
    .product-filter-popup .list .option .view-all {
      margin-top: 10px;
      margin-bottom: 10px;
      color: #636972;
      opacity: 0.6;
      padding-left: 19px;
      cursor: pointer;
      text-transform: lowercase;
    }

    .product-filter-container .list .option .view-all p,
    .product-filter-popup .list .option .view-all p {
      display: inline-block;
    }

    .product-filter-container .list .option .view-all p::first-letter,
    .product-filter-popup .list .option .view-all p::first-letter {
      text-transform: uppercase;
    }

    .product-filter-container .list .option .view-all p:hover,
    .product-filter-popup .list .option .view-all p:hover {
      text-decoration: underline;
    }

    .product-filter-container .list {
      max-height: 1200px;
    }

    .product-filter-popup {
      height: 80%;
      overflow-y: hidden;
      overflow-x: hidden;
    }

    .product-filter-popup .s-kit-modal-content {
      height: 100%;
      margin: 15px;
    }

    .product-filter-popup .s-kit-modal-content .s-kit-modal-body {
      height: 100%;
      position: relative;
      box-sizing: border-box;
    }

    .product-filter-popup .s-kit-modal-content .container {
      height: 100%;
      padding-bottom: 60px;
      overflow-y: auto;
      box-sizing: border-box;
    }

    .product-filter-popup .s-kit-modal-content .list {
      height: auto;
      overflow: hidden;
    }

    .product-filter-popup .s-kit-modal-content .list .option .price-slider .s-kit-slider {
      width: 94%;
    }

    .product-filter-popup .s-kit-modal-content .btn {
      width: 100%;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 0 22px;
      background-color: #ffffff;
    }

    .product-filter-popup .s-kit-modal-content .btn .s-kit-btn {
      width: 220px;
      height: 36px;
      background-color: #ffffff;
    }
  </style>
  <style type="text/css"></style>
  <style>
    .contact-info-list {
      color: #4b5056;
      font-family: open_sans, Open Sans, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 150%;
    }

    .contact-info-list>.contact-info-row:not(:last-child) {
      margin: 20px 0;
    }

    .contact-info-list>.contact-info-row i {
      display: inline-block;
      vertical-align: middle;
      margin-right: 6px;
    }

    .contact-info-list>.contact-info-row .qr-code {
      display: block;
      width: 80px;
      height: 80px;
    }

    .oneclick-contact-info-dialog {
      position: fixed;
      background-color: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5000;
      display: none;
    }

    .oneclick-contact-info-dialog .oneclick-contact-info-dialog-content {
      width: 440px;
      max-width: 90%;
      max-height: 80%;
      overflow-y: auto;
      margin: 100px auto 0;
      padding: 30px;
      box-sizing: border-box;
      background-color: white;
      color: #4b5056;
      font-size: 14px;
      font-family: open_sans, Open Sans, sans-serif;
      border-radius: 5px;
      font-weight: 700;
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    }

    .oneclick-contact-info-dialog .oneclick-contact-info-dialog-content .title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 20px;
      font-style: normal;
      line-height: 120%;
    }

    .oneclick-contact-info-dialog .oneclick-contact-info-dialog-content .title .close-button {
      cursor: pointer;
      font-size: 30px;
    }

    .oneclick-contact-info-dialog .oneclick-contact-info-dialog-content .tips {
      color: #636972;
      font-weight: 400;
      line-height: 150%;
      margin-top: 10px;
    }
  </style>
  <style>
    .oneclick-footer-pbs {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      width: 310px;
      box-sizing: border-box;
      line-height: 1.5;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2);
      background-image: linear-gradient(180deg, #633f97, #493d70);
      margin: auto;
      color: white;
    }

    .oneclick-footer-pbs .contact-us-text {
      margin-left: 8px;
      text-decoration: underline;
    }

    .oneclick-footer-pbs-tooltip .s-kit-tooltip-content {
      border-color: #dadbde;
    }

    .oneclick-footer-pbs-tooltip .s-kit-tooltip-content .s-kit-tooltip-inner-content {
      width: 310px;
      box-sizing: border-box;
      border-radius: 4px;
      background-color: #f4f6f8;
      border-color: #f4f6f8;
    }

    .oneclick-footer-pbs-tooltip .s-kit-tooltip-content .s-kit-tooltip-arrow {
      border-top-color: #f4f6f8;
    }

    .oneclick-footer-pbs-tooltip .s-kit-tooltip-content .contact-info-list>.contact-info-row:first-child {
      margin-top: 0;
    }
  </style>
  <style>
    .s-dialog-form .s-kit-modal-close {
      right: 22px;
    }

    .s-dialog-form .form-title {
      color: #4b5056;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .s-dialog-form .form-title:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .s-dialog-form .form-title:lang(zh-cn),
    .s-dialog-form .form-title:lang(zh),
    .s-dialog-form .form-title:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .s-dialog-form .form-title:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .s-dialog-form .form-description {
      color: #636972;
      margin-bottom: 20px;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
      font-weight: 600;
      font-style: italic;
      font-display: swap;
    }

    .wall-form-wrapper .s-email-form-button {
      width: 100%;
    }

    .wall-form-wrapper .s-email-form-button .fa-spinner {
      margin: 0 10px;
    }

    .wall-form-wrapper .form-field-error {
      color: #E64751;
    }

    .wall-form-wrapper .s-email-form .s-email-form-fields-group .s-email-form-field label {
      font-size: 14px;
      line-height: 1.2;
      position: static;
      width: 50%;
      color: #636972;
      overflow: initial;
    }

    .wall-form-wrapper .form-product-preview {
      display: flex;
      margin-bottom: 20px;
      align-items: flex-start;
      background-color: #F4F6F8;
      padding: 20px;
      border-radius: 4px;
    }

    .wall-form-wrapper .form-product-preview .product-preview-image {
      width: 100px;
      height: fit-content;
    }

    .wall-form-wrapper .form-product-preview .product-preview-name {
      margin: 0 20px;
    }
  </style>
  <style>
    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
      font-weight: 600;
      font-style: italic;
      font-display: swap;
    }

    .ant-picker-dropdown.schema-date-picker-dropdown {
      z-index: 2101;
    }

    .portfolio-wall-form-dialog {
      z-index: 2100;
      overflow: hidden;
    }

    .portfolio-wall-form-dialog .s-font-body {
      font-family: 'open_sans', 'Open Sans', sans-serif;
    }

    .portfolio-wall-form-dialog .s-font-body:lang(ja) {
      font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .portfolio-wall-form-dialog .s-font-body:lang(zh-cn),
    .portfolio-wall-form-dialog .s-font-body:lang(zh),
    .portfolio-wall-form-dialog .s-font-body:lang(sxl) {
      font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .portfolio-wall-form-dialog .s-font-body:lang(zh-tw) {
      font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .portfolio-wall-form-dialog .wall-form-wrapper {
      max-width: 360px;
    }

    .portfolio-wall-form-dialog .wall-form-wrapper .dialog-content {
      max-height: calc(100vh - 150px);
      overflow-y: scroll;
    }

    .portfolio-wall-form-dialog .wall-form-wrapper .dialog-content .s-email-form .s-email-form-fields-group .s-email-form-field .s-kit-input {
      width: 100%;
    }

    .portfolio-wall-form-dialog .wall-form-wrapper .dialog-content>.s-email-form {
      text-align: left;
    }

    @media screen and (max-width: 540px) {
      .portfolio-wall-form-dialog .wall-form-wrapper .dialog-content>.s-email-form {
        padding-bottom: 120px;
      }
    }

    .portfolio-wall-form-dialog .wall-form-wrapper .form-description,
    .portfolio-wall-form-dialog .wall-form-wrapper .form-title {
      width: unset;
    }

    .portfolio-wall-form-dialog .s-email-form-button.s-common-button {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .portfolio-wall-form-dialog .s-email-form-button.s-common-button:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .portfolio-wall-form-dialog .s-email-form-button.s-common-button:lang(zh-cn),
    .portfolio-wall-form-dialog .s-email-form-button.s-common-button:lang(zh),
    .portfolio-wall-form-dialog .s-email-form-button.s-common-button:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .portfolio-wall-form-dialog .s-email-form-button.s-common-button:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .portfolio-wall-form-dialog .s-email-form-button.s-common-button.disabled {
      opacity: .5;
      cursor: not-allowed;
      pointer-events: none;
    }

    .portfolio-wall-form-dialog .s-email-form .s-email-form-fields-group .s-email-form-field {
      width: 100%;
      padding: 0;
      margin-bottom: 20px;
    }

    .portfolio-wall-form-dialog .s-email-form .s-email-form-fields-group .s-email-form-field.s-submit-field {
      margin: 24px 0 0 0;
    }

    .portfolio-wall-form-dialog .s-email-form .s-email-form-fields-group .s-email-form-field .name-field-inputs .s-kit-input {
      width: 100%;
    }

    .portfolio-wall-form-dialog .form-description,
    .portfolio-wall-form-dialog .form-title {
      width: 360px;
    }

    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description {
      font-family: 'open_sans', 'Open Sans', sans-serif;
      text-transform: capitalize;
      font-weight: initial;
    }

    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description:lang(ja) {
      font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description:lang(zh-cn),
    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description:lang(zh),
    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description:lang(sxl) {
      font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .ask-quote-success-dialog .s-kit-modal-header .s-kit-modal-title .description:lang(zh-tw) {
      font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .rtl-layout .portfolio-wall-form-dialog .wall-form-wrapper .dialog-content>.s-email-form {
      text-align: right;
    }

    .rtl-layout .portfolio-wall-form-dialog .s-email-form .s-email-form-fields-group .s-email-form-field label:not(.gdpr-text) {
      text-align: right;
    }
  </style>
  <style type="text/css" id="s352174-0">
    /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
    /* stylelint-disable declaration-bang-space-before */
    /* stylelint-disable declaration-bang-space-before */
    .s-kit-modal {
      position: relative;
      width: auto;
      margin: 0 auto;
      top: 100px;
      padding-bottom: 24px;
    }

    .s-kit-modal-wrap {
      position: fixed;
      overflow: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1000;
      -webkit-overflow-scrolling: touch;
      outline: 0;
    }

    .s-kit-modal-title {
      margin: 0;
      font-size: 14px;
      line-height: 21px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.85);
    }

    .s-kit-modal-content {
      position: relative;
      background-color: #fff;
      border: 0;
      border-radius: 4px;
      background-clip: padding-box;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .s-kit-modal-close {
      cursor: pointer;
      border: 0;
      background: transparent;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 10;
      font-weight: 700;
      line-height: 1;
      text-decoration: none;
      transition: color .3s ease;
      color: rgba(0, 0, 0, 0.43);
      outline: 0;
    }

    .s-kit-modal-close-x {
      display: block;
      font-style: normal;
      vertical-align: baseline;
      text-align: center;
      text-transform: none;
      text-rendering: auto;
      width: 48px;
      height: 48px;
      line-height: 48px;
      font-size: 14px;
    }

    .s-kit-modal-close-x:before {
      content: "\e633";
      display: block;
      font-family: "anticon" !important;
    }

    .s-kit-modal-close:focus,
    .s-kit-modal-close:hover {
      color: #444;
      text-decoration: none;
    }

    .s-kit-modal-header {
      padding: 13px 16px;
      border-radius: 4px 4px 0 0;
      background: #fff;
      color: rgba(0, 0, 0, 0.65);
      border-bottom: 1px solid #e9e9e9;
    }

    .s-kit-modal-body {
      padding: 16px;
      font-size: 12px;
      line-height: 1.5;
    }

    .s-kit-modal-footer {
      border-top: 1px solid #e9e9e9;
      padding: 10px 16px 10px 10px;
      text-align: right;
      border-radius: 0 0 4px 4px;
    }

    .s-kit-modal-footer button+button {
      margin-left: 8px;
      margin-bottom: 0;
    }

    .s-kit-modal.zoom-enter,
    .s-kit-modal.zoom-appear {
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      opacity: 0;
    }

    .s-kit-modal-mask {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background-color: #373737;
      background-color: rgba(55, 55, 55, 0.6);
      height: 100%;
      z-index: 1000;
      filter: alpha(opacity=50);
    }

    .s-kit-modal-mask-hidden {
      display: none;
    }

    .s-kit-modal-open {
      overflow: hidden;
    }

    @media (max-width: 768px) {
      .s-kit-modal {
        width: auto !important;
        margin: 10px;
      }

      .vertical-center-modal .s-kit-modal {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
      }
    }

    .s-kit-confirm .s-kit-modal-header {
      display: none;
    }

    .s-kit-confirm .s-kit-modal-close {
      display: none;
    }

    .s-kit-confirm .s-kit-modal-body {
      padding: 30px 40px;
    }

    .s-kit-confirm-body-wrapper {
      zoom: 1;
    }

    .s-kit-confirm-body-wrapper:before,
    .s-kit-confirm-body-wrapper:after {
      content: " ";
      display: table;
    }

    .s-kit-confirm-body-wrapper:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0;
    }

    .s-kit-confirm-body .s-kit-confirm-title {
      color: rgba(0, 0, 0, 0.65);
      font-weight: bold;
      font-size: 14px;
    }

    .s-kit-confirm-body .s-kit-confirm-content {
      margin-left: 42px;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.65);
      margin-top: 8px;
    }

    .s-kit-confirm-body>.anticon {
      font-size: 24px;
      margin-right: 16px;
      padding: 0 1px;
      float: left;
    }

    .s-kit-confirm .s-kit-confirm-btns {
      margin-top: 30px;
      float: right;
    }

    .s-kit-confirm .s-kit-confirm-btns button+button {
      margin-left: 10px;
      margin-bottom: 0;
    }

    .s-kit-confirm-error .s-kit-confirm-body>.anticon {
      color: #f04134;
    }

    .s-kit-confirm-warning .s-kit-confirm-body>.anticon,
    .s-kit-confirm-confirm .s-kit-confirm-body>.anticon {
      color: #ffbf00;
    }

    .s-kit-confirm-info .s-kit-confirm-body>.anticon {
      color: #108ee9;
    }

    .s-kit-confirm-success .s-kit-confirm-body>.anticon {
      color: #00a854;
    }
  </style>
  <style type="text/css" id="s927011-1">
    @keyframes antSlideUpIn {
      0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0.8);
      }

      100% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }
    }

    @keyframes antSlideUpOut {
      0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }

      100% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0.8);
      }
    }

    @keyframes antPickerSlideDownIn {
      0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0.8);
      }

      100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1);
      }
    }

    @keyframes antPickerSlideDownOut {
      0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1);
      }

      100% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(0.8);
      }
    }

    .fade-enter,
    .fade-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .fade-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .fade-enter.fade-enter-active,
    .fade-appear.fade-appear-active {
      animation-name: antFadeIn;
      animation-play-state: running;
    }

    .fade-leave.fade-leave-active {
      animation-name: antFadeOut;
      animation-play-state: running;
    }

    .fade-enter,
    .fade-appear {
      opacity: 0;
      animation-timing-function: linear;
    }

    .fade-leave {
      animation-timing-function: linear;
    }

    @keyframes antFadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes antFadeOut {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    .move-up-enter,
    .move-up-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-up-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-up-enter.move-up-enter-active,
    .move-up-appear.move-up-appear-active {
      animation-name: antMoveUpIn;
      animation-play-state: running;
    }

    .move-up-leave.move-up-leave-active {
      animation-name: antMoveUpOut;
      animation-play-state: running;
    }

    .move-up-enter,
    .move-up-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-up-leave {
      animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-down-enter,
    .move-down-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-down-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-down-enter.move-down-enter-active,
    .move-down-appear.move-down-appear-active {
      animation-name: antMoveDownIn;
      animation-play-state: running;
    }

    .move-down-leave.move-down-leave-active {
      animation-name: antMoveDownOut;
      animation-play-state: running;
    }

    .move-down-enter,
    .move-down-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-down-leave {
      animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-left-enter,
    .move-left-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-left-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-left-enter.move-left-enter-active,
    .move-left-appear.move-left-appear-active {
      animation-name: antMoveLeftIn;
      animation-play-state: running;
    }

    .move-left-leave.move-left-leave-active {
      animation-name: antMoveLeftOut;
      animation-play-state: running;
    }

    .move-left-enter,
    .move-left-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-left-leave {
      animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    .move-right-enter,
    .move-right-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-right-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .move-right-enter.move-right-enter-active,
    .move-right-appear.move-right-appear-active {
      animation-name: antMoveRightIn;
      animation-play-state: running;
    }

    .move-right-leave.move-right-leave-active {
      animation-name: antMoveRightOut;
      animation-play-state: running;
    }

    .move-right-enter,
    .move-right-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
    }

    .move-right-leave {
      animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
    }

    @keyframes antMoveDownIn {
      0% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0;
      }

      100% {
        transform-origin: 0 0;
        transform: translateY(0%);
        opacity: 1;
      }
    }

    @keyframes antMoveDownOut {
      0% {
        transform-origin: 0 0;
        transform: translateY(0%);
        opacity: 1;
      }

      100% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0;
      }
    }

    @keyframes antMoveLeftIn {
      0% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0;
      }

      100% {
        transform-origin: 0 0;
        transform: translateX(0%);
        opacity: 1;
      }
    }

    @keyframes antMoveLeftOut {
      0% {
        transform-origin: 0 0;
        transform: translateX(0%);
        opacity: 1;
      }

      100% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0;
      }
    }

    @keyframes antMoveRightIn {
      0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%);
      }

      100% {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0%);
      }
    }

    @keyframes antMoveRightOut {
      0% {
        transform-origin: 0 0;
        transform: translateX(0%);
        opacity: 1;
      }

      100% {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0;
      }
    }

    @keyframes antMoveUpIn {
      0% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0;
      }

      100% {
        transform-origin: 0 0;
        transform: translateY(0%);
        opacity: 1;
      }
    }

    @keyframes antMoveUpOut {
      0% {
        transform-origin: 0 0;
        transform: translateY(0%);
        opacity: 1;
      }

      100% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0;
      }
    }

    @keyframes loadingCircle {
      0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg);
      }

      100% {
        transform-origin: 50% 50%;
        transform: rotate(360deg);
      }
    }

    .slide-up-enter,
    .slide-up-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-up-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-up-enter.slide-up-enter-active,
    .slide-up-appear.slide-up-appear-active {
      animation-name: antSlideUpIn;
      animation-play-state: running;
    }

    .slide-up-leave.slide-up-leave-active {
      animation-name: antSlideUpOut;
      animation-play-state: running;
    }

    .slide-up-enter,
    .slide-up-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-up-leave {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-down-enter,
    .slide-down-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-down-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-down-enter.slide-down-enter-active,
    .slide-down-appear.slide-down-appear-active {
      animation-name: antSlideDownIn;
      animation-play-state: running;
    }

    .slide-down-leave.slide-down-leave-active {
      animation-name: antSlideDownOut;
      animation-play-state: running;
    }

    .slide-down-enter,
    .slide-down-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-down-leave {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-left-enter,
    .slide-left-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-left-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-left-enter.slide-left-enter-active,
    .slide-left-appear.slide-left-appear-active {
      animation-name: antSlideLeftIn;
      animation-play-state: running;
    }

    .slide-left-leave.slide-left-leave-active {
      animation-name: antSlideLeftOut;
      animation-play-state: running;
    }

    .slide-left-enter,
    .slide-left-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-left-leave {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    .slide-right-enter,
    .slide-right-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-right-leave {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .slide-right-enter.slide-right-enter-active,
    .slide-right-appear.slide-right-appear-active {
      animation-name: antSlideRightIn;
      animation-play-state: running;
    }

    .slide-right-leave.slide-right-leave-active {
      animation-name: antSlideRightOut;
      animation-play-state: running;
    }

    .slide-right-enter,
    .slide-right-appear {
      opacity: 0;
      animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .slide-right-leave {
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

    @keyframes antSlideUpIn {
      0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0.8);
      }

      100% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }
    }

    @keyframes antSlideUpOut {
      0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
      }

      100% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(0.8);
      }
    }

    @keyframes antSlideDownIn {
      0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: translate3d(0, 15px, 0);
      }

      100% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: translate3d(0, 0, 0);
      }
    }

    @keyframes antSlideDownOut {
      0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: translate3d(0, 0, 0);
      }

      100% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: translate3d(0, 15px, 0);
      }
    }

    @keyframes antSlideLeftIn {
      0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleX(0.8);
      }

      100% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleX(1);
      }
    }

    @keyframes antSlideLeftOut {
      0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleX(1);
      }

      100% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleX(0.8);
      }
    }

    @keyframes antSlideRightIn {
      0% {
        opacity: 0;
        transform-origin: 100% 0%;
        transform: scaleX(0.8);
      }

      100% {
        opacity: 1;
        transform-origin: 100% 0%;
        transform: scaleX(1);
      }
    }

    @keyframes antSlideRightOut {
      0% {
        opacity: 1;
        transform-origin: 100% 0%;
        transform: scaleX(1);
      }

      100% {
        opacity: 0;
        transform-origin: 100% 0%;
        transform: scaleX(0.8);
      }
    }

    .swing-enter,
    .swing-appear {
      animation-duration: 0.2s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .swing-enter.swing-enter-active,
    .swing-appear.swing-appear-active {
      animation-name: antSwingIn;
      animation-play-state: running;
    }

    @keyframes antSwingIn {

      0%,
      100% {
        transform: translateX(0);
      }

      20% {
        transform: translateX(-10px);
      }

      40% {
        transform: translateX(10px);
      }

      60% {
        transform: translateX(-5px);
      }

      80% {
        transform: translateX(5px);
      }
    }

    .zoom-enter,
    .zoom-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-enter.zoom-enter-active,
    .zoom-appear.zoom-appear-active {
      animation-name: sZoomIn;
      animation-play-state: running;
    }

    .zoom-leave.zoom-leave-active {
      animation-name: sZoomOut;
      animation-play-state: running;
    }

    .zoom-enter,
    .zoom-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-big-enter,
    .zoom-big-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-big-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-big-enter.zoom-big-enter-active,
    .zoom-big-appear.zoom-big-appear-active {
      animation-name: sZoomBigIn;
      animation-play-state: running;
    }

    .zoom-big-leave.zoom-big-leave-active {
      animation-name: sZoomBigOut;
      animation-play-state: running;
    }

    .zoom-big-enter,
    .zoom-big-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-big-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-up-enter,
    .zoom-up-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-up-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-up-enter.zoom-up-enter-active,
    .zoom-up-appear.zoom-up-appear-active {
      animation-name: sZoomUpIn;
      animation-play-state: running;
    }

    .zoom-up-leave.zoom-up-leave-active {
      animation-name: sZoomUpOut;
      animation-play-state: running;
    }

    .zoom-up-enter,
    .zoom-up-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-up-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-down-enter,
    .zoom-down-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-down-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-down-enter.zoom-down-enter-active,
    .zoom-down-appear.zoom-down-appear-active {
      animation-name: sZoomDownIn;
      animation-play-state: running;
    }

    .zoom-down-leave.zoom-down-leave-active {
      animation-name: sZoomDownOut;
      animation-play-state: running;
    }

    .zoom-down-enter,
    .zoom-down-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-down-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-left-enter,
    .zoom-left-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-left-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-left-enter.zoom-left-enter-active,
    .zoom-left-appear.zoom-left-appear-active {
      animation-name: sZoomLeftIn;
      animation-play-state: running;
    }

    .zoom-left-leave.zoom-left-leave-active {
      animation-name: sZoomLeftOut;
      animation-play-state: running;
    }

    .zoom-left-enter,
    .zoom-left-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-left-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .zoom-right-enter,
    .zoom-right-appear {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-right-leave {
      animation-duration: 0.1s;
      animation-fill-mode: both;
      animation-play-state: paused;
    }

    .zoom-right-enter.zoom-right-enter-active,
    .zoom-right-appear.zoom-right-appear-active {
      animation-name: sZoomRightIn;
      animation-play-state: running;
    }

    .zoom-right-leave.zoom-right-leave-active {
      animation-name: sZoomRightOut;
      animation-play-state: running;
    }

    .zoom-right-enter,
    .zoom-right-appear {
      transform: scale(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    .zoom-right-leave {
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    @keyframes sZoomIn {
      0% {
        opacity: 0;
        transform: scale(0.2);
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    @keyframes sZoomOut {
      0% {
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(0.2);
      }
    }

    @keyframes sZoomBigIn {
      0% {
        opacity: 0;
        transform: scale(0.9);
      }

      100% {
        transform: scale(1);
      }
    }

    @keyframes sZoomBigOut {
      0% {
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(0.9);
      }
    }

    @keyframes sZoomUpIn {
      0% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: scale(0.8);
      }

      100% {
        transform-origin: 50% 0%;
        transform: scale(1);
      }
    }

    @keyframes sZoomUpOut {
      0% {
        transform-origin: 50% 0%;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform-origin: 50% 0%;
        transform: scale(0.8);
      }
    }

    @keyframes sZoomLeftIn {
      0% {
        opacity: 0;
        transform-origin: 0% 50%;
        transform: scale(0.8);
      }

      100% {
        transform-origin: 0% 50%;
        transform: scale(1);
      }
    }

    @keyframes sZoomLeftOut {
      0% {
        transform-origin: 0% 50%;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform-origin: 0% 50%;
        transform: scale(0.8);
      }
    }

    @keyframes sZoomRightIn {
      0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(0.8);
      }

      100% {
        transform-origin: 100% 50%;
        transform: scale(1);
      }
    }

    @keyframes sZoomRightOut {
      0% {
        transform-origin: 100% 50%;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(0.8);
      }
    }

    @keyframes sZoomDownIn {
      0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0.8);
      }

      100% {
        transform-origin: 50% 100%;
        transform: scale(1);
      }
    }

    @keyframes sZoomDownOut {
      0% {
        transform-origin: 50% 100%;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0.8);
      }
    }

    .s-kit-motion-collapse {
      overflow: hidden;
    }

    .s-kit-motion-collapse-active {
      transition: height .12s, opacity .12s;
    }

    .s-kit-modal {
      top: auto;
      padding-bottom: 0;
      width: auto !important;
      min-width: 400px;
      max-height: 100%;
    }

    .s-kit-modal-fat-layout .s-kit-modal-content {
      padding: 10px 50px;
    }

    .s-kit-modal-standard-layout .s-kit-modal-header {
      margin: auto;
      padding-top: 30px;
      padding-bottom: 20px;
    }

    .s-kit-modal-standard-layout .s-kit-modal-title {
      text-align: left;
      padding: 0 30px;
    }

    .s-kit-modal-standard-layout .s-kit-modal-body {
      text-align: left;
      padding-top: 0;
    }

    .s-kit-modal-standard-layout.title-center .s-kit-modal-title {
      text-align: center;
    }

    .s-kit-modal-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .s-kit-modal-content {
      overflow: hidden;
    }

    .s-kit-modal-content::-webkit-scrollbar {
      width: 10px;
    }

    .s-kit-modal-content::-webkit-scrollbar-thumb {
      background-color: #c6c9cd;
      border: 2px solid white;
      border-radius: 5px;
    }

    .s-kit-modal-content::-webkit-scrollbar-track {
      background-color: white;
    }

    .s-kit-modal-mask {
      background-color: rgba(0, 0, 0, 0.6);
    }

    .s-kit-modal-close {
      top: 22px;
      right: 24px;
      padding: 0;
    }

    .s-kit-modal-close-x {
      font-size: 30px;
      font-weight: 300;
      width: 30px;
      height: 30px;
      line-height: 26px;
    }

    .s-kit-modal-close-x:before {
      content: "×";
      display: block;
      font-family: "entypo";
    }

    .s-kit-modal-header {
      border-bottom: none;
      padding: 0;
      margin-top: 30px;
      margin-bottom: -10px;
    }

    .s-kit-modal-title {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2;
      text-align: center;
      color: #4b5056;
      text-transform: uppercase;
    }

    .s-kit-modal-title:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .s-kit-modal-title:lang(zh-cn),
    .s-kit-modal-title:lang(zh),
    .s-kit-modal-title:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .s-kit-modal-title:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .s-kit-modal-body {
      padding: 30px;
      font-family: 'open_sans', 'Open Sans', sans-serif;
      color: #636972;
    }

    .s-kit-modal-body:lang(ja) {
      font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-body:lang(zh-cn),
    .s-kit-modal-body:lang(zh),
    .s-kit-modal-body:lang(sxl) {
      font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-body:lang(zh-tw) {
      font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-body h2 {
      font-size: 26px;
      color: #4b5056;
    }

    .s-kit-modal-body h4 {
      font-size: 20px;
      color: #4b5056;
      margin: 0 0;
    }

    .s-kit-modal-body p {
      font-size: 14px;
    }

    .s-kit-modal-body-content {
      text-align: left;
      max-width: 340px;
      margin-bottom: 20px;
      line-height: 1.5;
    }

    .s-kit-modal-body .s-kit-modal-btn {
      margin: 0;
    }

    .s-kit-modal-body .s-kit-modal-btn:not(:last-child) {
      margin-right: 10px;
    }

    .s-kit-modal-body .s-kit-stacked-btn {
      margin: 0 auto;
      min-width: 200px;
      display: block;
    }

    .s-kit-modal-body .s-kit-stacked-btn:not(:last-child) {
      margin-bottom: 10px;
    }
  </style>
  <style>
    .s-component-editor-inner.common-editor .s-component-content img {
      margin: 0px auto;
      border-radius: 3px;
      max-width: 98%;
      display: block;
      padding-top: 10px 0;
    }

    .s-component-editor-inner.common-editor .s-component-content p {
      margin: 0.5em 0;
      line-height: 1.4;
    }

    .s-component-editor-inner.common-editor .s-component-content em {
      font-style: italic;
      font-weight: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content strong {
      font-style: inherit;
    }

    .s-component-editor-inner.common-editor .s-component-content ol {
      margin: 0.5em 0;
      padding: 0 20px;
      list-style-type: decimal;
    }

    .s-component-editor-inner.common-editor .s-component-content ul {
      margin: 0.5em 0;
      padding: 0 20px;
      list-style-type: disc;
    }

    .s-component-editor-inner.common-editor .s-component-content li {
      line-height: 1.4;
    }

    @media only screen and (max-width: 500px) {
      .popups-dialog .s-kit-modal-body {
        max-height: 74vh;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }

      .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content .s-kit-modal-close {
        top: -40px;
        right: 0;
      }

      .s-kit-modal.popups-dialog {
        position: fixed;
        top: 40px;
        left: 0;
        min-width: 100%;
        margin: 0;
      }
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-content {
      overflow: visible;
    }

    .popups-dialog.s-email-form.modify-the-position .s-kit-modal-close {
      top: 0;
      right: -40px;
      color: rgba(255, 255, 255, 0.75);
    }

    .popups-dialog.s-email-form .s-kit-modal-body {
      padding: 0;
    }

    .popups-dialog.s-email-form .s-kit-modal-content {
      width: 100%;
    }

    .popups-dialog.s-email-form .s-kit-modal-close {
      top: 7px;
      right: 6px;
    }

    .popups-dialog.s-email-form .submit-result-container {
      padding: 40px;
    }

    .popups-dialog.s-email-form .submit-result-container .title {
      margin-bottom: 40px;
      box-sizing: border-box;
      text-align: center;
    }

    .popups-dialog.s-email-form .submit-result-container .s-email-form-button {
      box-sizing: border-box;
      width: 100%;
      padding: 9px 9px;
      font-size: 14px;
      min-height: 36px;
      line-height: 18px;
      letter-spacing: 1.5px;
      text-align: center;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
      text-transform: uppercase;
    }
  </style>
  <style>
    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
      font-weight: 600;
      font-style: italic;
      font-display: swap;
    }

    .s-dialog-form .s-kit-modal-close {
      right: 22px;
    }

    .s-dialog-form .form-title {
      color: #4b5056;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 20px;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .s-dialog-form .form-title:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .s-dialog-form .form-title:lang(zh-cn),
    .s-dialog-form .form-title:lang(zh),
    .s-dialog-form .form-title:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .s-dialog-form .form-title:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .s-dialog-form .form-description {
      color: #636972;
      margin-bottom: 20px;
    }

    .membership-dialog {
      text-align: left;
      border-radius: 4px;
    }

    .membership-dialog .s-kit-form-item .s-kit-form-item-control-wrapper .s-kit-form-item-control .error {
      margin-top: 0;
    }

    .membership-dialog .name-fields {
      display: flex;
      justify-content: space-between;
      margin: 0 -5px;
    }

    .membership-dialog .name-fields .s-kit-row {
      flex: 1;
      margin-left: 5px;
      margin-right: 5px;
    }

    .membership-dialog .s-kit-modal-body {
      padding: 40px;
    }

    .membership-dialog .s-kit-modal-close {
      right: 22px;
    }

    .membership-dialog .mobile-dialog-style {
      flex-direction: column;
    }

    .membership-dialog .mobile-dialog-style,
    .membership-dialog .mobile-dialog-style>div {
      width: 100%;
    }

    .membership-dialog .mobile-dialog-style .left {
      max-height: 240px;
      margin-bottom: 20px;
    }

    .membership-dialog .s-dialog-form .content {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      width: 710px;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed),
    .membership-dialog .s-dialog-form .content.free_register:not(.slimed)>div {
      width: 100%;
    }

    .membership-dialog .s-dialog-form .content.free_register:not(.slimed) .left {
      display: none;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card {
      min-height: 50px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card {
      min-height: 20px;
      border: 0px;
      padding: 10px 0 0 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .s-kit-radio-wrapper .s-kit-radio-input {
      width: 14px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-card .tier-plan-radio-group .s-kit-radio-card .plan-price {
      font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray {
      border-radius: 0;
      border-bottom-width: 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text {
      line-height: 1.5;
      margin-top: 0;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group {
      margin-top: 8px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray {
      border: none;
      padding: 10px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .s-kit-radio .s-kit-radio-input {
      width: 15px;
      height: 15px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray .radio-text .tier-plan-radio-group .s-kit-basic-card.gray .label-item .label {
      font-size: 16px;
      font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group .s-kit-basic-card.gray:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-width: 1px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group>div:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    .membership-dialog .s-dialog-form .content .s-kit-radio-group>div:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-width: 1px;
    }

    .membership-dialog .s-dialog-form .content>div {
      width: 340px;
    }

    .membership-dialog .s-dialog-form .content .left {
      margin-top: 4px;
      max-height: 600px;
      overflow-y: auto;
    }

    .membership-dialog .s-dialog-form .content .left .tier-info .plan-price {
      color: #4b5056;
      font-weight: normal;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content {
      width: 100%;
      overflow-wrap: break-word;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text {
      flex: 1;
      width: 0;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-group .left-card-content .left-card-text .title {
      width: 100%;
      display: inline-block;
    }

    .membership-dialog .s-dialog-form .content .left .s-kit-radio-wrapper .s-kit-radio {
      margin-top: 0.3em;
    }

    .membership-dialog .s-dialog-form .content .left .tier-plan-radio-group .s-kit-radio-wrapper .s-kit-radio {
      margin-top: 0;
    }

    .membership-dialog .s-dialog-form .content .left .tier-info {
      line-height: 1.5;
    }

    .membership-dialog .s-dialog-form .content .right .s-kit-form-item .s-kit-form-item-control-wrapper .s-kit-form-item-control .error {
      margin-top: 0;
    }

    .membership-dialog .s-dialog-form .content .right .name-fields {
      display: flex;
      justify-content: space-between;
      margin: 0 -5px;
    }

    .membership-dialog .s-dialog-form .content .right .name-fields .s-kit-row {
      flex: 1;
      margin-left: 5px;
      margin-right: 5px;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper {
      color: #a9aeb2;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper .s-common-link {
      display: inline-block;
      text-decoration: underline;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper a {
      margin-top: 20px;
    }

    .membership-dialog .s-dialog-form .content .right .gdpr-wrapper span {
      line-height: 1.5;
    }

    .membership-dialog .s-dialog-form .content .right .bottom-actions>button:not(:first-of-type) {
      margin-top: 10px;
    }

    .membership-dialog .s-dialog-form .content.slimed {
      flex-direction: column;
    }

    .membership-dialog .s-dialog-form .content.slimed,
    .membership-dialog .s-dialog-form .content.slimed>div {
      width: 100%;
    }

    .membership-dialog .s-dialog-form .content.slimed .left {
      max-height: 240px;
      margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
      .membership-dialog .s-dialog-form .content {
        flex-direction: column;
      }

      .membership-dialog .s-dialog-form .content,
      .membership-dialog .s-dialog-form .content>div {
        width: 100%;
      }

      .membership-dialog .s-dialog-form .content .left {
        max-height: 240px;
        margin-bottom: 20px;
      }

      .membership-dialog .s-dialog-form .content .plan-price {
        margin-top: 5px;
        display: block;
      }
    }

    .membership-dialog.s-kit-modal {
      min-height: 266px;
      max-width: 800px;
    }

    .membership-dialog .error-message {
      margin-bottom: 15px;
      color: #E64751;
    }

    .membership-dialog .s-kit-input {
      width: 100%;
      height: 37px;
      box-sizing: border-box;
    }

    .membership-dialog .s-form-field.paid-membership-radio {
      color: #4b5056;
      display: flex;
      align-items: center;
    }

    .membership-dialog .s-form-field.paid-membership-radio input {
      width: auto;
      margin-right: 10px;
    }

    .membership-dialog .subscriptions-view .form-title,
    .membership-dialog .update-account-view .form-title {
      cursor: pointer;
      display: flex;
      align-items: center;
    }

    .membership-dialog .subscriptions-view .form-title .fa-angle-left,
    .membership-dialog .update-account-view .form-title .fa-angle-left {
      font-size: 25px;
      align-self: flex-start;
      margin-right: 10px;
    }

    .membership-dialog .subscriptions-list {
      border: 1px solid #ddd;
    }

    .membership-dialog .subscriptions-list .subscription-item {
      border-bottom: 1px solid #ddd;
      display: flex;
      align-items: flex-start;
      padding: 20px 20px 0;
      flex-wrap: wrap;
    }

    .membership-dialog .subscriptions-list .subscription-item .info {
      flex: 1 1 0%;
      min-width: 200px;
      margin-bottom: 20px;
    }

    @media screen and (max-width: 770px) {
      .membership-dialog .subscriptions-list .subscription-item .info {
        min-width: unset;
        width: 0;
      }
    }

    .membership-dialog .subscriptions-list .subscription-item .name {
      overflow-wrap: break-word;
      font-weight: 600;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-btn {
      flex: 0 0 auto;
      min-width: 140px;
      margin: 0 0 20px;
    }

    .membership-dialog .subscriptions-list .subscription-item:last-child {
      border-bottom: none;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper {
      display: flex;
      margin-bottom: 10px;
    }

    .membership-dialog .subscriptions-list .subscription-item .s-kit-radio-wrapper .discount-tag {
      margin-left: 5px;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans {
      margin-top: 5px;
      line-height: 1;
    }

    .membership-dialog .subscriptions-list .subscription-item .subscribe-plans .sub-text {
      margin-top: 5px;
      color: #c6c9cd;
    }

    @media screen and (min-width: 770px) {
      .membership-dialog .subscriptions-list .mid-gray .s-kit-btn {
        margin-bottom: 0px;
      }
    }

    .membership-dialog.payment .error-message {
      margin-bottom: 0;
    }

    .membership-dialog.payment .s-kit-modal-body {
      padding: 0;
    }

    .membership-dialog.payment .s-kit-modal-close-x {
      display: none;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .entypo-mail {
      top: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .s-form-field .s-btn {
      text-align: center;
    }

    .membership-dialog.payment .stripe-form .header {
      margin-bottom: 0;
    }

    .membership-dialog.payment .stripe-form .form-body .title {
      font-weight: 600;
      text-transform: uppercase;
    }

    .membership-dialog.payment .square-form .s-form-field input {
      padding: 12px 20px;
      padding-left: 50px;
    }

    .membership-dialog.payment .square-form .form-body .square-card-container .error-message.more-space {
      bottom: -10px;
    }

    .membership-dialog.subscriptions .s-kit-modal-body {
      max-width: 560px;
    }

    .membership-dialog.subscriptions .loading:not(.s-kit-btn) {
      line-height: 200px;
      font-size: 20px;
      text-align: center;
    }

    .membership-dialog.payment_success .s-kit-modal-body {
      max-width: 500px;
      text-align: center;
    }

    .membership-dialog.payment_success .form-title {
      font-weight: 600;
    }

    .membership-dialog.payment_success p {
      margin-bottom: 20px;
      line-height: 1.4;
    }

    .membership-dialog.payment_success .s-kit-btn {
      min-width: 120px;
    }

    .membership-dialog.payment_failure .s-kit-modal-body {
      max-width: 400px;
      text-align: center;
    }

    .membership-dialog.account_info .s-kit-modal-body,
    .membership-dialog.subscriptions .s-kit-modal-body {
      min-height: 350px;
      box-sizing: border-box;
    }

    .membership-dialog .payment-failed .content {
      line-height: 1.4;
      margin: 10px 0 30px;
    }

    .membership-dialog .payment-failed .bottom-buttons .s-kit-btn {
      display: block;
      margin: 10px 0 0 0;
      width: 100%;
    }

    .membership-section-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .membership-section-wrapper .membership-dialog {
      min-width: 350px;
    }

    .membership-section-wrapper .recaptcha-widget-container {
      margin-bottom: 20px;
    }

    .membership-section-wrapper .bottom-actions>button:not(:first-of-type) {
      margin-top: 10px;
    }

    .s4-dropdown-list {
      position: absolute !important;
      top: 100% !important;
    }

    .bottom-actions {
      color: #a9aeb2;
      margin-top: 10px;
    }

    .bottom-actions a {
      text-decoration: underline;
      cursor: pointer;
      margin-top: 10px;
      display: block;
    }

    .bottom-actions .s-terms-link {
      display: inline-block;
      text-decoration: underline;
      cursor: pointer;
    }

    .bottom-actions .register-link {
      color: #1bb0e6;
    }

    .bottom-actions .s-kit-btn-block {
      margin-bottom: 0;
    }

    .bottom-actions .registration-disabled {
      height: 38px;
      line-height: 38px;
      text-align: center;
      font-weight: bold;
      border-radius: 4px;
      margin-bottom: 10px;
      text-transform: uppercase;
      background: #E4E8EF;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .bottom-actions .registration-disabled:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .bottom-actions .registration-disabled:lang(zh-cn),
    .bottom-actions .registration-disabled:lang(zh),
    .bottom-actions .registration-disabled:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .bottom-actions .registration-disabled:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue {
      color: #1bb0e6;
      background: inherit;
      border-color: #1bb0e6;
    }

    .bottom-actions .s-kit-btn.s-kit-btn-background-ghost.basic-blue:hover {
      background: #1bb0e6;
      color: #ffffff;
    }

    .s-kit-modal-body {
      font-size: 14px !important;
    }

    .s-nav-top-center-item-container .s-membership-nav.s-nav-dropdown.s-navbar-dropdown .s-nav-link-container {
      display: inline-block;
    }

    @media (max-width: 400px) {
      .s-kit-modal {
        min-width: 100% !important;
      }
    }
  </style>
  <style>
    .stripe-card-widget-form .card-item-pack {
      margin-bottom: 15px;
    }

    .stripe-card-widget-form .card-item-pack:last-child {
      margin-bottom: 0;
    }

    .stripe-card-widget-form .card-item-pack .card-item-title {
      font-size: 14px;
      color: #4b5056;
      font-weight: bold;
      font-family: open_sans, Open Sans, sans-serif;
      margin-bottom: 10px;
      line-height: 1.5;
    }

    .stripe-card-widget-form .s-form-field {
      margin-bottom: 0;
    }

    .stripe-card-widget-form .s-form-field .entypo-mail {
      position: absolute;
      left: 10px;
      top: 3px;
      font-size: 24px;
      color: #c6c9cd;
    }

    .stripe-card-widget-form .s-form-field input {
      font-size: 14px;
      color: #4b5056;
      box-sizing: border-box;
      width: 100%;
      padding: 12px 10px 12px 44px;
    }

    .stripe-card-widget-form .error-message {
      color: #E64751;
      margin-top: 10px;
      line-height: 1.2;
    }

    .stripe-card-widget-form .card-element {
      border: 1px solid #c6c9cd;
      padding: 7px 10px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      height: 28px;
      display: flex;
      align-items: center;
    }

    .stripe-card-widget-form .card-element.error {
      border: 1px solid #E64751;
    }

    .stripe-card-widget-form .card-element .__PrivateStripeElement {
      width: 100%;
    }

    .stripe-form .header {
      padding: 20px 30px;
      color: #a9aeb2;
      background: #EBEDEF;
      font-weight: bold;
      font-size: 14px;
      border-bottom: 1px solid #ddd;
    }

    .stripe-form .header .close {
      float: right;
      font-size: 30px;
      font-weight: normal;
      position: relative;
      top: -9px;
      cursor: pointer;
    }

    .stripe-form .form-body {
      padding: 30px;
    }

    .stripe-form .form-body .title {
      margin-bottom: 20px;
    }

    .stripe-form .form-body .s-form-field input,
    .stripe-form .form-body .s-form-field .s-btn {
      width: 100%;
      box-sizing: border-box;
    }

    .stripe-form .form-body .s-form-field .entypo-mail {
      position: absolute;
      left: 8px;
      top: 9px;
      font-size: 24px;
      color: #c6c9cd;
    }

    .stripe-form .form-body .s-form-field input {
      font-size: 16px;
      padding: 6px 8px;
      padding-left: 40px;
    }

    .stripe-form .form-body .s-form-field .s-btn {
      margin-top: 25px;
      font-size: 18px;
      text-transform: none;
      padding: 11px 15px;
    }

    .stripe-form .error-message {
      color: #E64751;
      margin-top: 10px;
      line-height: 1.2;
    }

    .stripe-form .card-element {
      border: 1px solid #c6c9cd;
      padding: 6px 8px;
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      height: 28px;
      display: flex;
      align-items: center;
    }

    .stripe-form .card-element.error {
      border: 1px solid #E64751;
    }

    .stripe-form .card-element .__PrivateStripeElement {
      width: 100%;
    }
  </style>
  <style>
    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
      font-weight: 600;
      font-style: italic;
      font-display: swap;
    }

    .s-kit-modal-wrap.gdpr-dialog {
      z-index: 2601;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal {
      margin: 0;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-content {
      border-radius: unset;
      height: 100vh;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body {
      padding: 0 0 30px;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #4b5056;
      padding: 30px 30px 0;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh-cn),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body .title-wrapper:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre {
      margin-top: 0;
      padding: 0 30px;
      font-size: 15px;
      line-height: 1.4;
      overflow-y: auto;
      width: 800px;
      overflow-x: hidden;
      word-wrap: break-word;
      white-space: pre-wrap;
      height: calc(100vh - 102px);
      font-family: 'open_sans', 'Open Sans', sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(ja) {
      font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh-cn),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh),
    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(sxl) {
      font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre:lang(zh-tw) {
      font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .s-kit-modal-wrap.gdpr-dialog.right {
      text-align: right;
    }

    .s-kit-modal-wrap.gdpr-dialog.right .s-kit-modal-close {
      left: 30px;
      width: 30px;
      right: auto;
    }

    @media (max-width: 501px) {
      .s-kit-modal-wrap.gdpr-dialog .s-kit-modal .s-kit-modal-body pre {
        width: calc(100% - 60px);
      }
    }
  </style>
  <style>
    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    .member-order-history-dialog .order-detail .header,
    .member-order-history-dialog .order-list .header {
      margin-bottom: 20px;
    }

    .member-order-history-dialog .order-detail .header .fa-angle-left,
    .member-order-history-dialog .order-list .header .fa-angle-left {
      font-size: 1.3em;
      margin-right: 10px;
    }

    .member-order-history-dialog .order-detail .header-text,
    .member-order-history-dialog .order-list .header-text {
      font-size: 18px;
      color: #50555c;
      cursor: pointer;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .member-order-history-dialog .order-detail .header-text:lang(ja),
    .member-order-history-dialog .order-list .header-text:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-cn),
    .member-order-history-dialog .order-list .header-text:lang(zh-cn),
    .member-order-history-dialog .order-detail .header-text:lang(zh),
    .member-order-history-dialog .order-list .header-text:lang(zh),
    .member-order-history-dialog .order-detail .header-text:lang(sxl),
    .member-order-history-dialog .order-list .header-text:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .member-order-history-dialog .order-detail .header-text:lang(zh-tw),
    .member-order-history-dialog .order-list .header-text:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .member-order-history-dialog .order-detail {
      font-size: 14px;
      color: #52616a;
    }

    .member-order-history-dialog .order-detail .left {
      float: left;
    }

    .member-order-history-dialog .order-detail .right {
      float: right;
    }

    .member-order-history-dialog .order-detail .bold {
      font-weight: 600;
    }

    .member-order-history-dialog .order-detail .bold-700 {
      font-weight: 700;
    }

    .member-order-history-dialog .order-detail .normal-title {
      font-size: 16px;
      font-weight: 600;
      color: #52616a;
      margin-bottom: 10px;
      margin-right: 10px;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .member-order-history-dialog .order-detail .normal-title:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-cn),
    .member-order-history-dialog .order-detail .normal-title:lang(zh),
    .member-order-history-dialog .order-detail .normal-title:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .member-order-history-dialog .order-detail .normal-title:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .member-order-history-dialog .order-detail .normal-text {
      line-height: 1.4;
      font-size: 14px;
      color: #636972;
    }

    .member-order-history-dialog .order-detail .normal-text.small {
      line-height: 20px;
    }

    .member-order-history-dialog .order-detail .normal-text.light {
      font-weight: 300;
    }

    .member-order-history-dialog .order-detail .fa.l-m {
      margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .fa.r-m {
      margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section {
      margin: 25px auto;
    }

    .member-order-history-dialog .order-detail .row-section:first-child,
    .member-order-history-dialog .order-detail .row-section:first-of-type {
      margin-top: 0;
    }

    .member-order-history-dialog .order-detail .row-section:last-child,
    .member-order-history-dialog .order-detail .row-section:last-of-type {
      margin-bottom: 0;
    }

    .member-order-history-dialog .order-detail .row-section .s-box {
      padding: 12px 16px;
      line-height: 18px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box .fa {
      margin-right: 5px;
    }

    .member-order-history-dialog .order-detail .row-section .s-box.white {
      background: #fff;
      border-radius: 4px;
      border: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper {
      border: 1px solid #ddd;
      border-radius: 4px;
      overflow-x: scroll;
      overflow-y: hidden;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list {
      width: 100% !important;
      text-align: left;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list th {
      background: #f6f6f6;
      padding: 10px 5px;
      font-weight: 600;
      white-space: nowrap;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td {
      padding: 0 5px 10px 5px;
      vertical-align: top;
      line-height: 1.25;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.calculation-label {
      text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name {
      min-width: 200px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.product-name .discount {
      display: block;
      color: #38b2a1;
      margin: 10px 0;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .shipping-icon {
      margin-right: 4px;
      vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item {
      margin-left: 2px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .pay-now-payment-item span {
      margin-left: 2px;
      font-weight: bold;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td .bank-icon {
      height: auto;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .total-price-value {
      vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag {
      vertical-align: middle;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      padding: 1px 3px 1px;
      color: #a9aeb2 !important;
      border: 1px solid #a9aeb2;
      font-size: 10px !important;
      font-weight: bold;
      line-height: 1.25;
      border-radius: 3px;
      text-transform: uppercase;
      font-style: normal !important;
      margin-left: 5px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price .currency-tag:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    @media only screen and (max-width: 727px) {
      .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list td.total-price {
        white-space: normal;
      }
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.title-row th {
      border-bottom: 1px solid #ddd;
      color: #52616a;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td {
      padding: 15px 5px 10px;
      border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      font-weight: 700;
      padding-left: 20px;
      text-align: right;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(ja) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-cn),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh),
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(sxl) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑";
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td.bold:lang(zh-tw) {
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif, 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img {
      height: 20px;
      vertical-align: middle;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.afterpay {
      height: 14px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td img.klarna {
      height: 12px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-row td .bank-icon {
      height: auto;
      margin-right: 4px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.total-row td {
      padding: 0 5px 15px;
      font-size: 16px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.first-data-row td {
      padding-top: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr.last-data-row td {
      padding-bottom: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.first,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.first {
      padding-left: 15px;
    }

    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr th.last,
    .member-order-history-dialog .order-detail .order-info .table-wrapper .item-list tr td.last {
      padding-right: 15px;
    }

    .member-order-history-dialog .order-detail .shipping-info,
    .member-order-history-dialog .order-detail .order-transactions {
      box-sizing: border-box;
    }

    @media only screen and (min-width: 728px) {

      .member-order-history-dialog .order-detail .shipping-info,
      .member-order-history-dialog .order-detail .order-transactions {
        width: 48%;
      }
    }

    .member-order-history-dialog .order-detail .shipping-info .notes span,
    .member-order-history-dialog .order-detail .order-transactions .notes span {
      font-weight: 400;
      word-wrap: break-word;
    }

    @media only screen and (min-width: 728px) {
      .member-order-history-dialog .order-detail .shipping-info {
        float: left;
      }
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box {
      min-height: 120px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label,
    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
      display: inline-block;
      margin-bottom: 12px;
      vertical-align: top;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .additional-item {
      display: flex;
      align-items: flex-start;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-label {
      min-width: 100px;
      margin-right: 10px;
      color: #a9aeb2;
      word-break: break-word;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .info-content {
      max-width: 250px;
      white-space: normal;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #8D949C;
      margin-bottom: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before,
    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after {
      content: '';
      flex: 1;
      height: 1px;
      background-color: #F4F6F8;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::before {
      margin-right: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .s-box .split-line::after {
      margin-left: 10px;
    }

    .member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title {
      position: relative;
      text-align: center;
      font-size: 14px;
      padding: 20px 0;
      overflow: hidden;
      color: #636972;
    }

    .member-order-history-dialog .order-detail .shipping-info .additional-info .additional-title .inner {
      position: absolute;
      left: 50%;
      font-size: 14px;
      padding: 0 10px;
      white-space: nowrap;
      line-height: 1px;
      text-transform: capitalize;
      transform: translateX(-50%);
      border-left: 20vw solid #a9aeb2;
      border-right: 20vw solid #a9aeb2;
    }

    .member-order-history-dialog .order-detail .order-transactions .s-box {
      padding: 0;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item {
      padding: 15px;
      border-top: 1px solid #ddd;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item:first-child {
      border-top: none;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info {
      overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .basic-info .item-date {
      color: #a9aeb2;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info {
      margin-top: 5px;
      color: #a9aeb2;
      overflow: hidden;
    }

    .member-order-history-dialog .order-detail .order-transactions .history-item .extra-info .ib {
      max-width: 100%;
      word-wrap: break-word;
    }

    .member-order-history-dialog .order-list {
      margin-bottom: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-row {
      cursor: pointer;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead>tr>th {
      padding-right: 40px;
    }

    .member-order-history-dialog .order-list .s-kit-table-thead>tr>th:last-child {
      padding-right: initial;
    }

    .member-order-history-dialog .order-list .fa-angle-right {
      font-size: 1.4em;
    }
  </style>
  <style>
    .booking-events-dialog .s-kit-modal-body {
      width: 420px;
    }

    .booking-events-dialog .event-list-panel .header,
    .booking-events-dialog .event-detail-panel .header {
      margin-bottom: 20px;
    }

    .booking-events-dialog .event-list-panel .header .fa-angle-left,
    .booking-events-dialog .event-detail-panel .header .fa-angle-left {
      font-size: 1.3em;
      margin-right: 10px;
    }

    .booking-events-dialog .event-list-panel .header-text,
    .booking-events-dialog .event-detail-panel .header-text {
      font-size: 18px;
      cursor: pointer;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      color: #50555c;
    }

    .booking-events-dialog .event-list-panel {
      margin-bottom: 40px;
    }

    .booking-events-dialog .event-list-panel .s-kit-table-row {
      cursor: pointer;
    }

    .booking-events-dialog .event-list-panel .time-zone {
      color: #a9aeb2;
      margin-top: 5px;
    }

    .booking-events-dialog .event-list-panel .event-name {
      line-height: 1.2;
    }

    .booking-events-dialog .event-type-detail {
      margin-bottom: 20px;
    }

    .booking-events-dialog .event-type-detail .event-type-item {
      display: flex;
      text-align: left;
      margin-bottom: 10px;
      align-items: flex-start;
    }

    .booking-events-dialog .event-type-detail .event-type-item .booking-label {
      width: 120px;
      color: #a9aeb2;
    }

    .booking-events-dialog .event-type-detail .event-type-item .booking-value {
      width: 100%;
    }

    .booking-events-dialog .event-type-detail .event-type-item .time-zone {
      color: #a9aeb2;
    }

    .booking-events-dialog .canceled-text {
      color: #a9aeb2;
      font-style: italic;
    }
  </style>
  <style>
    .product-reviews-dialog .s-kit-modal-content {
      width: 500px;
    }

    .product-reviews-dialog .product-info-panel {
      color: #636972;
      font-size: 14px;
      text-align: center;
    }

    .product-reviews-dialog .product-img {
      width: 60px;
      height: 60px;
      border-radius: 6%;
      margin: 30px auto 20px;
      background-size: cover;
      background-position: center;
    }

    .product-reviews-dialog .product-name {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .product-reviews-dialog .product-variations {
      font-weight: 600;
      margin-bottom: 24px;
    }

    .product-reviews-dialog .product-variations .line {
      height: 12px;
      width: 1px;
      margin: 0 10px;
      margin-right: 10px;
      display: inline-block;
      background-color: #a9aeb2;
    }

    .product-reviews-dialog .product-rate {
      font-weight: 600;
      margin-bottom: 30px;
    }

    .product-reviews-dialog .product-rate .rate-label.error {
      color: #E64751;
    }

    .product-reviews-dialog .product-rate .score-star {
      margin-top: 10px;
      display: inline-block;
    }

    .product-reviews-dialog .product-rate .star-icon {
      cursor: pointer;
      font-size: 30px;
      margin-right: 10px;
      color: #E2E4E7;
    }

    .product-reviews-dialog .product-rate .star-icon.selected {
      color: #F3C735;
    }

    .product-reviews-dialog .product-reviews-form .input-section input {
      width: 100%;
      height: 38px;
    }

    .product-reviews-dialog .product-reviews-form .textarea-section textarea {
      width: 100%;
      resize: none;
      height: 120px;
      margin-top: 20px;
    }

    .product-reviews-dialog .product-reviews-form .textarea-section .count {
      margin-top: 4px;
      font-size: 13px;
      text-align: right;
      color: #a9aeb2;
    }

    .product-reviews-dialog .gdpr-container {
      width: 100%;
      margin-top: 10px;
      text-align: left;
      display: inline-table;
    }

    .product-reviews-dialog .gdpr-container .review-checkbox {
      cursor: pointer;
      margin-right: 6px;
    }

    .product-reviews-dialog .gdpr-container .s-terms-link {
      color: #1bb0e6;
      cursor: pointer;
      display: inline-block;
    }

    .product-reviews-dialog .gdpr-container .gdpr-text {
      text-align: left;
    }

    .product-reviews-dialog .submit-btn {
      width: 100%;
    }

    .product-reviews-dialog .form-field-error {
      color: #E64751;
      margin-top: 6px;
      line-height: 1.2;
      text-align: left;
    }

    .product-review-success-dialog .review-success-panel {
      text-align: center;
    }

    .product-review-success-dialog .review-success-panel .success-icon {
      color: #93b719;
      font-size: 32px;
      margin-top: 40px;
    }

    .product-review-success-dialog .review-success-panel .review-title {
      color: #636972;
      font-size: 18px;
      margin-top: 20px;
      font-weight: bold;
    }

    .product-review-success-dialog .review-success-panel .review-text {
      margin: 10px 0 20px 0;
    }

    .product-review-success-dialog .review-success-panel .back-btn {
      width: 100%;
      display: none;
    }

    .product-review-failure-dialog .s-kit-modal-content {
      width: 470px;
    }

    .product-review-failure-dialog .message-icon {
      width: 40px;
      height: auto;
    }

    .product-review-failure-dialog .review-failure-panel {
      margin-top: 40px;
      text-align: center;
    }

    .product-review-failure-dialog .error-message {
      margin: 14px 0;
    }

    @media screen and (max-width: 500px) {
      .product-review-dialog-wrapper .s-kit-modal-content {
        padding-top: 10vh;
      }

      .product-review-dialog-wrapper .s-kit-modal-content .s-kit-modal-close {
        top: 60px;
      }

      .product-reviews-dialog .s-kit-modal-content,
      .product-review-success-dialog .s-kit-modal-content,
      .product-review-failure-dialog .s-kit-modal-content {
        height: 100vh;
        width: 100vw;
        border-radius: 0;
        box-sizing: border-box;
      }

      .product-reviews-dialog .s-kit-modal-content .s-kit-modal-body,
      .product-review-success-dialog .s-kit-modal-content .s-kit-modal-body,
      .product-review-failure-dialog .s-kit-modal-content .s-kit-modal-body {
        width: 100%;
        box-sizing: border-box;
      }

      .product-review-success-dialog {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-review-success-dialog .review-success-panel {
        margin-top: 24vh;
      }

      .product-review-success-dialog .review-success-panel .back-btn {
        display: block;
      }

      .product-review-failure-dialog .review-failure-panel {
        margin-top: 26vh;
      }
    }
  </style>
  <style>
    .square-card-widget-form .card-item-pack {
      margin-bottom: 15px;
    }

    .square-card-widget-form .card-item-pack:last-child {
      margin-bottom: 0;
    }

    .square-card-widget-form .card-item-pack .card-item-title {
      font-size: 14px;
      color: #4b5056;
      font-weight: bold;
      font-family: open_sans, Open Sans, sans-serif;
      margin-bottom: 10px;
      line-height: 1.5;
    }

    .square-card-widget-form .s-form-field {
      margin-bottom: 0;
    }

    .square-card-widget-form .s-form-field .entypo-mail {
      position: absolute;
      left: 10px;
      top: 3px;
      font-size: 24px;
      color: #c6c9cd;
    }

    .square-card-widget-form .s-form-field .email-input {
      font-size: 14px;
      color: #4b5056;
      box-sizing: border-box;
      width: 100%;
      padding: 12px 10px 12px 44px;
    }

    .square-card-widget-form .square-card-container .sq-card-message {
      margin-top: 10px;
      margin-bottom: 0;
      display: none;
    }

    .square-card-widget-form .square-card-container .sq-card-message.sq-visible {
      display: block;
    }

    .square-card-widget-form .square-card-container .spinner-container {
      text-align: center;
    }

    .square-card-widget-form .error-message {
      margin-top: 10px;
      line-height: 1.2;
      color: #E64751;
    }

    .square-form .header {
      padding: 20px 30px;
      color: #a9aeb2;
      font-size: 14px;
      font-weight: bold;
      background: #EBEDEF;
      border-bottom: 1px solid #ddd;
    }

    .square-form .header .close {
      float: right;
      font-size: 30px;
      cursor: pointer;
      position: relative;
      top: -12px;
    }

    .square-form .form-body {
      padding: 30px;
    }

    .square-form .form-body .title {
      margin-bottom: 20px;
    }

    .square-form .form-body .s-form-field input,
    .square-form .form-body .s-btn {
      width: 100%;
      box-sizing: border-box;
    }

    .square-form .form-body .s-btn {
      text-align: center;
    }

    .square-form .form-body .s-form-field {
      margin-bottom: 25px;
    }

    .square-form .form-body .s-form-field input {
      font-size: 16px;
      padding: 6px 8px;
      padding-left: 40px;
    }

    .square-form .form-body .s-form-field .entypo-mail {
      position: absolute;
      left: 16px;
      top: 3px;
      font-size: 28px;
      color: #c6c9cd;
    }

    .square-form .form-body .loading-icon {
      margin-right: 6px;
    }

    .square-form .form-body .square-card-container {
      position: relative;
    }

    .square-form .form-body .square-card-container.more-space {
      margin-bottom: 20px;
    }

    .square-form .form-body .square-card-container .error-message {
      position: absolute;
      bottom: 14px;
    }

    .square-form .form-body .square-card-container .error-message.more-space {
      bottom: 0;
    }

    .square-form .form-body .square-card-container .sq-card-message {
      position: relative;
      z-index: 100;
      background-color: white;
    }

    .square-form .form-body .square-card-container .spinner-container {
      text-align: center;
      margin-bottom: 20px;
    }

    .square-form .error-message {
      margin-top: 8px;
      line-height: 1.2;
      color: #cc0023;
    }

    #google-pay-button {
      overflow: hidden;
    }

    #google-pay-button .gpay-card-info-container {
      height: 48px;
      top: 2px;
    }

    #google-pay-button .gpay-card-info-animated-progress-bar-container {
      top: -4px;
    }

    #apple-pay-button {
      height: 48px;
      width: 100%;
      position: relative;
      top: 3px;
      display: inline-block;
      -webkit-appearance: -apple-pay-button;
      -apple-pay-button-type: plain;
      -apple-pay-button-style: black;
    }

    @media screen and (max-width: 1000px) {

      #google-pay-button,
      #apple-pay-button {
        margin-bottom: 10px;
      }

      #google-pay-button .gpay-card-info-container,
      #apple-pay-button .gpay-card-info-container {
        width: 100%;
      }
    }
  </style>
  <style>
    .empty-cart-dialog-wrapper {
      background: transparent;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-body {
      padding: 0;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-content {
      height: 100%;
      width: 400px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close {
      top: 20px;
      right: 20px;
    }

    .empty-cart-dialog-wrapper .s-kit-modal-close .s-kit-modal-close-x {
      font-size: 32px;
      font-weight: 300;
    }

    .empty-cart-dialog-wrapper .empty-cart-container {
      text-align: center;
      margin: 0 auto;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .label {
      margin-top: 50px;
      color: #2E2E2F;
      font-size: 20px;
      font-weight: bold;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
      width: 240px;
      font-size: 16px;
      padding: 10px 20px;
      border-radius: 4px;
      margin: 20px 0 50px 0;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    @media screen and (max-width: 560px) {
      .empty-cart-dialog-wrapper .s-kit-modal-content {
        width: 90%;
        margin: 0 auto;
      }

      .empty-cart-dialog-wrapper .empty-cart-container .label {
        font-size: 18px;
      }

      .empty-cart-dialog-wrapper .empty-cart-container .continue-btn {
        width: 200px;
        font-size: 14px;
      }
    }
  </style>
  <style>
    .WeChat-qr-code-dialog-wrapper {
      background: transparent;
    }

    .WeChat-qr-code-container {
      width: 560px;
      margin: 0 auto;
    }

    .WeChat-qr-code-container .title {
      margin-bottom: 16px;
      font-size: 16px;
      font-weight: 700;
      color: #525A61;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .WeChat-qr-code-container .qr-code-panel {
      text-align: center;
      padding: 50px 0;
    }

    .WeChat-qr-code-container .qr-code-panel canvas {
      width: 180px;
      height: 180px;
      padding: 20px;
      border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .price {
      width: 200px;
      margin: -6px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      font-size: 18px;
      font-weight: 700;
      border-top: none;
      border-radius: 0 0 4px 4px;
      border: 1px solid #EBEDEF;
    }

    .WeChat-qr-code-container .qr-code-panel .WeChat-icon {
      height: 20px;
      margin-right: 5px;
    }

    .WeChat-qr-code-container .payment-hint {
      color: #636972;
      line-height: 1.5;
      text-align: center;
      margin-bottom: 20px;
    }

    .WeChat-qr-code-container .payment-hint.mobile {
      display: none;
    }

    .WeChat-qr-code-container .save-btn {
      display: none;
    }

    @media screen and (max-width: 727px) {
      .WeChat-qr-code-dialog-wrapper {
        overflow: unset;
      }

      .WeChat-qr-code-dialog-wrapper .s-kit-modal-body {
        max-height: 100%;
        padding: 30px 20px;
      }

      .WeChat-qr-code-dialog-wrapper .s-kit-modal-close {
        top: 20px;
        right: 20px;
      }

      .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container {
        width: 100%;
      }

      .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.mobile {
        display: block;
      }

      .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .payment-hint.desktop {
        display: none;
      }

      .WeChat-qr-code-dialog-wrapper .WeChat-qr-code-container .save-btn {
        display: block;
        height: 36px;
        padding: 0;
        font-size: 16px;
        margin-top: 30px;
        line-height: 36px;
        border-radius: 4px;
        text-align: center;
      }

      .WeChat-qr-code-dialog-wrapper .s-kit-modal-content {
        height: 100vh;
      }
    }
  </style>
  <style>
    .cart-item-wrapper {
      margin-bottom: 20px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .cart-item-wrapper .product-info {
      display: flex;
      align-content: center;
    }

    .cart-item-wrapper .product-info .image {
      width: 130px;
      height: 130px;
      border-radius: 4px;
      margin-right: 20px;
      background-size: cover;
      background-position: center;
    }

    .cart-item-wrapper .info-content {
      flex: 1;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .cart-item-wrapper .info-content .name {
      font-weight: 700;
      font-size: 14px;
      line-height: 1.5;
      color: #4b5056;
    }

    .cart-item-wrapper .info-content .specification-item {
      display: flex;
      align-items: center;
      margin-top: 5px;
      font-size: 14px;
      color: #a9aeb2;
    }

    .cart-item-wrapper .info-content .split-line {
      margin: 0 6px;
    }

    .cart-item-wrapper .info-content .quantity-panel {
      display: flex;
      margin-top: 15px;
      align-items: center;
    }

    .cart-item-wrapper .info-content .operation-item {
      border-radius: 2px;
      color: #4b5056;
      display: inline-flex;
      font-size: 18px;
      background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .minus-icon,
    .cart-item-wrapper .info-content .operation-item .plus-icon,
    .cart-item-wrapper .info-content .operation-item .delete-icon {
      height: 30px;
      width: 30px;
      cursor: pointer;
      font-weight: 400;
      line-height: 30px;
      text-align: center;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input {
      width: 40px;
      height: 30px;
      padding: 0;
      margin: 0;
      font-size: 15px;
      border-radius: 0;
      text-align: center;
      background-color: #F4F6F8;
    }

    .cart-item-wrapper .info-content .operation-item .quantity-input:focus {
      outline: none;
    }

    .cart-item-wrapper .info-content .error-message {
      color: #FB7D2B;
      line-height: 1.2;
      margin-left: 10px;
    }

    .cart-item-wrapper .product-price {
      font-weight: bold;
      font-size: 16px;
      color: #4b5056;
    }
  </style>
  <style>
    .coupon-panel {
      font-size: 14px;
      color: #4b5056;
    }

    .coupon-panel .guide-item {
      display: flex;
      align-items: center;
    }

    .coupon-panel .guide-item .icon {
      width: 20px;
      margin-right: 4px;
    }

    .coupon-panel .guide-item .label {
      cursor: pointer;
      text-decoration: underline;
    }

    .coupon-panel .redemption-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .coupon-panel .redemption-item .coupon-input {
      width: 100%;
      height: 42px;
      margin-right: 10px;
    }

    .coupon-panel .redemption-item .apply-btn {
      margin: 0;
      padding: 0;
      height: 42px;
      width: 100px;
      font-size: 16px;
      line-height: 42px;
      border-radius: 4px;
      text-align: center;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .coupon-panel .redemption-item .apply-btn .fa-spinner {
      color: #fff;
    }

    .coupon-panel .coupon-info {
      display: flex;
      align-items: center;
      font-size: 16px;
      color: #4b5056;
    }

    .coupon-panel .coupon-info .icon {
      width: 22px;
    }

    .coupon-panel .coupon-info .discount {
      margin: 0 4px 0 8px;
    }

    .coupon-panel .coupon-info .delete-coupon {
      cursor: pointer;
      font-size: 23px;
      color: #a9aeb2;
    }
  </style>
  <style>
    .fee-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 14px;
      line-height: 1.2;
      margin-top: 6px;
      color: #4b5056;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .fee-item .name,
    .fee-item .amount {
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .fee-item .value {
      margin-left: 6px;
      font-weight: 700;
    }

    .fee-item .label {
      margin-left: 6px;
    }
  </style>
  <style>
    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.4d6517993b36d06d996466e0b5c52c4c.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-regular-webfont.b4c9edbc6cf9391f12b35ecf8cca9641.woff) format('woff');
      font-weight: 400;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.de55ee1f3df2a2ac8f413c03b9571609.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-semibold-webfont.cbafba8611124877604db21adad2c5d5.woff) format('woff');
      font-weight: 600;
      font-display: swap;
    }

    @font-face {
      font-family: 'martel-sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.274d43a28e6fc5c72940558e6ca280d0.woff2) format('woff2'), url(https://static-assets.sxlcdn.com/webpack/fonts/martelsans-bold-webfont.3131eb46ccad412a794726f332d53a8b.woff) format('woff');
      font-weight: 700;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.1d9c7945c7bc7dd0909105119bfbc191.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.2e90d5152ce92858b62ba053c7b9d2cb.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.76cc6be5d8a231dc012fef4bdb86f79c.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Bold-webfont.93349923b5274a36ac93cb3168d09123.svg#open_sansbold) format('svg');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.6218c213bb8cf22b25710da6f3a90e48.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.7657144ec477cd61ac4a5d1af3fa2d28.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.b6690626036a7d6824632769305b1978.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-BoldItalic-webfont.2b4eeeaef53b3496a5cdf82803666ed7.svg#open_sansbold_italic) format('svg');
      font-weight: 700;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.43d5342998f3607bd61a8239e98b1160.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.f42641eed834f7b97a9499362c6c8855.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.de7ef31e6295902347c5c3643b2d82da.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Italic-webfont.5b774c25787e0a52c013463c9e3c4219.svg#open_sansitalic) format('svg');
      font-weight: 400;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.09e00aa7622ece30a0f1e06b55f66c2a.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.45b47f3e9c7d74b80f5c6e0a3c513b23.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.2e98fc3ce85f31f63010b706259cb604.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Light-webfont.8f04ed9aeb2185499068d84842b95aa1.svg#open_sanslight) format('svg');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.550b5fda4a27cfedb7131b1a6e85e748.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.b553da506077488bc65289e10841d527.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.1d22953c479914c2f801e08de666b0e8.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-LightItalic-webfont.fd6dd5fa10c5a74f0a767eeb695342f1.svg#open_sanslight_italic) format('svg');
      font-weight: 300;
      font-style: italic;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.c4d82460ef260eb1589e73528cbfb257.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.79515ad0788973c533405f7012dfeccd.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.488d5cc145299ba07b75495100419ee6.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Regular-webfont.8185eb3059c46e4169ce107dfcf85950.svg#open_sansregular) format('svg');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.f28eb362fb6afe946d822ee5451c2146.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.697574b47bcfdd2c45e3e63c7380dd67.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.b32acea6fd3c228b5059042c7ad21c55.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-Semibold-webfont.3f6b1eed8a0832d6f316fc26526348a8.svg#open_sanssemibold) format('svg');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'open_sans';
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot);
      src: url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70bafcaaadad9e17b9c7784abbc6b1c2.eot?#iefix) format('embedded-opentype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.719f7321a8366f4ee609737026432113.woff) format('woff'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.64f886b232962979e2eaf29d93108286.ttf) format('truetype'), url(https://static-assets.sxlcdn.com/webpack/fonts/OpenSans-SemiboldItalic-webfont.70eb93d7ba2ad241180085a9a74b0b95.svg#open_sanssemibold_italic) format('svg');
      font-weight: 600;
      font-style: italic;
      font-display: swap;
    }

    .shopping-cart-wrapper {
      height: 100%;
    }

    .shopping-container .cart-title {
      line-height: 1;
      font-size: 18px;
      font-weight: bold;
      color: #4b5056;
      margin-bottom: 22px;
      padding: 30px 40px 0 40px;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .shopping-container .cart-panel {
      overflow-y: auto;
    }

    .shopping-container .cart-panel .cart-item-wrapper {
      padding: 0 40px;
    }

    .shopping-footer {
      padding: 20px 0;
      margin: 0 40px;
      background-color: #ffffff;
      border-top: 1px solid #E2E4E7;
    }

    .shopping-footer .price-panel {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .shopping-footer .coupon-panel {
      margin-top: 10px;
    }

    .shopping-footer .coupon-panel .guide-item {
      display: flex;
      justify-content: flex-end;
      font-size: 14px;
      color: #4b5056;
    }

    .shopping-footer .coupon-panel .guide-item .icon {
      width: 20px;
      height: 14px;
    }

    .shopping-footer .coupon-panel .redemption-item {
      justify-content: flex-end;
    }

    .shopping-footer .coupon-panel .redemption-item .s-kit-input {
      width: 240px;
      height: 36px;
    }

    .shopping-footer .coupon-panel .redemption-item .s-common-button {
      width: auto;
      padding: 0 18px;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
    }

    .shopping-footer .coupon-panel .form-field-error {
      margin-top: 10px;
      text-align: right;
      color: #E64751;
    }

    .shopping-footer .fee-detail {
      padding-bottom: 20px;
      margin-bottom: 10px;
      border-bottom: 1px solid #E2E4E7;
    }

    .shopping-footer .fee-detail .fee-item {
      justify-content: flex-end;
      font-weight: bold;
      color: #8D949C;
      font-size: 14px;
    }

    .shopping-footer .fee-detail .fee-item .amount {
      margin-left: 25px;
    }

    .shopping-footer .fee-detail .fee-item.coupon .amount,
    .shopping-footer .fee-detail .fee-item.coupon .coupon-info,
    .shopping-footer .fee-detail .fee-item.coupon .discount {
      font-family: open_sans, Open Sans, sans-serif;
      color: #93b719;
    }

    .shopping-footer .fee-detail .fee-item.coupon .value {
      display: flex;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .remove-coupon {
      font-weight: normal;
      cursor: pointer;
      margin-right: 15px;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .remove-coupon .s-kit-icon {
      color: #8D949C;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .coupon-info {
      display: flex;
      align-items: center;
    }

    .shopping-footer .fee-detail .fee-item.coupon .coupon-info-group .coupon-info .icon {
      margin-right: 5px;
      width: 20px;
      height: 14px;
    }

    .shopping-footer .variation-panel {
      width: 200px;
      margin-bottom: 10px;
    }

    .shopping-footer .shopping-guide {
      width: 70%;
    }

    .shopping-footer .shopping-guide .shipping-icon {
      margin-top: 2px;
      margin-right: 4px;
    }

    .shopping-footer .shopping-guide .free-shipping {
      display: flex;
      color: #8D949C;
      align-items: center;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .error-message {
      width: 90%;
      color: #E64751;
      margin-top: 6px;
    }

    .shopping-footer .price-info {
      display: flex;
      align-items: center;
    }

    .shopping-footer .price-info .label {
      font-weight: bold;
      margin-right: 16px;
      color: #4b5056;
      text-transform: uppercase;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .shopping-footer .price-info .currency {
      margin-right: 8px;
    }

    .shopping-footer .price-info .amount {
      font-size: 16px;
      color: #2E2E2F;
      font-weight: bold;
    }

    .shopping-footer .terms-checkbox {
      color: #4b5056;
      margin-top: 6px;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox-wrapper {
      display: flex;
      word-break: break-word;
      align-items: flex-start;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox-wrapper .s-terms-link {
      display: inline-block;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox-wrapper span {
      line-height: 1;
    }

    .shopping-footer .terms-checkbox .s-kit-checkbox {
      vertical-align: bottom;
    }

    .shopping-footer .terms-checkbox a span {
      color: #636972;
      text-decoration: underline;
      font-family: 'open_sans', 'Open Sans', sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(ja) {
      font-family: 'open_sans', 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(zh-cn),
    .shopping-footer .terms-checkbox a span:lang(zh),
    .shopping-footer .terms-checkbox a span:lang(sxl) {
      font-family: 'open_sans', 'Open Sans', 'PingFang SC', "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    }

    .shopping-footer .terms-checkbox a span:lang(zh-tw) {
      font-family: 'open_sans', 'Open Sans', 'PingFang TC', 'Microsoft JhengHei', "微軟正黑體", STXihei, sans-serif;
    }

    .shopping-footer .terms-checkbox .s-common-link {
      color: inherit;
      margin: 0 4px;
      text-decoration: underline;
    }

    .shopping-footer .checkout-buttons {
      width: 100%;
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

    .shopping-footer .checkout-buttons .pay-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 44px;
      width: 198px;
      cursor: pointer;
      border-radius: 4px;
      margin-right: 12px;
      border: 2px solid #6D48FD;
    }

    .shopping-footer .checkout-buttons .square-payment-btn {
      margin-right: 20px;
    }

    .shopping-footer .checkout-buttons .checkout-btn {
      height: 20px;
      width: 202px;
      margin: 0;
      max-width: 100%;
      padding: 14px 0;
      cursor: pointer;
      font-size: 18px;
      line-height: 20px;
      text-align: center;
      border-radius: 4px;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .shopping-footer .checkout-buttons .checkout-btn .fa-spinner {
      color: inherit;
      margin-right: 6px;
    }

    .shopping-footer .checkout-buttons .checkout-btn.disabled {
      cursor: not-allowed;
      border-color: transparent;
      background-color: #E2E4E7;
    }

    @media screen and (max-width: 800px) {
      .shopping-container .cart-title {
        font-size: 18px;
        padding: 30px 20px 0 20px;
      }

      .shopping-container .cart-panel .cart-item-wrapper {
        padding: 0 20px;
        align-items: flex-start;
      }

      .shopping-container .product-info .image {
        width: 92px;
        height: 92px;
        margin-right: 16px;
      }

      .shopping-container .info-content .name {
        font-size: 14px;
        font-weight: 400;
      }

      .shopping-container .info-content .estimated-delivery {
        margin-top: 0;
      }

      .shopping-container .info-content .quantity-operation {
        margin-top: 5px;
      }

      .shopping-container .info-content .minus-icon,
      .shopping-container .info-content .plus-icon {
        width: 24px;
        height: 24px;
        font-size: 14px;
        line-height: 24px;
      }

      .shopping-container .info-content .quantity-input {
        width: 24px;
        height: 24px;
        font-size: 13px;
      }

      .shopping-container .product-price {
        font-size: 14px;
        font-weight: 400;
      }

      .shopping-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0 20px;
        width: -webkit-fill-available;
      }

      .shopping-footer .price-panel {
        display: flex;
        flex-wrap: wrap;
        text-align: start;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column-reverse;
      }

      .shopping-footer .price-panel .price-info {
        justify-content: flex-end;
      }

      .shopping-footer .price-panel .s-kit-checkbox-wrapper {
        display: flex;
        align-items: flex-start;
      }

      .shopping-footer .price-panel .terms-checkbox .legal-text {
        line-height: 1.2;
        display: inline-block;
      }

      .shopping-footer .price-panel .terms-checkbox .legal-text * {
        display: inline;
      }

      .shopping-footer .fee-detail .fee-item .coupon-info .discount {
        max-width: 150px;
        word-break: break-all;
      }

      .shopping-footer .shopping-guide {
        width: 100%;
      }

      .shopping-footer .error-message {
        width: 100%;
        text-align: left;
      }

      .shopping-footer .checkout-buttons {
        flex-wrap: wrap;
      }

      .shopping-footer .checkout-buttons .stripe-payment-btn {
        width: 100%;
        margin-bottom: 10px;
      }

      .shopping-footer .checkout-buttons div,
      .shopping-footer .checkout-buttons .checkout-btn {
        width: 100%;
        max-width: 100%;
      }
    }

    @media screen and (max-width: 1000px) {
      .shopping-footer .checkout-buttons .square-payment-btn {
        margin-right: 0;
      }
    }
  </style>
  <style>
    .input-field input {
      height: 42px;
      width: 100%;
    }

    .input-field .s-kit-input {
      box-shadow: none;
    }
  </style>
  <style></style>
  <style>
    .contact-info-panel {
      margin-bottom: 20px;
    }

    .contact-info-panel .contact-form .continue-btn {
      border-radius: 4px;
    }

    .checkout-phone-pick-wrapper .s-kit-range-phone-code-picker-wrapper .s-kit-input-group-addon .ant-select-selector {
      height: 41px;
    }

    .checkout-phone-pick-wrapper .s-kit-range-phone-code-picker-wrapper .s-kit-input-group-addon .ant-select-selector .ant-select-selection-search input {
      height: 100%;
    }

    .checkout-phone-pick-wrapper .s-kit-range-phone-code-picker-wrapper .s-kit-input-group-addon .ant-select-selector .ant-select-selection-placeholder {
      line-height: 41px;
    }

    .checkout-phone-pick-wrapper .s-kit-range-phone-code-picker-wrapper .s-kit-input-group-addon .ant-select-selector .ant-select-selection-item {
      line-height: 41px;
    }

    .checkout-phone-pick-wrapper .s-kit-range-phone-code-picker-wrapper input.s-kit-input.s-font-body {
      height: 42px;
    }
  </style>
  <style>
    .shipping-options-panel .shipping-list .title {
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #4b5056;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card {
      border-top: 0px;
      border-radius: 0px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:first-child {
      border-top: 1px solid #E2E4E7;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    .shipping-options-panel .shipping-list .s-kit-basic-card:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
    }
  </style>
  <style>
    .shipping-info-panel,
    .contact-info-panel {
      margin-bottom: 20px;
    }

    .shipping-info-panel .name-field,
    .contact-info-panel .name-field {
      justify-content: space-between;
    }

    .shipping-info-panel .name-field .input-field,
    .contact-info-panel .name-field .input-field {
      width: 49%;
    }

    .shipping-info-panel .name-field .chinese-name,
    .contact-info-panel .name-field .chinese-name {
      width: 100%;
    }

    .shipping-info-panel .mobile-field,
    .contact-info-panel .mobile-field {
      display: none;
    }

    .shipping-info-panel .province-field,
    .contact-info-panel .province-field {
      justify-content: space-between;
    }

    .shipping-info-panel .province-field .province-select-section,
    .contact-info-panel .province-field .province-select-section {
      width: 32%;
    }

    .shipping-info-panel .province-field .input-field,
    .contact-info-panel .province-field .input-field {
      width: 32%;
    }

    .shipping-info-panel .full-width-zip,
    .contact-info-panel .full-width-zip {
      width: 100%;
    }

    @media screen and (max-width: 980px) {
      .shipping-info-panel .mobile-field {
        display: block;
      }

      .shipping-info-panel .desktop-field .desktop-state {
        display: none;
      }

      .shipping-info-panel .desktop-field .input-field {
        width: 49%;
      }
    }
  </style>
  <style>
    .product-item-wrapper {
      margin-bottom: 20px;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .product-item-wrapper .product-info {
      display: flex;
      align-content: center;
    }

    .product-item-wrapper .product-info .image {
      width: 86px;
      height: 86px;
      border-radius: 4px;
      margin-right: 15px;
      background-size: cover;
      background-position: center;
    }

    .product-item-wrapper .product-content {
      flex: 1;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .product-item-wrapper .product-content .name {
      font-size: 14px;
      line-height: 1.5;
      color: #4b5056;
      max-height: 200px;
      word-break: break-word;
    }

    .product-item-wrapper .product-content .specification-item {
      display: flex;
      align-items: center;
      margin-top: 5px;
      font-size: 14px;
    }

    .product-item-wrapper .product-content .variation-name {
      margin-right: 10px;
      color: #a9aeb2;
    }

    .product-item-wrapper .product-content .estimated-delivery {
      color: #a9aeb2;
    }

    .product-item-wrapper .product-price {
      font-size: 14px;
      color: #4b5056;
    }

    .product-item-wrapper .product-price .quantity {
      text-align: right;
      color: #a9aeb2;
    }
  </style>
  <style>
    .order-overview-panel {
      overflow-y: hidden;
      padding: 30px 36px;
    }

    .order-overview-panel .overview-container .product-panel {
      overflow-y: auto;
      margin-top: 20px;
    }

    .order-overview-panel .footer {
      padding-top: 20px;
      border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .fee-detail {
      margin: 14px 0;
    }

    .order-overview-panel .fee-detail .tax-include .name,
    .order-overview-panel .fee-detail .tax-include .amount {
      color: #a9aeb2;
    }

    .order-overview-panel .sub-total {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 16px;
      padding-top: 16px;
      font-weight: bold;
      color: #4b5056;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      border-top: 1px solid #E2E4E7;
    }

    .order-overview-panel .sub-total .label {
      font-weight: bold;
      text-transform: uppercase;
    }

    .order-overview-panel .sub-total .amount {
      margin-left: 6px;
    }
  </style>
  <style>
    .payment-method-panel .font-bold {
      font-weight: bold;
    }

    .payment-method-panel .payment-card-package {
      display: none;
    }

    .payment-method-panel .payment-card-package.show-payment-card {
      display: block;
      border-top: 1px solid #E2E4E7;
    }

    .payment-method-panel .payment-card-wrap {
      padding: 20px;
    }

    .payment-method-panel .payment-card-wrap .payment-card-panel {
      display: none;
    }

    .payment-method-panel .payment-card-wrap .payment-card-panel.show {
      display: block;
    }

    .payment-method-panel .payment-card-wrap .payment-card-title {
      font-size: 12px;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      color: #93b719;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .payment-method-panel .payment-card-wrap .payment-card-title .password-icon {
      margin-right: 5px;
    }

    .payment-method-panel .payment-card-wrap .payment-card-title>p {
      font-size: inherit;
      line-height: 1.5;
    }

    .payment-method-panel .payment-list {
      margin-bottom: 10px;
      border: 1px solid #E2E4E7;
      border-radius: 4px;
    }

    .payment-method-panel .payment-list .payment-item {
      color: #636972;
      padding: 20px;
      box-sizing: border-box;
      border-bottom: 1px solid #E2E4E7;
      background-color: #F4F6F8;
      position: relative;
    }

    .payment-method-panel .payment-list .payment-item.more-payment-item {
      padding: 12px 15px;
    }

    .payment-method-panel .payment-list .payment-item.more-payment-item .logo {
      height: 20px;
    }

    .payment-method-panel .payment-list .payment-item.more-payment-item .online-title,
    .payment-method-panel .payment-list .payment-item.more-payment-item .title {
      font-size: 14px;
    }

    .payment-method-panel .payment-list .payment-item .row-item {
      display: flex;
      align-items: center;
    }

    .payment-method-panel .payment-list .payment-item .s-kit-radio-wrapper {
      align-items: flex-start;
    }

    .payment-method-panel .payment-list .payment-item .s-kit-radio-wrapper::after {
      content: '';
      position: absolute;
      top: 5px;
      right: 5px;
      bottom: 5px;
      left: 5px;
    }

    .payment-method-panel .payment-list .payment-item:first-child {
      border-radius: 4px 4px 0px 0px;
    }

    .payment-method-panel .payment-list .payment-item:last-child {
      border-radius: 0px 0px 4px 4px;
      border-bottom: 0px;
    }

    .payment-method-panel .payment-list .payment-item .s-kit-radio-input {
      width: 18px;
      height: 18px;
    }

    .payment-method-panel .payment-list .s-kit-radio-wrapper,
    .payment-method-panel .payment-list .payment-container {
      display: flex;
      align-items: center;
      width: auto;
      margin-right: 0;
      color: #494D56;
    }

    .payment-method-panel .payment-list .payment-container {
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .payment-method-panel .payment-list .payment-container .online-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 18px;
    }

    .payment-method-panel .payment-list .title {
      font-size: 16px;
      font-weight: 700;
      font-family: open_sans, Open Sans, sans-serif;
      line-height: 18px;
    }

    .payment-method-panel .payment-list .sub-text {
      font-size: 14px;
      line-height: 1.5;
      margin-top: 5px;
      font-weight: 400;
      color: #8D949C;
    }

    .payment-method-panel .payment-list .logo {
      height: 30px;
      width: auto;
      margin-left: auto;
    }

    .payment-method-panel .payment-list .logo.wechatpay,
    .payment-method-panel .payment-list .logo.pingppWxPubQr {
      height: 26px;
    }

    .payment-method-panel .payment-list .logo.stripeKlarna {
      height: 14px;
    }

    .payment-method-panel .payment-list .logo.stripeAfterpay,
    .payment-method-panel .payment-list .logo.stripeClearpay {
      height: 16px;
    }

    .payment-method-panel .continue-btn .entypo-credit-card {
      color: inherit;
      margin-right: 10px;
    }

    .payment-method-panel .pay-pal-guide-line,
    .payment-method-panel .cancel-warning {
      font-size: 14px;
      margin-bottom: 10px;
      color: #a9aeb2;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .pay-pal-guide-line .cancel,
    .payment-method-panel .cancel-warning .cancel {
      color: #1bb0e6;
      margin-left: 6px;
    }

    .payment-method-panel .cancel-warning {
      cursor: pointer;
      margin-top: 20px;
      text-align: center;
    }

    .payment-method-panel .selected-payment-panel .title {
      font-size: 16px;
      font-weight: 700;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-method-panel .selected-payment-panel .sub-text {
      font-size: 14px;
      margin-top: 5px;
      font-weight: 400;
      color: #a9aeb2;
    }

    .payment-method-panel .selected-payment-panel .logo {
      height: 30px;
      width: auto;
    }

    @media screen and (max-width: 980px) {

      .payment-method-panel .payment-item .logo.stripe,
      .payment-method-panel .payment-item .logo.paynowCreditCard {
        height: 22px;
      }

      .payment-method-panel .payment-item .payment-container .online-title {
        font-size: 16px;
      }
    }
  </style>
  <style>
    .contact-info-panel {
      margin-bottom: 20px;
    }

    .contact-info-panel .contact-form .continue-btn {
      border-radius: 4px;
    }
  </style>
  <style>
    .checkout-payment-wrapper {
      height: 100vh;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
    }

    .checkout-payment-wrapper .info-item {
      display: flex;
    }

    .checkout-payment-wrapper .info-item .info-text {
      width: 100%;
      word-break: break-word;
    }

    .checkout-payment-wrapper .info-title {
      margin-right: 6px;
      word-break: break-word;
    }

    .checkout-payment-wrapper .info-title,
    .checkout-payment-wrapper .info-text {
      font-size: 14px;
      color: #a9aeb2;
    }

    .checkout-payment-wrapper .form-field {
      margin-bottom: 10px;
    }

    .checkout-payment-wrapper .form-field .Select-control {
      box-shadow: none;
    }

    .checkout-payment-wrapper .field-item {
      display: flex;
      align-items: flex-start;
    }

    .checkout-payment-wrapper .title-panel {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .checkout-payment-wrapper .title-panel.show-edit {
      margin-bottom: 5px;
    }

    .checkout-payment-wrapper .title-panel .edit {
      cursor: pointer;
      margin-left: 10px;
      color: #a9aeb2;
      text-decoration: underline;
    }

    .checkout-payment-wrapper .checkout-title {
      line-height: 1;
      font-size: 18px;
      font-weight: bold;
      color: #4b5056;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .checkout-payment-wrapper .checkout-title.disabled {
      color: #a9aeb2;
      margin-bottom: 10px;
    }

    .checkout-payment-wrapper .checkout-panel {
      overflow-y: auto;
      width: 55%;
      height: 100%;
      padding: 30px;
      box-sizing: border-box;
      background-color: #fff;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section {
      margin-bottom: 20px;
      color: #4b5056;
      word-break: break-word;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section .title {
      font-weight: bold;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .notice-message-section .notice-content {
      white-space: break-spaces;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn {
      width: 100%;
      height: 48px;
      padding: 0;
      font-size: 18px;
      max-width: 100%;
      margin-top: 5px;
      line-height: 48px;
      border-radius: 4px;
      text-align: center;
      box-sizing: border-box;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .checkout-payment-wrapper .checkout-panel .continue-btn .fa-spinner {
      color: inherit;
      font-size: 16px;
      margin-right: 5px;
      vertical-align: revert;
    }

    .checkout-payment-wrapper .overview-panel {
      width: 45%;
      height: 100%;
      box-sizing: border-box;
      background-color: #F4F6F8;
    }

    .checkout-payment-wrapper .form-field-error {
      color: #E64751;
      line-height: 1.2;
      margin-top: 10px;
    }

    @media screen and (max-width: 980px) {
      .checkout-payment-wrapper {
        overflow-y: auto;
        flex-direction: column-reverse;
        height: 100%;
      }

      .checkout-payment-wrapper .info-item {
        display: block;
      }

      .checkout-payment-wrapper .checkout-panel,
      .checkout-payment-wrapper .overview-panel {
        width: 100%;
        overflow-y: visible;
      }

      .checkout-payment-wrapper .checkout-panel .continue-btn {
        max-width: 100%;
      }

      .checkout-payment-wrapper .order-overview-container {
        padding: 30px 20px 20px 20px;
      }

      .checkout-payment-wrapper .checkout-panel {
        height: initial;
        padding: 30px 20px 70px 20px;
      }
    }
  </style>
  <style>
    .buyer-checkout-dialog-wrapper {
      background: transparent;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-body {
      padding: 0;
    }

    .buyer-checkout-dialog-wrapper .s-kit-modal-content {
      height: 100%;
      width: 800px;
      border-radius: 0;
      min-width: 360px;
      overflow: visible;
      position: relative;
    }

    .buyer-checkout-dialog-wrapper .bigger-modal .s-kit-modal-content {
      width: 980px;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon {
      position: absolute;
      top: 0px;
      right: 30px;
      z-index: 2600;
      font-size: 36px;
      font-weight: 300;
      cursor: pointer;
    }

    .buyer-checkout-dialog-wrapper .close-modal-icon::before {
      content: "×";
      display: block;
      font-family: "action";
    }

    @media screen and (max-width: 1080px) {
      .buyer-checkout-dialog .s-kit-modal-body {
        overflow: initial;
      }

      .buyer-checkout-dialog .close-modal-icon {
        top: 4px;
        right: 18px;
        color: #2E2E2F;
        font-size: 30px;
      }
    }

    @media screen and (max-width: 1000px) {

      .buyer-checkout-dialog.bigger-modal .s-kit-modal-content,
      .buyer-checkout-dialog .s-kit-modal-content {
        height: 100vh;
        width: 100vw;
      }

      .buyer-checkout-dialog .shopping-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0 20px;
        width: -webkit-fill-available;
      }

      .buyer-checkout-dialog .shopping-footer .price-panel {
        display: flex;
        flex-wrap: wrap;
        text-align: start;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column;
      }

      .buyer-checkout-dialog .shopping-footer .price-panel .price-info {
        justify-content: flex-end;
        margin-top: 10px;
      }

      .buyer-checkout-dialog .shopping-footer .price-panel .s-kit-checkbox-wrapper {
        display: flex;
        align-items: flex-start;
      }

      .buyer-checkout-dialog .shopping-footer .price-panel .terms-checkbox .legal-text {
        line-height: 1.2;
        display: inline-block;
      }

      .buyer-checkout-dialog .shopping-footer .price-panel .terms-checkbox .legal-text * {
        display: inline;
      }

      .buyer-checkout-dialog .shopping-footer .shopping-guide {
        width: 100%;
      }

      .buyer-checkout-dialog .shopping-footer .error-message {
        width: 100%;
        text-align: left;
      }

      .buyer-checkout-dialog .shopping-footer .checkout-buttons {
        flex-wrap: wrap;
      }

      .buyer-checkout-dialog .shopping-footer .checkout-buttons .stripe-payment-btn {
        width: 100%;
        margin-bottom: 10px;
      }

      .buyer-checkout-dialog .shopping-footer .checkout-buttons div,
      .buyer-checkout-dialog .shopping-footer .checkout-buttons .checkout-btn {
        width: 100%;
        max-width: 100%;
      }
    }

    @media screen and (max-width: 500px) {
      .buyer-checkout-dialog .s-kit-modal-body {
        max-height: 100vh;
      }
    }
  </style>
  <style>
    .payment-success-dialog-wrapper {
      background: transparent;
    }

    .payment-success-container {
      text-align: center;
    }

    .payment-success-container .icon {
      font-size: 70px;
      color: #93b719;
      margin-bottom: 25px;
    }

    .payment-success-container .title {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 20px;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .payment-success-container .success-panel {
      max-width: 340px;
    }

    .payment-success-container .success-panel .message {
      line-height: 1.5;
      font-size: 14px;
      color: #636972;
      margin-bottom: 30px;
      font-family: open_sans, Open Sans, sans-serif;
    }

    .payment-success-container .success-panel .confirm-btn {
      width: 100%;
      height: 36px;
      padding: 0;
      font-size: 16px;
      line-height: 36px;
      border-radius: 4px;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .payment-success-container .success-panel .download-btn {
      height: 44px;
      line-height: 44px;
    }

    .payment-success-container .success-panel .fa-download {
      margin-right: 8px;
    }

    @media screen and (max-width: 727px) {
      .payment-success-dialog-wrapper .payment-success-container .s-kit-modal-content {
        width: 100%;
        height: initial;
        padding: 0;
      }
    }
  </style>
  <style>
    .square-payment-dialog-wrapper .s-kit-modal-body {
      padding: 0;
      min-width: 560px;
    }

    .square-payment-dialog-wrapper .square-payment-panel .square-form .title {
      font-size: 16px;
      font-weight: 700;
      color: #4b5056;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .square-payment-dialog-wrapper .square-payment-panel .square-form .s-form-field input {
      padding: 12px 8px 12px 60px;
    }

    @media screen and (max-width: 560px) {
      .square-payment-dialog-wrapper .s-kit-modal-body {
        min-width: inherit;
      }
    }
  </style>
  <style>
    .stripe-payment-dialog-wrapper .s-kit-modal-body {
      padding: 0;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .title {
      font-size: 16px;
      font-weight: 700;
      color: #4b5056;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-form-field input {
      padding: 9px 8px 8px 40px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .entypo-mail {
      top: 3px;
    }

    .stripe-payment-dialog-wrapper .stripe-payment-panel .stripe-form .s-btn {
      text-align: center;
    }
  </style>
  <style>
    .payment-qr-code-container {
      width: 560px;
      margin: 0 auto;
    }

    .payment-qr-code-container .payment-title {
      margin: 10px 0 30px 0;
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      color: #525A61;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
    }

    .payment-qr-code-container .qr-code-panel {
      text-align: center;
    }

    .payment-qr-code-container .qr-code-panel canvas {
      width: 180px;
      height: 180px;
      padding: 20px;
      border: 1px solid #EBEDEF;
    }

    .payment-qr-code-container .additional-panel {
      width: 100%;
      display: table;
      margin: 0 auto;
      padding-top: 20px;
      text-align: center;
    }

    .payment-qr-code-container .payment-hint {
      padding: 1px 6px;
      font-weight: 300;
      border-radius: 4px;
      color: #60bd38;
      border: 1px solid #60bd38;
    }

    .payment-qr-code-container .payment-hint.alipay {
      color: #00AAD7;
      border: 1px solid #00AAD7;
    }

    .payment-qr-code-container .payment-action {
      color: #52616a;
      font-weight: 300;
      padding: 37px 0 10px 0;
    }

    @media screen and (max-width: 727px) {
      .payment-qr-code-container {
        width: 100%;
      }

      .payment-qr-code-container .payment-title {
        margin-top: 30px;
      }

      .payment-qr-code-dialog-wrapper .s-kit-modal-content {
        height: 100vh;
      }
    }
  </style>
  <style>
    .ecommerce-legal-dialog-wrapper .s-kit-modal-body {
      padding: 0;
    }

    .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
      height: 100%;
      width: 800px;
      border-radius: 0;
      min-width: 360px;
      overflow: visible;
      position: relative;
    }

    .ecommerce-legal-dialog-wrapper .s-kit-modal-content .s-kit-modal-body {
      height: 100%;
    }

    .ecommerce-legal-dialog-wrapper .legal-container {
      height: 100%;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-title {
      font-size: 20px;
      font-weight: bold;
      color: #4b5056;
      text-align: left;
      padding: 30px 30px 0;
      text-transform: uppercase;
      font-family: 'brandon-grotesque', 'brandon', martel-sans, sans-serif;
      margin-bottom: 12px;
    }

    .ecommerce-legal-dialog-wrapper .legal-container .legal-content {
      font-size: 15px;
      color: #636972;
      padding: 0 30px;
      box-sizing: border-box;
      line-height: 1.4;
      white-space: pre-wrap;
      font-family: open_sans, Open Sans, sans-serif;
      height: calc(100% - 50px);
      overflow-y: auto;
      word-wrap: break-word;
      max-height: calc(100vh - 90px);
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon {
      position: absolute;
      top: 0px;
      right: 30px;
      z-index: 2600;
      font-size: 36px;
      font-weight: 300;
      cursor: pointer;
    }

    .ecommerce-legal-dialog-wrapper .close-modal-icon::before {
      content: "×";
      display: block;
      font-family: "action";
    }

    @media screen and (max-width: 800px) {
      .ecommerce-legal-dialog-wrapper .s-kit-modal-body {
        overflow: initial;
        max-height: none;
      }

      .ecommerce-legal-dialog-wrapper.bigger-modal .s-kit-modal-content,
      .ecommerce-legal-dialog-wrapper .s-kit-modal-content {
        height: 100vh;
        width: 100vw;
      }

      .ecommerce-legal-dialog-wrapper .close-modal-icon {
        top: 4px;
        right: 18px;
        color: #2E2E2F;
        font-size: 30px;
      }
    }
  </style>
  <style>
    .pay-now-credit-card-dialog-wrapper .s-kit-modal-content {
      width: 460px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-title {
      display: flex;
      align-items: center;
      font-size: 20px;
      font-weight: bold;
      color: #4b5056;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-title .card-image {
      height: 23px;
      margin-left: 6px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel {
      color: #4b5056;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .form-row {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .field-row {
      display: flex;
      align-items: flex-start;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .s-kit-input {
      width: 80px;
    }

    .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel .split-line {
      font-weight: bold;
      margin: 16px 6px 0 6px;
    }

    .pay-now-credit-card-dialog-wrapper .submit-btn {
      width: 100%;
      margin: 20px 0 0 0;
    }

    .pay-now-credit-card-dialog-wrapper .form-field-error {
      color: #E64751;
      line-height: 1.2;
      margin-top: 6px;
    }

    .pay-now-credit-card-dialog-wrapper .charge-error {
      color: #E64751;
      font-size: 14px;
      margin-top: 6px;
    }

    @media screen and (max-width: 560px) {
      .pay-now-credit-card-dialog-wrapper .s-kit-modal-content {
        width: 100%;
      }

      .pay-now-credit-card-dialog-wrapper .credit-card-title {
        font-size: 16px;
      }

      .pay-now-credit-card-dialog-wrapper .credit-card-title .card-image {
        height: 20px;
      }

      .pay-now-credit-card-dialog-wrapper .credit-card-form-panel .expiration-date-panel {
        margin-right: 10px;
      }
    }
  </style>
  <style>
    .pay-now-bank-card-validation-dialog-wrapper .s-kit-modal-content {
      width: 460px;
      font-size: 14px;
    }

    .pay-now-bank-card-validation-dialog-wrapper .s-kit-modal-content .s-kit-modal-title {
      font-size: 22px;
    }
  </style>
  <style>
    .shipping-wrapper .field-section {
      margin-bottom: 20px;
    }

    .shipping-wrapper .estimated-section {
      display: flex;
      align-items: center;
      margin-top: 5px;
    }

    .shipping-wrapper .estimated-section .s-kit-label {
      margin-bottom: 0;
      margin-right: 10px;
    }

    .shipping-wrapper .estimated-section .input {
      width: 72px;
      line-height: 1;
      text-align: center;
    }

    .shipping-wrapper .estimated-section .estimated-error {
      font-weight: 400;
      color: #E64751;
      margin-left: 6px;
    }

    .shipping-wrapper .save-btn {
      display: block;
      margin-top: 30px;
    }

    .loading-container {
      text-align: center;
      margin-top: 20vh;
      font-size: 20px;
    }

    .s-variation-default .s-common-button {
      box-shadow: none;
    }

    .s-variation-default .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-default .s-common-button {
      box-shadow: none;
    }

    .s-variation-black .s-common-button {
      box-shadow: none;
    }

    .s-variation-black .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-black .s-common-button {
      box-shadow: none;
    }

    .s-variation-blue .s-common-button {
      box-shadow: none;
    }

    .s-variation-blue .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-blue .s-common-button {
      box-shadow: none;
    }

    .s-variation-green .s-common-button {
      box-shadow: none;
    }

    .s-variation-green .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-green .s-common-button {
      box-shadow: none;
    }

    .s-variation-red .s-common-button {
      box-shadow: none;
    }

    .s-variation-red .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-red .s-common-button {
      box-shadow: none;
    }

    .s-variation-violet .s-common-button {
      box-shadow: none;
    }

    .s-variation-violet .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-variation-violet .s-common-button {
      box-shadow: none;
    }

    .s-custom-colors .s-common-button {
      box-shadow: none;
    }

    .s-custom-colors .s-common-button:hover {
      box-shadow: none;
    }

    .s-bg-dark-text .s-custom-colors .s-common-button {
      box-shadow: none;
    }
  </style>
</head>

<body class="show  locale-zh-CN" id="user_sites" theme_name="s5-theme">
  <div class="product-sxl" data-id="12651960" id="s-page-container">
    <style>
      .s-nav.navigator .s-navbar-desktop .s-common-button {
        margin-top: 0;
        word-break: keep-all;
        white-space: nowrap;
        box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
      }

      .s-nav.navigator .s-navbar-desktop .s-logo,
      .s-nav.navigator .s-navbar-desktop .s-logo-title {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
      }

      .s-nav.navigator .s-navbar-desktop .s-logo-title,
      .s-nav.navigator .s-navbar-desktop .s-logo-subtitle {
        display: inline-block;
        min-width: 70px;
      }

      .s-nav.navigator .s-navbar-desktop .s-logo-title a,
      .s-nav.navigator .s-navbar-desktop .s-logo-subtitle a {
        color: inherit;
      }

      .s-nav.navigator .s-navbar-desktop .s-logo-subtitle {
        opacity: 0.5;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container .s-nav-li,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons .s-nav-li {
        cursor: pointer;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container.s-nav-items-and-links,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons.s-nav-items-and-links {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container.s-nav-items-and-links .s-nav-li,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons.s-nav-items-and-links .s-nav-li {
        height: auto !important;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container.s-nav-items-and-links .s-membership-nav,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons.s-nav-items-and-links .s-membership-nav {
        padding: 0;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-container.s-nav-items-and-links .s-nav-link-container>a,
      .s-nav.navigator .s-navbar-desktop .s-nav-icons.s-nav-items-and-links .s-nav-link-container>a {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links ul>li.hidden,
      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links ul.s-uncollapsed-nav>li.hidden {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-inner,
      .s-nav.navigator .s-navbar-desktop .s-nav-inner-wrap {
        max-width: 100%;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li {
        cursor: pointer;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li a {
        border-bottom: 1px solid transparent;
      }

      .s-nav.navigator .s-navbar-desktop .s-collapsed-nav {
        background: white;
        text-align: left;
        max-height: 300px;
        overflow-y: auto;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-icons {
        white-space: nowrap;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-icons .s-nav-li {
        margin-left: 10px;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-icons .s-nav-li:empty {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop ul li._compact {
        font-size: 87%;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-link-container,
      .s-nav.navigator .s-navbar-desktop .s-nav-inner .s-nav-link-container {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-link-container span.s5-inline-switch,
      .s-nav.navigator .s-navbar-desktop .s-nav-inner .s-nav-link-container span.s5-inline-switch {
        display: inline-block;
        vertical-align: middle;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown {
        position: relative;
        cursor: pointer;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown._dropdown-open>ul {
        display: block;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown .s-nav-link-container {
        display: block;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul {
        display: none;
        z-index: 201;
        box-sizing: border-box;
        min-width: 130px;
        max-width: 250px;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul.social-medial-ul {
        min-width: auto;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul li {
        line-height: 1.3em;
        cursor: pointer;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul li.social-medial-li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 5px 0;
      }

      .s-nav.navigator .s-navbar-desktop .s-navbar-dropdown ul li a {
        text-overflow: ellipsis;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list .social-media-contact-list-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list .social-media-contact-list-wrapper .social-media-link {
        margin: 0 10px;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list .social-media-contact-list-wrapper .social-media-contact-list-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list .social-media-contact-list-wrapper .social-media-contact-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 10px;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-social-media.has-social-media-contact-list .small-screen-social-media {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li.s-navbar-dropdown li {
        margin: 0;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-nav-li.s-navbar-dropdown li>.s-nav-link-container {
        padding: 10px 0px;
      }

      .s-nav.navigator .s-navbar-desktop .s-logo-image {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-nav-li a,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-logo-title,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-nav-social-media a,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .s-logo-subtitle,
      .s-nav.navigator .s-navbar-desktop.s-bg-dark-text .social-media-contact-item {
        color: rgba(0, 0, 0, 0.8);
      }

      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-uncollapsed-nav>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-uncollapsed-nav>.s-nav-li>.s-nav-link-container>a,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .membership-nav-container .s-nav-li .s-nav-link-container,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-icons>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-icons>.s-nav-li *,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-logo-title,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-social-media a,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-logo-subtitle,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .social-media-contact-item {
        color: white;
      }

      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-icons>.s-nav-li .login-container .s-nav-dropdown ul a,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-icons>.login-container ul a,
      .s-nav.navigator .s-navbar-desktop.s-bg-light-text .s-nav-icons>.login-container ul a span {
        color: rgba(0, 0, 0, 0.8);
      }

      .s-nav.navigator .s-navbar-desktop .s-collapsed-nav>li {
        display: block;
        text-align: left;
      }

      .s-nav.navigator .s-navbar-desktop .login-container .s-nav-dropdown {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop .login-container .s-nav-dropdown li {
        padding: 4px 2px !important;
      }

      .s-nav.navigator .s-navbar-desktop .login-container.in-editor {
        position: relative;
      }

      .s-nav.navigator .s-navbar-desktop .login-container .s-component-overlay {
        left: 0;
        top: 0;
      }

      .s-nav.navigator .s-navbar-desktop .login-container .s-nav-dropdown .right-icon {
        margin-left: 0;
      }

      .s-nav.navigator .s-navbar-desktop .s-logo-image-alternative {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop .s-nav-items-and-links .s-navbar-dropdown li.s-nav-li>.s-nav-link-container {
        padding: 10px 10px;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal):not(.not-in-sticky).s-navbar-desktop-fixed {
        position: fixed;
        top: 0;
        z-index: 260;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal):not(.not-in-sticky).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout-f {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0;
        width: 100%;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal):not(.not-in-sticky).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout-f .s-logo-title {
        visibility: visible;
      }

      .s-nav.navigator .s-navbar-desktop.inline-layout {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
      }

      .s-nav.navigator .s-navbar-desktop.s-navbar-desktop-normal.is-not-sticky-navbar.s-new-layout-f {
        display: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
      }

      .s-nav.navigator .s-navbar-desktop._maximize-nav-item-space .s-nav-inner .s-nav-inner-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }

      .s-nav.navigator .s-navbar-desktop._maximize-nav-item-space .s-nav-items-and-links {
        -webkit-box-flex: 100;
        -webkit-flex-grow: 100;
        -ms-flex-positive: 100;
        flex-grow: 100;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-nav-social-media.has-social-media-contact-list,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-social-media.has-social-media-contact-list,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-social-media.has-social-media-contact-list {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-social-media.has-social-media-contact-list,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-social-media.has-social-media-contact-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-social-media {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 20px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-social-media.has-social-media-contact-list {
        padding-left: 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .social-media-contact-list-wrapper {
        display: block;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .social-media-contact-list-wrapper .social-media-contact-list-wrap {
        display: block;
        margin: 0 -10px;
        word-break: break-all;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .social-media-contact-list-wrapper .social-media-contact-item {
        margin: 20px 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .social-media-contact-list-wrapper .social-media-link-wrap {
        margin: 0 -10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-social-media-buttons-wrap {
        margin: 0 -10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-h .s-nav-social-media.has-social-media-contact-list {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout .s-nav-li.multi-lang-nav {
        margin: 0;
        list-style: none;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-icons,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-icons,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-icons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-icons .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-icons .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-icons .s-nav-social-media {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .login-container.nav-item,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .login-container.nav-item,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .login-container.nav-item {
        padding-left: 0px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-items-and-links {
        text-align: left;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-items-and-links {
        text-align: center;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-items-container {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-nav-left {
        text-align: left;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-nav-right {
        text-align: right;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-nav-right .s-nav-items-and-links,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-nav-right .s-nav-social-media {
        vertical-align: middle;
        line-height: 1.5;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-topRadial-nav-right .s-nav-btn {
        margin-left: 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .multi-lang-nav {
        padding: 0 10px;
        vertical-align: middle;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .multi-lang-nav .fa-angle-down {
        margin-left: -3px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .membership-nav-container .fa-angle-down {
        margin-top: 2px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .multi-lang-nav+.s-membership-nav {
        margin: 3px 10px 0px -5px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .membership-nav-container {
        padding-left: 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-nav-items-and-links>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-items-and-links>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-items-and-links>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-items-and-links>.s-nav-li {
        margin-right: 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-nav-items-and-links .multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-items-and-links .multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-items-and-links .multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-items-and-links .multi-lang-nav+.s-membership-nav {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-a .s-nav-items-and-links .s-component-overlay,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-b .s-nav-items-and-links .s-component-overlay,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-c .s-nav-items-and-links .s-component-overlay,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-d .s-nav-items-and-links .s-component-overlay {
        left: -5px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links>.s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links>.s-nav-li {
        margin-left: 30px;
        margin-right: 0px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .membership-nav-container,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .membership-nav-container {
        margin-left: 30px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .membership-nav-container .s-nav-li,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .membership-nav-container .s-nav-li {
        margin: 0;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .s-nav-li.multi-lang-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .multi-lang-nav+.s-membership-nav {
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .s-nav-li.multi-lang-nav>.s-nav-link-container,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .s-nav-li.multi-lang-nav>.s-nav-link-container,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .multi-lang-nav+.s-membership-nav>.s-nav-link-container,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .multi-lang-nav+.s-membership-nav>.s-nav-link-container {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .s-nav-li.multi-lang-nav.multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .s-nav-li.multi-lang-nav.multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-items-and-links .multi-lang-nav+.s-membership-nav.multi-lang-nav+.s-membership-nav,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-items-and-links .multi-lang-nav+.s-membership-nav.multi-lang-nav+.s-membership-nav {
        margin-left: 0px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper {
        position: relative;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-icon-button,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-icon-button,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-icon-button {
        position: absolute;
        false;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-nav-social-media {
        left: 0;
        padding: 12px 0;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-nav-social-media .social-media-link:first-child,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-nav-social-media .social-media-link:first-child,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-nav-social-media .social-media-link:first-child {
        margin-left: 0;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-logo,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-logo,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-logo {
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-icon-button,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f .s-nav-logo-wrapper .s-icon-button,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon .s-nav-logo-wrapper .s-icon-button {
        false;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e.s-navbar-desktop-normal .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f.s-navbar-desktop-normal .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon.s-navbar-desktop-normal .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e.s-navbar-desktop-fixed .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f.s-navbar-desktop-fixed .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon.s-navbar-desktop-fixed .s-nav-btn {
        margin-right: 0px;
        margin-left: 30px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e.s-navbar-desktop-normal:not(.has-button):not(.in-editor) .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f.s-navbar-desktop-normal:not(.has-button):not(.in-editor) .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon.s-navbar-desktop-normal:not(.has-button):not(.in-editor) .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e.s-navbar-desktop-fixed:not(.has-button):not(.in-editor) .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-f.s-navbar-desktop-fixed:not(.has-button):not(.in-editor) .s-nav-btn,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.circleIcon.s-navbar-desktop-fixed:not(.has-button):not(.in-editor) .s-nav-btn {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-top-center-item-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-logo-wrapper .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .s-nav-top-center-item-container .s-nav-social-media {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1.5;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-e .multi-lang-nav {
        vertical-align: middle;
        display: inline-block;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-items-and-links {
        margin-bottom: 20px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-g-footer .s-social-media-buttons-wrap .s-social-media-button {
        margin: 10px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons li:first-child {
        margin-top: 0px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-search:before,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-shopping-cart:before,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .entypo-user:before {
        width: 18px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons .fa-search {
        padding-left: 1px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-g .s-nav-icons>div.s-nav-li:last-child {
        position: absolute;
        bottom: 30px;
      }

      .s-nav.navigator .s-navbar-desktop.s-new-layout.s-new-layout-h .s-nav-social-media,
      .s-nav.navigator .s-navbar-desktop.s-new-layout.topBlock .s-nav-social-media {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
      }

      .s-nav.navigator .s-navbar-mobile-header {
        display: none;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
      }

      .s-nav.navigator .s-navbar-mobile-header .s-logo-image img {
        max-height: 50px;
        max-width: calc(100vw - 130px);
      }

      @media screen and (max-width:727px) {
        .s-nav.navigator .s-navbar-mobile-header {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
        }

        .s-nav.navigator .s-navbar-mobile-header .s-logo-title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: normal;
          -webkit-justify-content: normal;
          -ms-flex-pack: normal;
          justify-content: normal;
          min-height: 60px;
        }

        .s-nav.navigator .s-navbar-mobile-header .s-logo-title * h1,
        .s-nav.navigator .s-navbar-mobile-header .s-logo-title * h2,
        .s-nav.navigator .s-navbar-mobile-header .s-logo-title * h3,
        .s-nav.navigator .s-navbar-mobile-header .s-logo-title * h4,
        .s-nav.navigator .s-navbar-mobile-header .s-logo-title * h5 {
          margin-bottom: 0px !important;
        }
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout {
        position: absolute;
        box-shadow: none;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout.s-new-layout-e {
        display: none;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout.s-new-layout-f {
        position: relative;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout.s-new-layout-f .s-nav-inner .s-nav-logo-wrapper .s-icon-button {
        height: 100%;
      }

      .s-nav.navigator .s-navbar-desktop:not(.s-navbar-desktop-normal).s-navbar-desktop-fixed.is-not-sticky-navbar.s-new-layout.s-new-layout-f .s-logo-title {
        visibility: visible;
      }

      .s-nav.navigator .site-search .fa.fa-search {
        padding: 0px;
      }

      .css-2fz65a .s-section:not(.s-slider-section):not(.s-grid-section):not(.s-new-gallery-section):not(.s-blog-section):not(.s-store-section):not(.s-new-media-section):not(.s-accordion-section) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 173px !important;
        padding-bottom: 75px !important;
      }

      .css-2fz65a .s-section:not(.s-slider-section):not(.s-grid-section):not(.s-new-gallery-section):not(.s-blog-section):not(.s-store-section):not(.s-new-media-section):not(.s-accordion-section) .container {
        margin: 0 3%;
        max-width: 94%;
        box-sizing: border-box;
        width: 1200px !important;
      }

      .css-1u2xvjn .s-top-padding-half.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1u2xvjn .s-top-padding-half.s-grid-section:not(._wide) {
        padding-top: 138px;
      }

      .css-1u2xvjn .s-bottom-padding-half.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1u2xvjn .s-bottom-padding-half.s-grid-section:not(._wide) {
        padding-bottom: 40px;
      }

      .css-1u2xvjn .s-top-padding-none.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1u2xvjn .s-top-padding-none.s-grid-section:not(._wide) {
        padding-top: 98px;
      }

      .css-1u2xvjn .s-bottom-padding-none.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1u2xvjn .s-bottom-padding-none.s-grid-section:not(._wide) {
        padding-bottom: 0;
      }

      .css-1u2xvjn .s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1u2xvjn .s-grid-section:not(._wide) {
        padding-top: 173px;
        padding-bottom: 75px;
      }

      .css-1u2xvjn .s-section.s-grid-section._wide {
        padding-top: 98px;
      }

      .css-45gbxi {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
      }

      .css-45gbxi>a {
        margin: unset;
      }

      .s-section-shape.s-first-section-round {
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
      }

      .s-section-shape.s-first-section-round .shape1,
      .s-section-shape.s-first-section-round .shape2 {
        display: block;
        position: absolute;
        width: 100vw;
        left: -50vw;
        height: 100%;
      }

      .s-section-shape.s-first-section-round svg.s-first-section-svg {
        position: absolute;
        left: -50vw;
        width: 100vw;
        bottom: 0;
        z-index: 2;
      }

      .s-section-shape.s-first-section-round:not(._on-top-of-second-section) .shape1,
      .s-section-shape.s-first-section-round:not(._on-top-of-second-section) .shape2 {
        bottom: 0;
        z-index: -1;
      }

      .s-section-shape.s-first-section-round:not(._on-top-of-second-section) .shape2 {
        -webkit-clip-path: circle(250vw at 50% calc(99% - 250vw));
        clip-path: circle(250vw at 50% calc(99% - 250vw));
      }

      .s-section-shape.s-first-section-round._on-top-of-second-section .shape1 {
        z-index: 3;
        -webkit-clip-path: circle(250vw at 50% calc(99% - 250vw));
        clip-path: circle(250vw at 50% calc(99% - 250vw));
      }

      .s-section-shape.s-section-shape.s-first-section-round .shape1,
      .s-section-shape.s-section-shape.s-first-section-round .shape2 {
        background-color: #E8EAEC;
      }

      .s-section-shape.s-first-section-slant {
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 2;
      }

      .s-section-shape.s-first-section-slant .shape1 {
        display: block;
        position: absolute;
        left: -50vw;
      }

      .s-section-shape.s-first-section-slant:not(._on-top-of-second-section) .shape1 {
        bottom: -100%;
        border-top: calc(40px + 4vw) solid transparent;
        border-right: 100vw solid #E8EAEC;
      }

      .s-section-shape.s-first-section-slant._on-top-of-second-section .shape1 {
        border-bottom: 8vw solid transparent;
        border-right: 100vw solid #E8EAEC;
      }

      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) {
        position: absolute;
        left: 50%;
        top: 100%;
      }

      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) .shape1,
      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) .shape2 {
        content: ' ';
        display: block;
        position: absolute;
      }

      .s-section-shape.s-first-section-big-arrow._on-top-of-second-section {
        position: absolute;
        left: 50%;
        border-left: 50vw solid transparent;
        border-right: 50vw solid transparent;
        margin-left: -50vw;
      }

      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) {
        z-index: 2;
      }

      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) .shape1,
      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) .shape2 {
        bottom: -150px;
        left: -1500px;
        width: 3000px;
        height: 150px;
        -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
        background-color: #E8EAEC;
      }

      .s-section-shape.s-first-section-big-arrow:not(._on-top-of-second-section) .shape2 {
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
      }

      .s-section-shape.s-first-section-big-arrow._on-top-of-second-section {
        z-index: 100;
        border-top: calc(0.1227845609029046 * 50vw) solid #E8EAEC;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1,
      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
        position: absolute;
        bottom: 0;
        width: 50%;
        height: 0;
        box-sizing: border-box;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1 {
        left: 0;
        border-right-color: transparent !important;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
        right: 0;
        border-left-color: transparent !important;
      }

      .s-section-shape.s-first-section-arrow._on-top-of-second-section {
        position: absolute;
        left: 50%;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) {
        height: 25px;
        width: 100%;
        z-index: 100;
      }

      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1,
      .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
        border-width: 0 25px 25px 25px;
        border-color: #E8EAEC;
        border-style: solid;
      }

      .s-section-shape.s-first-section-arrow._on-top-of-second-section {
        margin-left: -25px;
        z-index: 100;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-top: 25px solid #E8EAEC;
      }

      .css-1rkmeg4 .s-top-padding-half.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1rkmeg4 .s-top-padding-half.s-grid-section:not(._wide) {
        padding-top: 40px;
      }

      .css-1rkmeg4 .s-bottom-padding-half.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1rkmeg4 .s-bottom-padding-half.s-grid-section:not(._wide) {
        padding-bottom: 40px;
      }

      .css-1rkmeg4 .s-top-padding-none.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1rkmeg4 .s-top-padding-none.s-grid-section:not(._wide) {
        padding-top: 0px;
      }

      .css-1rkmeg4 .s-bottom-padding-none.s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1rkmeg4 .s-bottom-padding-none.s-grid-section:not(._wide) {
        padding-bottom: 0;
      }

      .css-1rkmeg4 .s-section:not(.s-slider-section):not(.s-grid-section),
      .css-1rkmeg4 .s-grid-section:not(._wide) {
        padding-top: 75px;
        padding-bottom: 75px;
      }

      .css-1e9lkn4 .s-section:not(.s-slider-section):not(.s-grid-section):not(.s-new-gallery-section):not(.s-blog-section):not(.s-store-section):not(.s-new-media-section):not(.s-accordion-section) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 75px !important;
        padding-bottom: 75px !important;
      }

      .css-1e9lkn4 .s-section:not(.s-slider-section):not(.s-grid-section):not(.s-new-gallery-section):not(.s-blog-section):not(.s-store-section):not(.s-new-media-section):not(.s-accordion-section) .container {
        margin: 0 3%;
        max-width: 94%;
        box-sizing: border-box;
        width: 1200px !important;
      }
    </style>
    <div data-hypernova-key="SiteBootstrapper" data-hypernova-id="a2578c49-57ac-4ad6-ad8e-bd6c35110e02"
      data-hypernova-emotion-id="1bitbqa,2fz65a,1u2xvjn,chf7i2,45gbxi,a5eqp6,1rkmeg4,1e9lkn4">
      <script>window.ssrIsLoaded = true</script>
      <div id="s-page-client-container">
        <div>
          <div id="s-content"
            class="s-variation-default s-custom-colors s-font-heading-default s-font-title-default s-font-body-default s-font-button-default s-font-weight-heading-default s-font-weight-title-default s-font-weight-body-default s-font-weight-button-default s-theme-alignment-center"
            lang="zh">
            <div style="margin: auto;">
              <div class="social-thumbnail">
                <div style="display: none;"><img src="/assets/FszyuxcZhO3_XyrCINA7L7q1eTiC.png" width="300" height="300"
                    alt="thumbnail image"></div>
              </div>
              <div>
                <style id="color-style-tag">
                  .s-custom-colors .s-bg-overlay:before {
                    background: rgba(44, 34, 91, 0.35);
                  }

                  .s-custom-colors .s-component.s-social-media ul.s-social-media-buttons .s-social-icon {
                    background: rgba(245, 47, 85, 0.5);
                  }

                  .s-custom-colors .fixed-login-container .login-container {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .s-ecommerce-row-view-product-thumbnail-list ul li.current {
                    border: 2px solid #f52f55
                  }

                  .s-custom-colors .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-card .s-ecommerce-card-view-card-stock-warning {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-shopping-cart-wrapper .s-ecommerce-shopping-cart {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-shopping-cart-wrapper .s-ecommerce-shopping-cart.hovered {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-shopping-cart-wrapper .s-ecommerce-shopping-cart-mobile {
                    background: #e1def2;
                    border-top: 1px solid #b4b1c1;
                  }

                  .s-custom-colors .s-ecommerce-shopping-cart-wrapper .s-ecommerce-shopping-cart-mobile .check-btn {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-animation-item {
                    border: 2px solid #f52f55;
                    color: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .mobile-select .price-label {
                    color: #f52f55
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .mobile-select .variation-item.selected {
                    border: 1px solid #f52f55;
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .mobile-select .add-btn {
                    background: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .slider-wrapper .slider-dot-wrapper .slider-dot {
                    border: 1px solid #f52f55
                  }

                  .s-custom-colors .s-ecommerce-row-view-product .slider-wrapper .slider-dot-wrapper .slider-dot.selected {
                    background: #f52f55
                  }

                  .s-custom-colors .s-section .s-category-bar .category-list .category-link-item.selected {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-section .s-category-bar .category-list .category-link-item.selected:after {
                    background: #f52f55
                  }

                  .s-custom-colors .s-section .s-category-bar .category-list .category-link-item-wrapper:hover .category-link-item:not(.no-hover) {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .next-product-btn {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .prev-product-btn {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .back-btn {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .next-product-btn:hover {
                    color: #f75877;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .prev-product-btn:hover {
                    color: #f75877;
                  }

                  .s-custom-colors .s-ecommerce .s-ecommerce-products-wrapper .s-ecommerce-card-view-wrapper .s-ecommerce-card-view-detail .s-ecommerce-card-view-detail-header .back-btn:hover {
                    color: #f75877;
                  }

                  .s-custom-colors .s-donation-section .s-component.s-donation .s-donation-progress .progress-bar .progress {
                    background: #f52f55
                  }

                  .s-custom-colors .s-donation-section .s-component.s-donation .s-donation-progress .progress-bar .indicator:before {
                    background: #f52f55
                  }

                  .s-custom-colors .s-donation-section .s-component.s-donation .s-donation-progress .progress-bar .indicator:after {
                    border-top-color: #f52f55
                  }

                  .s-custom-colors .s-theme-color-1 {
                    color: #f52f55
                  }

                  .s-custom-colors .s-bg-theme-color-1 {
                    background-color: #f52f55
                  }

                  .s-custom-colors .s-bg-theme-color-fade-1 {
                    background-color: rgba(245, 47, 85, 0.07)
                  }

                  .s-custom-colors .s-bg-theme-color-fade-2 {
                    background-color: rgba(245, 47, 85, 0.2)
                  }

                  .s-custom-colors .s-border-theme-color-1 {
                    border-color: #f52f55
                  }

                  .s-custom-colors .s-button-theme-style {
                    background-color: rgba(245, 47, 85, 0.2);
                    color: #f52f55
                  }

                  .s-custom-colors .s-button-theme-style-shadow {
                    background-color: rgba(245, 47, 85, 0.2);
                    box-shadow: 0px 3px 0 rgba(245, 47, 85, 0.2);
                    color: #f52f55
                  }

                  .s-custom-colors .s-button-theme-style-border {
                    background-color: rgba(245, 47, 85, 0.2);
                    border: 2px solid rgba(245, 47, 85, 0.2);
                    color1: #f52f55
                  }

                  .s-custom-colors .s-button-theme-style-important {
                    background-color: rgba(245, 47, 85, 0.2) !important;
                    color: #f52f55 !important
                  }

                  .s-custom-colors .navigator .nav-container .nav ul li a:hover,
                  .s-custom-colors .navigator .nav-container .nav ul li a.selected {
                    background: #f0eef8;
                  }

                  .s-custom-colors .navigator .nav-container .nav ul.items li,
                  .s-custom-colors .navigator .nav-container .nav ul.items,
                  .s-custom-colors .navigator {
                    border-color: #d3ceeb;
                  }

                  .s-custom-colors .dummy-shadow {
                    box-shadow: #e1def2 0 0 10px 0 inset;
                  }

                  .navbar-drawer.strikingly-drawer ul#nav-drawer-list {
                    border-right: 1px solid #f0eef8;
                  }

                  .navbar-drawer.strikingly-drawer ul#nav-drawer-list li a.selected {
                    background: #f0eef8;
                    box-shadow: 5px 0 0 0 #d3ceeb inset;
                  }

                  .navbar-drawer.strikingly-drawer ul#nav-drawer-list li {

                    a:not(.social-media-link):not(.mobile-nav-button .s-common-button),
                    .s-mobile-nav-dropdown-item,
                    .s-mobile-membership-login-nav-item,
                    .s-mobile-multi-lang,
                    .s-mobile-nav-btn {
                      border-bottom: 1px solid #d3ceeb;
                    }
                  }

                  .s-custom-colors .s-text-color-custom1 {
                    color: #f52f55;
                  }

                  .s-custom-colors .s-text-color-custom2 {
                    color: #5845b6;
                  }
                </style>
                <style id="font-style-tag"></style>
              </div>
              <div name="topBar" font-size="100%" type="NavTheme" id="f_a7eefaef-c78a-4fe1-925d-f515062961c4"
                class="s-nav navigator css-osqwld css-k5q8dc0">
                <div
                  class="s-navbar-desktop s-navbar-desktop-normal s-bg-light-text s-new-layout topBar s-new-layout-a has-new-layout has-title s-nav-transparent-desktop">
                  <div class="s-nav-inner">
                    <div class="s-nav-inner-wrap">
                      <div class="s-logo">
                        <div class="css-xrvj87 css-k5q8dc1">
                          <div class="s-logo-image-normal">
                            <div class="s-logo-image image1">
                              <div class="s-component s-image">
                                <div>
                                  <div class="s-component-content">
                                    <div class="s-img-wrapper"><img src="/assets/FgGOopj4MPym8DMEbLCVNQHMuhkl.png"
                                        alt="broken image" title="" class="crop-default" data-description=""
                                        data-image-link="javascript:void(0);"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="s-logo-image-alternative">
                            <div class="s-logo-image image1">
                              <div class="s-component s-image">
                                <div>
                                  <div class="s-component-content">
                                    <div class="s-img-wrapper"><img src="/assets/FgGOopj4MPym8DMEbLCVNQHMuhkl.png"
                                        alt="broken image" title="" class="crop-default" data-description=""
                                        data-image-link="javascript:void(0);"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="s-logo-title">
                        <div class="s-component s-text">
                          <div class="">
                            <div class="s-component-content s-font-title" style="white-space: pre-wrap;">
                              <div class="s-rich-text-wrapper" style="display: block;">
                                <p><strong>RubyConf China 2023</strong></p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="s-nav-items-and-links">
                        <ul class="s-uncollapsed-nav ">
                          <li class="s-nav-li selected">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_1">首页</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_2">关于我们</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_3">演讲嘉宾</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_4">赞助商</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_5">日程安排</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_6">会议地址</a></div>
                          </li>
                          <li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down" style="">
                            <div class="s-nav-link-container"><span class="s5-inline-switch"><span class="s-font-body"
                                  style="display: flex; align-items: center;">… &nbsp;<i class="fa fa-angle-down"
                                    style="display: inline;"></i></span></span></div>
                            <ul class="s-collapsed-nav">
                              <li class="s-nav-li selected">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_1">首页</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_2">关于我们</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_3">演讲嘉宾</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_4">赞助商</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_5">日程安排</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_6">会议地址</a></div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </div>
                      <div class="s-icons">
                        <ul class="s-nav-icons s-nav-items-and-links"></ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="s-navbar-desktop s-navbar-desktop-fixed strikingly-fixed s-bg-light-text s-new-layout topBar s-new-layout-a _alternativeNavBackgroundColorIsDifferentFromNormal has-new-layout has-title s-nav-transparent-desktop _show">
                  <div class="s-nav-inner">
                    <div class="s-nav-inner-wrap" style="min-height: unset;">
                      <div class="s-logo" style="z-index: 1;">
                        <div class="css-xrvj87 css-k5q8dc1">
                          <div class="s-logo-image-normal">
                            <div class="s-logo-image image1">
                              <div class="s-component s-image">
                                <div>
                                  <div class="s-component-content">
                                    <div class="s-img-wrapper"><img src="/assets/FgGOopj4MPym8DMEbLCVNQHMuhkl.png"
                                        alt="broken image" title="" class="crop-default" data-description=""
                                        data-image-link="javascript:void(0);"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="s-logo-image-alternative">
                            <div class="s-logo-image image1">
                              <div class="s-component s-image">
                                <div>
                                  <div class="s-component-content">
                                    <div class="s-img-wrapper"><img src="/assets/FgGOopj4MPym8DMEbLCVNQHMuhkl.png"
                                        alt="broken image" title="" class="crop-default" data-description=""
                                        data-image-link="javascript:void(0);"></div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="s-logo-title" style="z-index: 0;">
                        <div class="s-component s-text">
                          <div class="">
                            <div class="s-component-content s-font-title" style="white-space: pre-wrap;">
                              <div class="s-rich-text-wrapper" style="display: block;">
                                <p><strong>RubyConf China 2023</strong></p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="s-nav-items-and-links" style="position: relative;">
                        <ul class="s-uncollapsed-nav ">
                          <li class="s-nav-li selected">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_1">首页</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_2">关于我们</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_3">演讲嘉宾</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_4">赞助商</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_5">日程安排</a></div>
                          </li>
                          <li class="s-nav-li">
                            <div class="s-nav-link-container"><a class="s-font-body"
                                href="http://rubyconfchina.org/#_6">会议地址</a></div>
                          </li>
                          <li class="s-nav-li s-nav-ellipsis hidden s-navbar-dropdown _down" style="">
                            <div class="s-nav-link-container"><span class="s5-inline-switch"><span class="s-font-body"
                                  style="display: flex; align-items: center;">… &nbsp;<i class="fa fa-angle-down"
                                    style="display: inline;"></i></span></span></div>
                            <ul class="s-collapsed-nav">
                              <li class="s-nav-li selected">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_1">首页</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_2">关于我们</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_3">演讲嘉宾</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_4">赞助商</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_5">日程安排</a></div>
                              </li>
                              <li class="s-nav-li">
                                <div class="s-nav-link-container"><a class="s-font-body"
                                    href="http://rubyconfchina.org/#_6">会议地址</a></div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </div>
                      <div class="s-icons" style="position: relative; right: unset;">
                        <ul class="s-nav-icons s-nav-items-and-links"></ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="s-navbar-mobile-header">
                  <div class="s-logo-image image1">
                    <div class="s-component s-image">
                      <div>
                        <div class="s-component-content">
                          <div class="s-img-wrapper"><img src="/assets/FgGOopj4MPym8DMEbLCVNQHMuhkl.png"
                              alt="broken image" title="" class="crop-default" data-description=""
                              data-image-link="javascript:void(0);">
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="css-14k09hy css-6ot8wb0">
                <div class="s-navbar-container">
                  <div class="navbar-drawer-bar">
                    <div class="drawer-container">
                      <div class="navbar s-mobile-nav-bar">
                        <div class="navbar-icons"><span></span><span></span><span></span></div>
                      </div>

                      <div class="mobile-cart-icon" id="s-mobile-shopping-cart-new"></div>
                      <div class="navbar-drawer-title-container"></div>
                    </div>
                  </div>
                  <div id="navbar-drawer-mask"></div>
                  <div class="navbar-drawer strikingly-drawer bottom-border">
                    <ul id="nav-drawer-list">
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#1">首页</a></span></li>
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#2">关于我们</a></span></li>
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#3">演讲嘉宾</a></span></li>
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#4">赞助商</a></span></li>
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#5">日程安排</a></span></li>
                      <li><span><a class="navbar-drawer-item s-font-body"
                            href="http://rubyconfchina.org/#6">会议地址</a></span></li>
                      <li id="mobileLoginDropdown"></li>
                      <li id="mobileLangSwitcher"></li>
                      <li class="logo"><a class="logo"
                          href="https://www.sxl.cn/?ref=logo&amp;permalink=rubyconfchina2023&amp;m=1"
                          target="_blank"><img src="/assets/logo-small-2-sxl-grey.png" alt="Strikingly"
                            style="height: 16px; vertical-align: middle; margin-right: 6px;"><span
                            class="msg">提供技术支持</span></a></li>
                    </ul>
                  </div>
                  <div class="mobile-actions">
                    <ul id="mobile-action-list"></ul>
                  </div>
                </div>
                <div class="page-wrapper" style="min-height: calc(100vh - 0px);">
                  <ul class="slides s-page-1 " style="display: block;">
                    <div>
                      <li class="slide s-section-1 s-first-visible-section css-161agab s-s6-wrapper css-2fz65a"
                        id="section-f_4b871ddc-bcab-465e-a9ed-89bc2f5426a6">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div>
                          <div
                            class="s-section s6-section s-bg-image s-bg-blurred s-bg-light-text s-new-hero-section s-hero-section background-image lazyloaded transition"
                            data-bg="//user-assets.sxlcdn.com/images/860067/FldEB-Vrfw1FLKvXaewR08Xjg14T.jpg?imageMogr2/strip/auto-orient/thumbnail/2000x1500&gt;/quality/90!/interlace/1/format/jpeg"
                            data-react-style="{&quot;backgroundRepeat&quot;:&quot;no-repeat&quot;,&quot;backgroundSize&quot;:&quot;cover&quot;,&quot;backgroundColor&quot;:&quot;transparent&quot;,&quot;backgroundPosition&quot;:&quot;50% 50%&quot;}"
                            style="background-repeat: no-repeat; background-size: cover; background-color: transparent; background-position: 50% 50%; background-image: url(&quot;//user-assets.sxlcdn.com/images/860067/FldEB-Vrfw1FLKvXaewR08Xjg14T.jpg?imageMogr2/strip/auto-orient/thumbnail/2000x1500&gt;/quality/90!/interlace/1/format/jpeg&quot;);">
                            <div class="blurred-layer loaded css-1tnf9eu css-1qst52t0 loaded loaded"></div>
                            <div class="container">
                              <div>
                                <div id="27982b4b-a0a8-4f4f-a792-9e478349bb08" class="s-row" position="0,0">
                                  <div class="s-row-content">
                                    <div id="e70b0a0a-8243-47b4-86cb-7afa82eeebd8" position="0,0,0"
                                      class="s-col  col-12">
                                      <div class="col-list col-align-undefined">
                                        <div id="7382f758-348d-46ac-921e-3c09c847d60e"
                                          class="s-element-blockcomponentitem" position="0,0,0,0">
                                          <div id="7382f758-348d-46ac-921e-3c09c847d60e" position="0,0,0,0"
                                            class="s-element" columnssize="1" elementssize="1">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-title s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-item-title">
                                                          <div class="s-component s-text">
                                                            <div class="">
                                                              <div class="s-component-content s-font-heading"
                                                                style="white-space: pre-wrap;">
                                                                <div>
                                                                  <div class="s-rich-text-wrapper"
                                                                    style="display: block;">
                                                                    <h2
                                                                      class="s-title s-font-title s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                                      RubyConf China 2023</h2>
                                                                    <h4 class="s-subtitle"><span
                                                                        style="color: #f5f5f5;">2023 年 8 月 19 日 - 20 日
                                                                        上海明天广场 JW 万豪酒店</span></h4>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="e24d1980-f163-4e27-8a1d-35065e676dc9" class="s-row" position="0,1">
                                  <div class="s-row-content">
                                    <div id="2f172dd6-841c-41a3-a689-23de53c70a1e" position="0,1,0"
                                      class="s-col  col-12">
                                      <div class="col-list col-align-undefined">
                                        <div id="0d42e094-dcd8-42f7-8964-901989a44c66" class="s-element-button"
                                          position="0,1,0,0">
                                          <div id="0d42e094-dcd8-42f7-8964-901989a44c66" position="0,1,0,0"
                                            class="s-element" columnssize="1" elementssize="1">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-button ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="css-16zhy08 css-15a46ke0">
                                                          <div class="s-button s-component">
                                                            <div>
                                                              <div class="s-component-content css-45gbxi"><a
                                                                  class="s-common-button css-chf7i2  s-font-button mobile-automatic pc-medium"
                                                                  id="custom-btn"
                                                                  href="https://ruby-china.org/topics/43079"
                                                                  data-is-nav-btn="false" data-type="Web"
                                                                  data-component="button" target="_blank">购票贴</a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="s-first-section-arrow s-section-shape">
                          <div class="shape1"></div>
                          <div class="shape2"></div>
                        </div>
                      </li>
                      <li class="slide s-section-2 css-1rkmeg4 " id="section-f_eba1e865-cdf1-4a14-8c31-57dccb54c001">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div>
                          <div
                            class="lazyloaded s-no-bg s-bg-white s-bg-dark-text s-new-text-section s-section s-text-section background-image transition"
                            data-react-style="{&quot;backgroundColor&quot;:&quot;#E8EAEC&quot;}"
                            style="background-color: rgb(232, 234, 236);">
                            <div class="container">
                              <div class="clearfix">
                                <div class="columns sixteen">
                                  <div class="s-title-group  ">
                                    <div class="s-title ">
                                      <div class="s-component s-text">
                                        <div class="">
                                          <div class="s-component-content s-font-title" style="white-space: pre-wrap;">
                                            <div class="s-title ">
                                              <div class="s-component s-text">
                                                <h2 class="s-component-content s-font-title"><span
                                                    class="s-text-color-custom1"><strong>关于 RubyConf
                                                      China</strong></span></h2>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div class="s-subtitle">
                                      <div class="s-component s-text">
                                        <div class="">
                                          <div class="s-component-content s-font-heading"
                                            style="white-space: pre-wrap;">
                                            <div class="s-rich-text-wrapper" style="display: block;">
                                              <h4 class="#(className) s-component-content s-font-heading"><span
                                                  style="color: #555555;">中国规模最大、最高水平、最有影响力的 Ruby 技术大会</span></h4>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="">
                                <div class="s-mh s-repeatable">
                                  <div>
                                    <div data-sorting-index="0"
                                      class="sixteen columns no-float s-repeatable-item s-last-row">
                                      <div class="s-mhi">
                                        <div class="s-item-text-group ">
                                          <div class="s-item-text">
                                            <div class="s-component s-text">
                                              <div class="">
                                                <div class="s-component-content s-font-body"
                                                  style="white-space: pre-wrap;">
                                                  <div class="s-rich-text-wrapper" style="display: block;">
                                                    <h4
                                                      class="#(className) s-component-content s-font-heading s-rich-text-wrapper s-rich-text-wrapper">
                                                      RubyConf China 是由 Ruby China 社区以非盈利形式组织的一年一度的技术交流大会，自 2009 年始至
                                                      2023 年已成功举办了十三届，我们会邀请国内外的明星开发者、知名项目 / 团队的负责人以及海内外技术专家来分享 Ruby
                                                      和相关领域的最新成果、经验总结。 </h4>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="slide s-section-3 css-1rkmeg4 " id="section-f_d916dce4-d4a2-4ceb-ad77-2666da39e023">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div>
                          <div
                            class="lazyloaded s-no-bg s-bg-white s-bg-dark-text s-new-media-section s-section s-columns-section s-media-new-mobile-layout background-image transition"
                            data-react-style="{&quot;backgroundColor&quot;:&quot;#FFFFFF&quot;}"
                            style="background-color: rgb(255, 255, 255);">
                            <div class="container">
                              <div class="columns sixteen">
                                <div class="s-title-group  ">
                                  <div class="s-title ">
                                    <div class="s-component s-text">
                                      <div class="">
                                        <div class="s-component-content s-font-title" style="white-space: pre-wrap;">
                                          <h2>
                                            <p>演讲嘉宾</p>
                                          </h2>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="s-subtitle">
                                    <div class="s-component s-text">
                                      <div class=""></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="s-mh  s-repeatable">
                                <div>
                                  <div data-sorting-index="0" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 512px; max-height: 512px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default lazyloaded" data-description=""
                                                          data-image-link="javascript:void(0);" width="512" height="512"
                                                          src="/assets/FmBaDo1hiyuL1ErB1HkeTCoQhTyI.png"
                                                          data-src="//user-assets.sxlcdn.com/images/34833/FmBaDo1hiyuL1ErB1HkeTCoQhTyI.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3 style="font-size:24px;">Yukihiro “Matz” Matsumoto</h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <p><span class="#(className)"
                                                          style="color:#f52e55;">Keynote</span> <span
                                                          class="#(className)" style="color:#f52e55;">Talk</span></p>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <p>Ruby 创始人</p>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="1" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 705px; max-height: 705px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default lazyloaded" data-description=""
                                                          data-image-link="javascript:void(0);" width="705" height="705"
                                                          src="/assets/FlczMCKCmMgfBwA7Cprxu88D2jyT.png"
                                                          data-src="//user-assets.sxlcdn.com/images/34833/FlczMCKCmMgfBwA7Cprxu88D2jyT.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3 style="font-size:24px;">张汉东</h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p
                                                          class="#(className) s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                          <span style="color: #f52e55;">Rust 重铸 Ruby</span>
                                                        </p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: left;">资深软件工程师、企业独立咨询师、技术图书作译者。《Rust
                                                        编程之道》作者，《Rust 权威指南》（Rust Programming Language,
                                                        Rust官方团队著作）技术审校者，《Ruby 原理剖析》译者</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="2" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default lazyloaded" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/FvPgFIrmrLAo_9dHruXRvp5Ck8bm.png"
                                                          data-src="//user-assets.sxlcdn.com/images/34833/FvPgFIrmrLAo_9dHruXRvp5Ck8bm.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3 style="font-size:24px;">李亚飞</h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: center; font-size: 18px;"><span
                                                          style="color: #f52e55;">Rails ActionCable 的性能压测与实战经验分享</span>
                                                      </h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: left;">李亚飞，坐标深圳，连续创业者，技术达人，有众多开源项目和多场技术分享，创立过
                                                        3 家以技术产品驱动的创业公司，现 ShowMeBug 产品创始人&amp;至简天成科技 CEO，前单麦科技联合创始人
                                                        &amp; CTO</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="3" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 512px; max-height: 512px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default ls-is-cached lazyloaded"
                                                          data-description="" data-image-link="javascript:void(0);"
                                                          width="512" height="512"
                                                          src="/assets/FoVykL2vcrv5SSByK1IbjBQUfxwt.png"
                                                          data-src="//user-assets.sxlcdn.com/images/34833/FoVykL2vcrv5SSByK1IbjBQUfxwt.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3 style="font-size: 24px;">过纯中</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="s-rich-text-wrapper s-rich-text-wrapper"><span
                                                            style="color: #f52e55;">React 18 &amp; Rails
                                                            7.1，全栈三个月开发绩效系统</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: left;">写 Rails 为生的大龄 Web 开发者，最近也在学习 Next.js
                                                        13 和 AI 的使用</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="4" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default ls-is-cached lazyloaded"
                                                          data-description="" data-image-link="javascript:void(0);"
                                                          width="720" height="720"
                                                          src="/assets/FuEmcM42PefyGdWd6hjkhL0uVkjM.jpeg"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/FuEmcM42PefyGdWd6hjkhL0uVkjM.jpeg?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/interlace/1/format/jpeg">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3 class="s-rich-text-wrapper" style="font-size: 24px;">黄志敏</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p
                                                          class="#(className) s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                          <span style="color: #f52e55;">玩转 AST，构建自己的代码分析和代码重写工具</span>
                                                        </p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper">开源社区贡献者，bullet.
                                                        rails_best_practices, synvert 作者，专注于代码质量和服务器性能优化</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="5" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 512px; max-height: 512px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="crop-default ls-is-cached lazyloaded"
                                                          data-description="" data-image-link="javascript:void(0);"
                                                          width="512" height="512"
                                                          src="/assets/FrZuFaFUjvfBK3zl5ygwuc5iJu2c.png"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/FrZuFaFUjvfBK3zl5ygwuc5iJu2c.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class="s-rich-text-wrapper s-rich-text-wrapper font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;">周小虫</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p><span style="color: #f52e55;">Toggle Everything in
                                                            Ruby</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper">
                                                        手持红宝石书的魔法师，新世代魔术的咏唱者，未来最强表单工具的打造人</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="6" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/FiZRhLVNrxQ3OcWtV4rC76-jN4cV.jpeg"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/FiZRhLVNrxQ3OcWtV4rC76-jN4cV.jpeg?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/interlace/1/format/jpeg">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class=" font-size-tag-header-three s-text-font-size-over-default s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="font-size: 24px;">袁晓峰</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="s-rich-text-wrapper"><span
                                                            style="color: #f52e55;">浅析领域驱动设计在极狐（GitLab）的技术实践</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p
                                                        class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                        Ruby 开发者，曾就职于 ThoughtWorks、金数据等。技术博客撰写人、37 signals / Evil
                                                        Martians 等公司博客合作翻译者、Test-prof 官方中文文档维护者、Vim / NeoVim 插件编写者</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="7" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/Fu7QU8KbqhjvuEf8ATovWIeiDkaD.jpg"
                                                          data-src="//user-assets.sxlcdn.com/images/860067/Fu7QU8KbqhjvuEf8ATovWIeiDkaD.jpg?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/interlace/1/format/jpeg">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;"><span
                                                          class="s-text-color-default">王左</span></h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: center; font-size: 18px;"><span
                                                          style="color: #f52e55;">从移植 ActiveRecord 中学到的几件事</span></h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper"> 大学期间接触 Rails 3 用来制作校内网站，之后在华兴
                                                        Alpha 做了三年 Rails 开发。从 npm publish
                                                        开始走向开源的道路，在帮客户实现产品想法的同时也不忘记实现自己的技术想法</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="8" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 637px; max-height: 637px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="637" height="637"
                                                          src="/assets/FhxviSnC8jRjLxQRm_PkQEZdWVq_.png"
                                                          data-src="//user-assets.sxlcdn.com/images/34833/FhxviSnC8jRjLxQRm_PkQEZdWVq_.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3 style="font-size:24px;">李伟</h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p><span style="color: #f52e55;">Rails 应用安全与
                                                            rack-security</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper">网络安全架构师，白帽子 ing</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="9" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/FhI1acT9dq4K0SwD6i-KMF8XPxdl.png"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/FhI1acT9dq4K0SwD6i-KMF8XPxdl.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class=" font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;">王若愚</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="s-rich-text-wrapper"><span
                                                            style="color: #f52e55;">Conversational AI 赋能下一代互联网应用</span>
                                                        </p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper">
                                                        毕业于康奈尔大学和华中科技大学。2018 年在硅谷联合创立 Workstream，通过构建 Saas
                                                        产品帮助数千万灵活用工者快速找到合适的工作并入职，同时帮助数万线下商家快速招聘，提升商业运营效率</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="10" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/Fg9Ur8wxi5MbwsRBh0Z9dwROd0IU.jpeg"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/Fg9Ur8wxi5MbwsRBh0Z9dwROd0IU.jpeg?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/interlace/1/format/jpeg">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class=" font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;"><span
                                                          class="s-text-color-default">陈泽宇</span></h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p><span style="color: #f52e55;">用 Solargraph 和 DAP 提升 Rails
                                                            开发信心</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper"
                                                        style="text-align: left;">2019 年起使用 Rails
                                                        接入公司的环境控制等物联网硬件设备，为禽只养殖厂提供自动化设备管理平台</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="11" class="third columns no-float s-repeatable-item">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi " style="min-height: 375px;">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 720px; max-height: 720px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="720" height="720"
                                                          src="/assets/FmGZqLRCUmOcBdG6udFOUtPY3B5t.png"
                                                          data-src="//user-assets.sxlcdn.com/images/27616/FmGZqLRCUmOcBdG6udFOUtPY3B5t.png?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/format/png">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class=" font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;">胡志勇</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p><span style="color: #f52e55;">Ruby @ Huawei</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper s-rich-text-wrapper">
                                                        一名普通的华为软件工程师，专注于做代码仓项目数十年。拥有一个博客(hutusi.com)，偶尔写写</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                  <div data-sorting-index="12"
                                    class="third columns no-float s-repeatable-item s-last-row">
                                    <div class="clearfix">
                                      <div>
                                        <div class="s-item-media-wrapper s-mhi ">
                                          <div class="s-item-media-group">
                                            <div class="s-component s-media ">
                                              <div>
                                                <div class="s-component-content">
                                                  <div class="s-img-wrapper">
                                                    <div class="s-ratio-box"
                                                      style="max-width: 716px; max-height: 716px;">
                                                      <div class="s-ratio-fill" style="padding-bottom: 100%;"></div>
                                                      <div class="s-img-wrapper"><img alt="broken image" title=""
                                                          class="lazyload crop-default" data-description=""
                                                          data-image-link="javascript:void(0);" width="716" height="716"
                                                          src="/assets/Fq93H4HqC4m6Nra9_hWyAL4QJRob.jpg"
                                                          data-src="//user-assets.sxlcdn.com/images/860067/Fq93H4HqC4m6Nra9_hWyAL4QJRob.jpg?imageMogr2/strip/auto-orient/thumbnail/720x1440&gt;/quality/90!/interlace/1/format/jpeg">
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="">
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <h3
                                                        class=" font-size-tag-header-three s-text-font-size-over-default"
                                                        style="font-size: 24px;">靳晓明</h3>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-subtitle">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <h6>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="s-rich-text-wrapper"><span
                                                            style="display: inline-block"> </span></p>
                                                        <p><span style="color: #f52e55;">基于大语言模型的可视化数据分析</span></p>
                                                      </div>
                                                    </h6>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p> **</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="slide s-section-4 css-1rkmeg4 s-s6-wrapper css-1e9lkn4"
                        id="section-f_27979ea5-8302-402b-b9d3-166547c202b2">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div>
                          <div
                            class="lazyload lazyload s-section s6-section s-no-bg s-bg-white s-bg-dark-text s-block-section background-image transition"
                            data-react-style="{&quot;backgroundColor&quot;:&quot;#E8EAEC&quot;}"
                            style="background-color: rgb(232, 234, 236);">
                            <div class="container">
                              <div>
                                <div id="f_35f2df87-a5c2-4e7d-9dd1-b6ce40f6307c" class="s-row" position="3,0">
                                  <div class="s-row-content">
                                    <div id="f_7de799fd-74dd-4542-8bc5-7ea5652577fd" position="3,0,0"
                                      class="s-col  col-12">
                                      <div class="col-list col-align-null">
                                        <div id="f_6ae0d760-51c5-455d-8305-6fe864191378"
                                          class="s-element-blockcomponentitem" position="3,0,0,0">
                                          <div id="f_6ae0d760-51c5-455d-8305-6fe864191378" position="3,0,0,0"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-title s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-item-title">
                                                          <div class="s-component s-text">
                                                            <div class="">
                                                              <div class="s-component-content s-font-heading"
                                                                style="white-space: pre-wrap;">
                                                                <div>
                                                                  <div>
                                                                    <div>
                                                                      <div>
                                                                        <div>
                                                                          <h1 style="font-size:48px;">赞助商</h1>
                                                                        </div>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5b5a08f3-950f-4434-ba1a-2ac6be35f105" class="s-element-richtext"
                                          position="3,0,0,1">
                                          <div id="5b5a08f3-950f-4434-ba1a-2ac6be35f105" position="3,0,0,1"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h2 style="font-size:28px;">红宝石赞助商</h2>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd"
                                          class="s-element-blockcomponentitem" position="3,0,0,2">
                                          <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd" position="3,0,0,2"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-largeprofile s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-profile large-profile">
                                                          <div class="s-item-media-group s-mhi">
                                                            <div class="s-component s-media ">
                                                              <div>
                                                                <div class="s-component-content">
                                                                  <div class="s-img-wrapper"><a
                                                                      href="https://longbridgeapp.com/" target="_blank"
                                                                      aria-label="image link">
                                                                      <div class="s-ratio-box"
                                                                        style="max-width: 1049px; max-height: 200px;">
                                                                        <div class="s-ratio-fill"
                                                                          style="padding-bottom: 19.07%;"></div>
                                                                        <div class="s-img-wrapper"><img
                                                                            alt="broken image" title=""
                                                                            class="lazyload crop-default"
                                                                            data-description=""
                                                                            data-image-link="https://longbridgeapp.com/"
                                                                            width="1049" height="200"
                                                                            src="/assets/FtV56jNw7nHOLisgEkAq_PI-X2ZE.png"
                                                                            data-src="//user-assets.sxlcdn.com/images/860067/FtV56jNw7nHOLisgEkAq_PI-X2ZE.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                        </div>
                                                                      </div>
                                                                    </a></div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="s-item-text-group s-mh">
                                                            <div class="s-item-title">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-heading"
                                                                    style="white-space: pre-wrap;">
                                                                    <div class="s-rich-text-wrapper"
                                                                      style="display: block;">
                                                                      <p><span style="display: inline-block"> </span>
                                                                      </p>
                                                                      <h3 style="font-size: 24px;"><a
                                                                          href="https://longbridgeapp.com/" data-type=""
                                                                          target="_blank">长桥</a></h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-subtitle">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <h6>
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p><span
                                                                            style="display: inline-block">&nbsp;</span>
                                                                        </p>
                                                                      </div>
                                                                    </h6>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-text">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <div class="s-rich-text-wrapper"
                                                                      style="display: block;">
                                                                      <p>Longbridge 长桥正式成立于 2019 年 3
                                                                        月，是一家来自新加坡的社交型证券经纪服务商，由东南亚大型综合金融集团新加坡辉立旗下资本、知名风投机构元璟资本等机构战略投资，并由来自新加坡和香港的资深金融管理者，以及来自阿里巴巴、字节跳动等全球顶尖互联网企业技术专家组成的创始团队成立推出。
                                                                      </p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,3">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,3"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd"
                                          class="s-element-blockcomponentitem" position="3,0,0,4">
                                          <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd" position="3,0,0,4"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-largeprofile s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-profile large-profile">
                                                          <div class="s-item-media-group s-mhi">
                                                            <div class="s-component s-media ">
                                                              <div>
                                                                <div class="s-component-content">
                                                                  <div class="s-img-wrapper"><a
                                                                      href="https://www.workstream.us/" target="_blank"
                                                                      aria-label="image link">
                                                                      <div class="s-ratio-box"
                                                                        style="max-width: 813px; max-height: 200px;">
                                                                        <div class="s-ratio-fill"
                                                                          style="padding-bottom: 24.6%;"></div>
                                                                        <div class="s-img-wrapper"><img
                                                                            alt="broken image" title=""
                                                                            class="lazyload crop-default"
                                                                            data-description=""
                                                                            data-image-link="https://www.workstream.us/"
                                                                            width="813" height="200"
                                                                            src="/assets/FpHnfP6GD4_NZmsAxwk2GpffanHC.png"
                                                                            data-src="//user-assets.sxlcdn.com/images/860067/FpHnfP6GD4_NZmsAxwk2GpffanHC.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                        </div>
                                                                      </div>
                                                                    </a></div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="s-item-text-group s-mh">
                                                            <div class="s-item-title">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-heading"
                                                                    style="white-space: pre-wrap;">
                                                                    <h3 style="font-size:24px;">&nbsp;</h3>
                                                                    <h3 style="font-size:24px;"><a target="_blank"
                                                                        href="https://www.workstream.us/">&nbsp;Workstream</a>
                                                                    </h3>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-subtitle">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <h6>
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p><span
                                                                            style="display: inline-block">&nbsp;</span>
                                                                        </p>
                                                                      </div>
                                                                    </h6>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-text">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <div class="s-rich-text-wrapper"
                                                                      style="display: block;">
                                                                      <p
                                                                        class="ace-line ace-line old-record-id-Xh6ddfEvco1yzfxH28icmnDrnIf s-rich-text-wrapper s-rich-text-wrapper">
                                                                        Workstream（WS）是一家面向蓝领商业和人群设计的全方位人力资源管理平台。目前，WS
                                                                        已经成功为超过三万家美国线下店提供服务，帮助他们数字化员工招聘、入职、团队管理和工资发放等流程。
                                                                      </p>
                                                                      <p
                                                                        class="ace-line ace-line old-record-id-NzczdGSznoDvDBxp6pbcVndWnef">
                                                                        我们的愿景是利用科技赋能，帮助北美地区的八千万蓝领人群以及全球二十七亿蓝领人群改善工作和生活质量。Workstream
                                                                        在过去五年中累计融资达到了1.2 亿美元，得到了来自Founders
                                                                        Fund、Coatue、Bond Capital、高瓴、Zoom CEO、Doordash
                                                                        CEO、Logitech CEO、Louis Vuitton
                                                                        Chairman等全球顶尖机构和个人的投资支持。</p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,5">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,5"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd"
                                          class="s-element-blockcomponentitem" position="3,0,0,6">
                                          <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd" position="3,0,0,6"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-largeprofile s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-profile large-profile">
                                                          <div class="s-item-media-group s-mhi">
                                                            <div class="s-component s-media ">
                                                              <div>
                                                                <div class="s-component-content">
                                                                  <div class="s-img-wrapper"><a
                                                                      href="https://www.forkai.cn/" target="_blank"
                                                                      aria-label="image link">
                                                                      <div class="s-ratio-box"
                                                                        style="max-width: 527px; max-height: 200px;">
                                                                        <div class="s-ratio-fill"
                                                                          style="padding-bottom: 37.95%;"></div>
                                                                        <div class="s-img-wrapper"><img
                                                                            alt="broken image" title=""
                                                                            class="lazyload crop-default"
                                                                            data-description=""
                                                                            data-image-link="https://www.forkai.cn/"
                                                                            width="527" height="200"
                                                                            src="/assets/FnY_GpAaChqXazLE5DsaCJ9_ZOfK.png"
                                                                            data-src="//user-assets.sxlcdn.com/images/860067/FnY_GpAaChqXazLE5DsaCJ9_ZOfK.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                        </div>
                                                                      </div>
                                                                    </a></div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="s-item-text-group s-mh">
                                                            <div class="s-item-title">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-heading"
                                                                    style="white-space: pre-wrap;">
                                                                    <h3 style="font-size:24px;">&nbsp;</h3>
                                                                    <h3 style="font-size:24px;"><a target="_blank"
                                                                        href="https://www.forkai.cn/">Fork AI</a></h3>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-subtitle">
                                                              <div class="s-component s-text">
                                                                <div class=""></div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-text">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <p style="text-align: left;">
                                                                      杭州晓富科技是一家帮助企业进行智能获客的公司，旗下平台 Fork AI
                                                                      由一系列产品构成，目前主要服务于 IaaS、PaaS 及 SaaS
                                                                      层的云服务企业。通过先进的数据分析技术和全网公开信息，我们重构了企业的商业信息基础，构建了一套独特的企业采购预算量化评估系统，并基于此构建高效的企业客户分析及推荐系统。
                                                                    </p>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,7">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,7"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd"
                                          class="s-element-blockcomponentitem" position="3,0,0,8">
                                          <div id="1e497b9f-3b30-40af-8b46-de4e13c8c7cd" position="3,0,0,8"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-largeprofile s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-profile large-profile">
                                                          <div class="s-item-media-group s-mhi">
                                                            <div class="s-component s-media ">
                                                              <div>
                                                                <div class="s-component-content">
                                                                  <div class="s-img-wrapper"><a
                                                                      href="https://phala.network/zh/" target="_blank"
                                                                      aria-label="image link">
                                                                      <div class="s-ratio-box"
                                                                        style="max-width: 533px; max-height: 300px;">
                                                                        <div class="s-ratio-fill"
                                                                          style="padding-bottom: 56.29%;"></div>
                                                                        <div class="s-img-wrapper"><img
                                                                            alt="broken image" title=""
                                                                            class="lazyload crop-default"
                                                                            data-description=""
                                                                            data-image-link="https://phala.network/zh/"
                                                                            width="533" height="300"
                                                                            src="/assets/FsR7xBPC7r1ZUDn8MhM1AsLyVKCg.png"
                                                                            data-src="//user-assets.sxlcdn.com/images/860067/FsR7xBPC7r1ZUDn8MhM1AsLyVKCg.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                        </div>
                                                                      </div>
                                                                    </a></div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="s-item-text-group s-mh">
                                                            <div class="s-item-title">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-heading"
                                                                    style="white-space: pre-wrap;">
                                                                    <h3 style="font-size:24px;">&nbsp;</h3>
                                                                    <h3 style="font-size:24px;"><a target="_blank"
                                                                        href="https://phala.network/zh/">Phala
                                                                        Network</a></h3>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-subtitle">
                                                              <div class="s-component s-text">
                                                                <div class=""></div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-text">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <p>Phala Network 是一个 Web3.0
                                                                      的共享云平台，旨在解决计算云中的信任问题。基于TEE可信硬件的分布式计算，Phala云计算在不牺牲数据机密性的情况下可实现大规模的云计算处理，计算系统可信。通过将共识机制与计算分离，确保处理能力具有高度可延展性。<br><br>不同于传统云服务平台受限于数据中心，Phala利用遍布全球的去中心化节点，提供安全、机密、边缘化的云服务。得益于可信硬件的系统架构，Phala使基于共享计算资源的经济模型成为可能，并实现安全、强大、可扩展的无信任计算云。
                                                                    </p>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="98a10883-96ce-4f0a-9c80-4bcff550c2a0" class="s-element-spacer"
                                          position="3,0,0,9">
                                          <div id="98a10883-96ce-4f0a-9c80-4bcff550c2a0" position="3,0,0,9"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="f432078e-fba3-4c0a-a5a2-d1db34f346c6"
                                          class="s-element-blockcomponentitem" position="3,0,0,10">
                                          <div id="f432078e-fba3-4c0a-a5a2-d1db34f346c6" position="3,0,0,10"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-largeprofile s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-profile large-profile">
                                                          <div class="s-item-media-group s-mhi">
                                                            <div class="s-component s-media ">
                                                              <div>
                                                                <div class="s-component-content">
                                                                  <div class="s-img-wrapper"><a
                                                                      href="https://www.nervos.org/zh/" target="_blank"
                                                                      aria-label="image link">
                                                                      <div class="s-ratio-box"
                                                                        style="max-width: 455px; max-height: 300px;">
                                                                        <div class="s-ratio-fill"
                                                                          style="padding-bottom: 65.93%;"></div>
                                                                        <div class="s-img-wrapper"><img
                                                                            alt="broken image" title=""
                                                                            class="lazyload crop-default"
                                                                            data-description=""
                                                                            data-image-link="https://www.nervos.org/zh/"
                                                                            width="455" height="300"
                                                                            src="/assets/Fu_sxUkUUnNkJ5oUrhU_8SCNzzKs.png"
                                                                            data-src="//user-assets.sxlcdn.com/images/860067/Fu_sxUkUUnNkJ5oUrhU_8SCNzzKs.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                        </div>
                                                                      </div>
                                                                    </a></div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="s-item-text-group s-mh">
                                                            <div class="s-item-title">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-heading"
                                                                    style="white-space: pre-wrap;">
                                                                    <h3 style="font-size:24px;"><a target="_blank"
                                                                        href="https://www.nervos.org/zh/">Nervos</a>
                                                                    </h3>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-subtitle">
                                                              <div class="s-component s-text">
                                                                <div class=""></div>
                                                              </div>
                                                            </div>
                                                            <div class="s-item-text">
                                                              <div class="s-component s-text">
                                                                <div class="">
                                                                  <div class="s-component-content s-font-body"
                                                                    style="white-space: pre-wrap;">
                                                                    <p>Nervos Network
                                                                      是一个开源的公链生态，包含以区块链技术为核心、相互兼容的一组分层协议，来解决区块链可扩展性上的困境。
                                                                    </p>
                                                                    <p>Nervos CKB（Common Knowledge Base，字节元）是 Nervos
                                                                      Network 中基于 PoW
                                                                      共识机制的底层公链。在允许任意加密资产获得安全性、稳定性和无需许可性的同时能够支持智能合约、第二层扩容方案，并且通过「价值存储」的加密经济设计使得原生代币
                                                                      CKBytes 捕获整个网络的价值。</p>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,11">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,11"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,12">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,12"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h2 style="font-size:28px;">个人红宝石赞助商</h2>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,13">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,13"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h3 style="font-size:24px;">邱亮</h3>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,14">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,14"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h3 style="font-size:24px;">姜军</h3>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="16e290f1-bb23-447d-be95-944b53aefb7e" class="s-element-richtext"
                                          position="3,0,0,15">
                                          <div id="16e290f1-bb23-447d-be95-944b53aefb7e" position="3,0,0,15"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h3 style="font-size:24px;">吕国宁</h3>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,16">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,16"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,17">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,17"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <h2 style="font-size:28px;">金牌赞助商</h2>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5"
                                          class="s-element-blockcomponentitem" position="3,0,0,18">
                                          <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5" position="3,0,0,18"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://www.showmebug.com/"
                                                                        target="_blank" aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 694px; max-height: 300px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 43.37%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://www.showmebug.com/"
                                                                              width="694" height="300"
                                                                              src="/assets/Fnj3APsSFN8vWqI_hyLJV3Xijfg0.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/Fnj3APsSFN8vWqI_hyLJV3Xijfg0.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <p><a target="_blank"
                                                                            href="https://www.showmebug.com/">ShowMeBug</a>
                                                                        </p>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <p>ShowMeBug 是⾄简天成科技公司旗下产品，于 2019 年 6 ⽉开始孵化，
                                                                        致⼒于解决技术⼈员在线⾯试的痛点，是一款数字化驱动的可记录、可分析、可复盘的技术评估和在线
                                                                        Coding 面试平台。基于在线实时协同的 IDE
                                                                        和代码分析技术，让用户体验硅谷流行的像真正工作中一样的代码面试，通过在线笔试和在线面试两大场景让企业规模化、自动化、智能化的进行技术招聘，助力企业快速精准招聘技术人才，注册⽤户超
                                                                        10 倍高速增长，已覆盖大型和高成长型 6000+ 家企业。</p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,19">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,19"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5"
                                          class="s-element-blockcomponentitem" position="3,0,0,20">
                                          <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5" position="3,0,0,20"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://ekohe.com/ekohe-way"
                                                                        target="_blank" aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 227px; max-height: 300px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 132.16%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://ekohe.com/ekohe-way"
                                                                              width="227" height="300"
                                                                              src="/assets/Fgzr8r54bCs46Wr096IH_o1inCVF.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/Fgzr8r54bCs46Wr096IH_o1inCVF.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <p><a target="_blank"
                                                                            href="https://ekohe.com/ekohe-way">易空海</a>
                                                                        </p>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p
                                                                          class=" old-record-id-DcSLdrgW8oasGDx6M6gcM86Xnle s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                                          易空海 Ekohe 作为上海最早使用 Rails
                                                                          进行商业开发的公司，凭借近16年的成功经验，以市场领先的设计和开发周期，打造高效、优雅且可扩展的互动解决方案与数字化转型支持。我们在全球最有活力的城市设立了
                                                                          5 个办公室，驾驭全球创新浪潮。期待热爱开发的你们时刻关注我们。</p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,21">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,21"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5"
                                          class="s-element-blockcomponentitem" position="3,0,0,22">
                                          <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5" position="3,0,0,22"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="http://about.gitlab.cn/" target="_blank"
                                                                        aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 932px; max-height: 406px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 43.61%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="http://about.gitlab.cn"
                                                                              width="932" height="406"
                                                                              src="/assets/FoqY3chy3vco4p_jpznRjyh57Zii.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/FoqY3chy3vco4p_jpznRjyh57Zii.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/quality/90!/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <p><a target="_blank"
                                                                            href="http://about.gitlab.cn/">GitLab</a>
                                                                        </p>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p>极狐(GitLab）公司以“开源开放〞为原则，面向中国市场提供开箱即用的开放式一体化安全
                                                                          DevOps 平台——极狐
                                                                          GitLab，通过业界领先的优先级管理、安全、风险和合规性功能，实现产品、开发、QA、安全和运维团队间的高效协同，加速和优化企业软件开发生命周期。目前已服务超过
                                                                          300 家企业客户，覆盖汽车、金融、医疗、芯片、互联网 10+ 等行业。</p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,23">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,23"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5"
                                          class="s-element-blockcomponentitem" position="3,0,0,24">
                                          <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5" position="3,0,0,24"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="http://chinateam.tubi.tv/" target="_blank"
                                                                        aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 1200px; max-height: 738px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 61.45%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="http://chinateam.tubi.tv/"
                                                                              width="1200" height="738"
                                                                              src="/assets/FnkZOShyOe5EIgzaFSNSpnUh96zS.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/FnkZOShyOe5EIgzaFSNSpnUh96zS.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/quality/90!/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <div class="s-rich-text-wrapper"
                                                                          style="display: block;">
                                                                          <p><a href="http://chinateam.tubi.tv/"
                                                                              data-type="" target="_blank">Tubi</a></p>
                                                                        </div>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p
                                                                          class="ace-line ace-line old-record-id-GynPdHjb9o90LsxopNccWNWynFa">
                                                                          Tubi
                                                                          是美国福克斯集团下独立运营、以广告获取收益的免费流媒体服务公司，实现用户、内容方和广告主的共赢。基于与
                                                                          450 多家好莱坞制片厂的深度合作，Tubi 拥有 50,000 多部的电影电视资源库和
                                                                          200 多个新闻体育娱乐直播频道。Tubi
                                                                          在美国、墨西哥、澳大利亚等十个国家提供免费流媒体服务，支持 FireTV / PS4 等
                                                                          29 种设备的稳定流畅播放。北京比图科技有限公司是 Tubi
                                                                          在中国的注册企业，这支百余人的精英团队与总部研发团队并肩作战，为数千万用户的观影体验保驾护航。
                                                                        </p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,25">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,25"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="808ae845-3c58-4a63-8bc7-c31436028585"
                                          class="s-element-blockcomponentitem" position="3,0,0,26">
                                          <div id="808ae845-3c58-4a63-8bc7-c31436028585" position="3,0,0,26"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://www.lixiaoyun.com/?utm_source=ruby-china"
                                                                        target="_blank" aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 825px; max-height: 300px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 36.39%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://www.lixiaoyun.com/?utm_source=ruby-china"
                                                                              width="825" height="300"
                                                                              src="/assets/FpwYy8C1yVicNmgKNtYb5gbnuucd.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/FpwYy8C1yVicNmgKNtYb5gbnuucd.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/quality/90!/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <div class="s-rich-text-wrapper"
                                                                          style="display: block;">
                                                                          <p><a
                                                                              href="https://www.lixiaoyun.com/?utm_source=ruby-china"
                                                                              data-type="" target="_blank">励销云</a></p>
                                                                        </div>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p
                                                                          class="ace-line ace-line old-record-id-OyYFdZefZodYtgxi9cRcPFVfndT s-rich-text-wrapper">
                                                                          依托 2.7 亿+企业数据、360°
                                                                          全景图谱，融合大数据、人工智能和销售自动化等新一代信息技术，形成从找客-筛客-管客再到沉淀数字资产的全流程智能销售
                                                                          SaaS
                                                                          服务一体化解决方案。励销云以让企业销售更成功为使命，帮助企业开发新客户、经营老客户，实现“降本、提效、协同、增长”，助力企业销售业绩持续增长。
                                                                        </p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,27">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,27"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,28">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,28"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <div class="s-rich-text-wrapper" style="display: block;">
                                                                <h2 class="s-rich-text-wrapper"
                                                                  style="font-size: 28px;">银牌赞助商</h2>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5"
                                          class="s-element-blockcomponentitem" position="3,0,0,29">
                                          <div id="a7cf8e3b-630a-40a9-9888-92d53303a5b5" position="3,0,0,29"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://testerhome.com/" target="_blank"
                                                                        aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 509px; max-height: 143px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 28.19%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://testerhome.com/"
                                                                              width="509" height="143"
                                                                              src="/assets/Fkk3Pz_izrBBEKY7sKT0v8jRqD7c.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/Fkk3Pz_izrBBEKY7sKT0v8jRqD7c.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <p><a target="_blank"
                                                                            href="https://testerhome.com/">TesterHome</a>
                                                                        </p>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <p>测试之家 (TesterHome)
                                                                        是国内最活跃的测试开发技术社区之一，由一线测试工程师发起和运营，社区的主旨是公益，开源，分享，落地。
                                                                      </p>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,30">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,30"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="c3279307-6a31-4608-a880-b39141755e98"
                                          class="s-element-blockcomponentitem" position="3,0,0,31">
                                          <div id="c3279307-6a31-4608-a880-b39141755e98" position="3,0,0,31"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://www.sxl.cn/" target="_blank"
                                                                        aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 326px; max-height: 162px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 49.69%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://www.sxl.cn/"
                                                                              width="326" height="162"
                                                                              src="/assets/Fie9zQbp5SduoQ8nQ2FD8iOanxmZ.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/859864/Fie9zQbp5SduoQ8nQ2FD8iOanxmZ.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <p><a target="_blank"
                                                                            href="https://www.sxl.cn/">上线了</a></p>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p>上线了 sxl.cn，是一个专注自助建站与小程序发布的 SaaS
                                                                          平台，隶属于上海鲸科信息科技有限公司；前身为 Strikingly，是美国知名孵化器 Y
                                                                          Combinator
                                                                          孵化的第一支中国创业团队。<br>上线了平台以轻松快速发布一个网站、小程序为目标，实现用户无需任何编程与设计经验，也能在
                                                                          10
                                                                          分钟内搭建网站与小程序并发布。平台以优质的视觉呈现、流畅的操作体验、轻量化的管理功能，为电商、餐饮、教育、设计、金融等多个行业提供个性化的行业解决方案，满足中小企业、创业者及个人的业务管理、品牌营销等多种需求。
                                                                        </p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,32">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,32"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="c3279307-6a31-4608-a880-b39141755e98"
                                          class="s-element-blockcomponentitem" position="3,0,0,33">
                                          <div id="c3279307-6a31-4608-a880-b39141755e98" position="3,0,0,33"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div
                                                class="s-component s-block s-block-smallfeatureleft s-block-blockcomponentitem ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-block-feature  s-rva left">
                                                          <div class="six columns s-rva-media">
                                                            <div class="s-item-media-group">
                                                              <div class="s-component s-media ">
                                                                <div>
                                                                  <div class="s-component-content">
                                                                    <div class="s-img-wrapper"><a
                                                                        href="https://huiliu.net/" target="_blank"
                                                                        aria-label="image link">
                                                                        <div class="s-ratio-box"
                                                                          style="max-width: 1200px; max-height: 496px;">
                                                                          <div class="s-ratio-fill"
                                                                            style="padding-bottom: 41.45%;"></div>
                                                                          <div class="s-img-wrapper"><img
                                                                              alt="broken image" title=""
                                                                              class="lazyload crop-default"
                                                                              data-description=""
                                                                              data-image-link="https://huiliu.net/"
                                                                              width="1200" height="496"
                                                                              src="/assets/Fl3vq0oPazec3WZ8JUsAgH3mHNv4.png"
                                                                              data-src="//user-assets.sxlcdn.com/images/860067/Fl3vq0oPazec3WZ8JUsAgH3mHNv4.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000&gt;/quality/90!/format/png">
                                                                          </div>
                                                                        </div>
                                                                      </a></div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                          <div class="ten columns s-rva-text">
                                                            <div class="s-item-text-group half-offset-left">
                                                              <div class="s-item-title">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-heading"
                                                                      style="white-space: pre-wrap;">
                                                                      <h3>
                                                                        <div class="s-rich-text-wrapper"
                                                                          style="display: block;">
                                                                          <p
                                                                            class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                                            <a href="https://www.sxl.cn/" data-type=""
                                                                              target="_blank">回流</a>
                                                                          </p>
                                                                        </div>
                                                                      </h3>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-subtitle">
                                                                <div class="s-component s-text">
                                                                  <div class=""></div>
                                                                </div>
                                                              </div>
                                                              <div class="s-item-text">
                                                                <div class="s-component s-text">
                                                                  <div class="">
                                                                    <div class="s-component-content s-font-body"
                                                                      style="white-space: pre-wrap;">
                                                                      <div class="s-rich-text-wrapper"
                                                                        style="display: block;">
                                                                        <p>
                                                                          “回流”是一个闲置玉翠的竞价交易平台，主要提供撮合交易服务，采用竞价回收模式，帮助用户进行闲置变现。闲置卖家将货品邮寄到平台后，平台将货品上架并进行直播讲解，买家竞拍出价，价高者得。“回流”主要产品为微信小程序和
                                                                          APP。深圳云长文化科技有限公司（简称“云长科技”）是回流平台的主体公司，成立于 2019
                                                                          年。</p>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" class="s-element-spacer"
                                          position="3,0,0,34">
                                          <div id="5a223549-6ce7-41a5-b82b-a9db2959edb3" position="3,0,0,34"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-spacer ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div>
                                                          <div class="s-component s-spacer" style="height: 40px;"></div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" class="s-element-richtext"
                                          position="3,0,0,35">
                                          <div id="a7a759a3-e509-405c-9ddc-b12a9e44e245" position="3,0,0,35"
                                            class="s-element" columnssize="1" elementssize="36">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-richtext ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-text">
                                                          <div class="">
                                                            <div class="s-component-content s-font-body"
                                                              style="white-space: pre-wrap;">
                                                              <div class="s-rich-text-wrapper" style="display: block;">
                                                                <h2 style="font-size: 28px;">合作伙伴</h2>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="538073f3-c073-45cb-9d39-990c708e140d" class="s-row" position="3,1">
                                  <div class="s-row-content">
                                    <div id="6434d8f9-c923-4832-9c1e-d2b5169d6b48" position="3,1,0"
                                      class="s-col five-fixed col-5 half-fixed">
                                      <div class="col-list col-align-undefined">
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,0,0">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,0,0"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://fantuan.ca/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/Fls3u2Bb1WmrOt8T5HxkXLhWKm1W.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://fantuan.ca/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,0,1">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,0,1"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.ucloud.cn/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FtZEvIhSMx0Ut9IhpmVuCsv1JaPo.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.ucloud.cn/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,0,2">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,0,2"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://segmentfault.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FtiGtrnEYd8ss3LAozt6dAXj_PtW.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://segmentfault.com/"></a>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,0,3">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,0,3"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://www.infoq.cn/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/FkCxyDXjZIeN0-QL6jds4wqtjjsA.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.infoq.cn/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div id="96bbed36-6e6d-4feb-bd47-f5ee6af428a8" position="3,1,1"
                                      class="s-col five-fixed col-5 half-fixed">
                                      <div class="col-list col-align-undefined">
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,1,0">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,1,0"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="http://www.baklib.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FgaOTv8njeO9y4NPRRZ4hoBdfuJ1.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="http://www.baklib.com"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,1,1">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,1,1"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="http://www.youhaosuda.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FhfrDf1qLAxnjnmYudx6DznsCNZx.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="http://www.youhaosuda.com/"></a>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,1,2">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,1,2"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.oschina.net/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/Fp_UMc82rskt6EaIWKwexzbevtw9.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.oschina.net/"></a>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,1,3">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,1,3"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://airhost.sg/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/Fvr23-0bA9h8Pp4J0lftvJEjFOQW.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://airhost.sg/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div id="39d1cf3a-9723-4838-b7c5-70c3efb56d4f" position="3,1,2"
                                      class="s-col five-fixed col-5 half-fixed">
                                      <div class="col-list col-align-undefined">
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,2,0">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,2,0"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.duohui.cn/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FsiD4vkq7_R53fHgK2Q9hFEl-fxB.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.duohui.cn/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,2,1">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,2,1"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://kaiyuanshe.cn/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/Fob0gXaCuuG5GvSzMn97IdVSL9T4.PNG"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://kaiyuanshe.cn/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,2,2">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,2,2"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://tintinland.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/Fos3wPU2L46LPpUMecAxDV-doTM8.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://tintinland.com/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,2,3">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,2,3"
                                            class="s-element" columnssize="5" elementssize="4">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.risingwave.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/Fgkjdfeguu7u9v-J0E0UD3Bbv54U.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.risingwave.com/"></a>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div id="83d0c77c-855c-4ef6-b45b-f2bf1a106333" position="3,1,3"
                                      class="s-col five-fixed col-5 half-fixed">
                                      <div class="col-list col-align-undefined">
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,3,0">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,3,0"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://jinshuju.net/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/FkucmkDF6-j-FcA59oNxPghnLqwB.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://jinshuju.net/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,3,1">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,3,1"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://5xruby.com/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/FvT3FrZ3W2cs9LfBtT5JGEq-D2iV.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://5xruby.com/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,3,2">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,3,2"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="http://www.tbwa.com/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/FrPPg6Pq8OMb8sSszhyLEDD9mAet.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="http://www.tbwa.com"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                    <div id="fdb3bca3-3324-4f9e-87c0-34d4dc09b9a6" position="3,1,4"
                                      class="s-col five-fixed col-5">
                                      <div class="col-list col-align-undefined">
                                        <div id="60dc8515-a0fa-48cd-b18b-0e78b2a7340b" class="s-element-image"
                                          position="3,1,4,0">
                                          <div id="60dc8515-a0fa-48cd-b18b-0e78b2a7340b" position="3,1,4,0"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.upyun.com/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/FgkXxn-xl3CJrRVRnBWGCe0SNQXq.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.upyun.com/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="17368024-783d-4c6d-9b28-5de60ff939a0" class="s-element-image"
                                          position="3,1,4,1">
                                          <div id="17368024-783d-4c6d-9b28-5de60ff939a0" position="3,1,4,1"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a href="https://juejin.cn/"
                                                                  target="_blank" aria-label="image link"><img
                                                                    src="/assets/Fsew1DN0RDbVMxjvqOa46IjTco_X.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://juejin.cn/"></a></div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" class="s-element-image"
                                          position="3,1,4,2">
                                          <div id="3c546736-3f7e-4aa2-9e97-f5e40f043402" position="3,1,4,2"
                                            class="s-element" columnssize="5" elementssize="3">
                                            <div class="s-element-content">
                                              <div class="s-component s-block s-block-image ">
                                                <div>
                                                  <div>
                                                    <div class="s-block-item-inner clearfix"
                                                      style="position: relative;">
                                                      <div class="">
                                                        <div class="s-component s-image">
                                                          <div>
                                                            <div class="s-component-content">
                                                              <div class="s-img-wrapper"><a
                                                                  href="https://www.ituring.com.cn/" target="_blank"
                                                                  aria-label="image link"><img
                                                                    src="/assets/Fhgn2L4vcVNiBl-Si_D6IIXaXyZw.png"
                                                                    alt="broken image" title="" class="crop-default"
                                                                    data-description=""
                                                                    data-image-link="https://www.ituring.com.cn/"></a>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="slide s-section-5 css-1rkmeg4 " id="section-f_a6a1d662-2a86-411c-b4f9-1a3dd8316d05">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div>
                          <div
                            class="lazyload lazyload s-bg-dark s-process-section s-section background-image transition"
                            data-react-style="{}">
                            <div class="container">
                              <div class="columns sixteen">
                                <div class="s-title-group">
                                  <div class="s-item-title ">
                                    <div class="s-component s-text">
                                      <div class="">
                                        <div class="s-component-content s-font-heading" style="white-space: pre-wrap;">
                                          <div>
                                            <h2 class="s-title s-font-title">日程安排</h2>
                                            <h4 class="s-subtitle"> </h4>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="">
                                  <div class="s-mh s-repeatable">
                                    <div>
                                      <div data-sorting-index="0"
                                        class="eight columns no-float process-vertical-layout s-repeatable-item">
                                        <div class="process-item-wrapper">
                                          <div class="process-item-infos">
                                            <div class="process-item-index s-font-body">1</div>
                                            <div class="process-item-linker"></div>
                                          </div>
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="#(className) s-rich-text-wrapper"
                                                          style="font-size: 80%;"><span
                                                            style="color: #f52e55;"><strong>2023.08.19（周六）Day
                                                              1</strong></span></p>
                                                      </div>
                                                    </h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p
                                                        class="s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper s-rich-text-wrapper">
                                                        09:00 - 09:50 Matz - Keynote Talk</p>
                                                      <p>10:00 - 10:50 黄志敏 - 玩转 AST，构建自己的代码分析和代码重写工具</p>
                                                      <p>11:00 - 11:50 李亚飞 - Rails ActionCable 的性能压测与实战经验分享</p>
                                                      <p>12:00 - 13:30 午间休息</p>
                                                      <p>13:30 - 14:20 李玮 - Rails 应用安全与 rack - security</p>
                                                      <p>14:30 - 15:20 袁晓峰 - 浅析领域驱动设计在极狐 (GitLab) 的技术实践</p>
                                                      <p>15:20 - 15:50 茶歇</p>
                                                      <p>15:50 - 16:40 王若愚 - Conversational Al 赋能下一代互联网应用</p>
                                                      <p>16:50 - 17:40 胡智勇 - Ruby 十年 @ 华为</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div data-sorting-index="1"
                                        class="eight columns no-float process-vertical-layout s-repeatable-item s-last-row">
                                        <div class="process-item-wrapper">
                                          <div class="process-item-infos">
                                            <div class="process-item-index s-font-body">2</div>
                                          </div>
                                          <div class="s-item-text-group ">
                                            <div class="s-item-title">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-heading"
                                                    style="white-space: pre-wrap;">
                                                    <h3>
                                                      <div class="s-rich-text-wrapper" style="display: block;">
                                                        <p class="#(className) s-rich-text-wrapper"
                                                          style="font-size: 80%;"><span
                                                            style="color: #f52e55;"><strong>2023.08.20</strong></span><span
                                                            style="color: #f52e55;"><strong>（周日）Day 2</strong></span>
                                                        </p>
                                                      </div>
                                                    </h3>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <div class="s-item-text">
                                              <div class="s-component s-text">
                                                <div class="">
                                                  <div class="s-component-content s-font-body"
                                                    style="white-space: pre-wrap;">
                                                    <div class="s-rich-text-wrapper" style="display: block;">
                                                      <p class="s-rich-text-wrapper">09:00 - 09:50 王左 - 从移植 Active
                                                        Record 中学到的几件事</p>
                                                      <p>10:00 - 10:50 过纯中 - React 18 &amp; Rails 7.1，全栈三个月开发绩效系统</p>
                                                      <p>11:00 - 11:50 张汉东 - Rust 重铸 Ruby</p>
                                                      <p>12:00 - 13:30 午间休息</p>
                                                      <p>13:30 - 14:20 周小虫 - Toggle Everything in Ruby</p>
                                                      <p>14:30 - 15:20 陈泽宇 - 用 Solargraph 和 DAP 提升 Rails 开发信心</p>
                                                      <p>15:20 - 15:50 茶歇</p>
                                                      <p>15:50 - 16:40 靳晓明 - 基于大语言模型的可视化数据分析</p>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="slide s-section-6 css-1rkmeg4 " id="section-f_dfb0cf7f-4fbf-49b2-b9dc-700f7c7b6383">
                        <div class="waypoint"></div>
                        <div class="section-anchor"></div>
                        <div class="lazyload lazyload s-no-bg s-html-section s-section background-image transition"
                          data-react-style="{}">
                          <div class="container">
                            <div class="columns sixteen">
                              <div class="s-title-group  ">
                                <div class="s-title ">
                                  <div class="s-component s-text">
                                    <div class="">
                                      <div class="s-component-content s-font-title" style="white-space: pre-wrap;">
                                        <h2>
                                          <p>会议地址</p>
                                        </h2>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div class="s-subtitle">
                                  <div class="s-component s-text">
                                    <div class="">
                                      <div class="s-component-content s-font-heading" style="white-space: pre-wrap;">
                                        <h4>
                                          <p>上海市黄浦区南京西路 399 号 明天广场 JW 万豪酒店</p>
                                        </h4>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="s-component s-html-component">
                                <div class="s-component-content-wrapper">
                                  <div class="s-component-content s-font-body">
                                    <div>
                                      <div class="strikingly-map-container">
                                        <img
                                          src="https://l.ruby-china.com/photo/huacnlee/87ca5d09-040c-44bd-8408-eeed30573ff2.png" />
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="waypoint"></div>
                      </li>
                    </div>
                  </ul>
                </div>
                <div id="strikingly-tooltip-container"></div>
                <div id="s-footer-section-container">
                  <div
                    class="lazyload lazyload s-bg-dark s-footer-section s-section show-strikingly-logo   background-image"
                    data-react-style="{}">
                    <div class="container s-layout-vertical">
                      <div class="columns sixteen ">
                        <div>
                          <div class="waypoint"></div>
                        </div>
                        <div class="s-footer-text">
                          <div class="s-component s-text">
                            <div class="">
                              <div class="s-component-content s-font-body" style="white-space: pre-wrap;">
                                <div class="s-rich-text-wrapper" style="display: block;">
                                  <p>RubyConf China ©2023</p>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class=" s-component s-regulation-info">
                          <div class="s-component-editor-wrapper"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="s-footer-logo-wrapper" style="position: static; width: 100%;">
                  <div class="s-component s-footer-logo " style="display: none; bottom: 0px; position: fixed;"><span><a
                        class="logo-link logo-link-sxl" target="_parent"
                        href="https://www.sxl.cn/?ref=logo&amp;permalink=rubyconfchina2023&amp;custom_domain=www.rubyconfchina.org&amp;utm_campaign=footer_pbs&amp;utm_content=http%3A%2F%2Fwww.rubyconfchina.org%2F&amp;utm_medium=user_page&amp;utm_source=27616&amp;utm_term=pbs_a">
                        上线了免费建站
                      </a>
                      <div class="logo-hover logo-hover-sxl"></div>
                      <div class="s-footer-logo-tooltip">
                        <div class="tooltip-container">
                          <div class="tooltip-white">
                            开始用上线了创建自己的网站
                          </div>
                        </div>
                      </div>
                    </span></div>
                </div>
                <div id="ecommerce-drawer" class="s-category-drawer-wrapper"></div>
                <div id="blog-category-drawer" class="s-category-drawer-wrapper"></div>
                <div class="s-floated-components">
                  <div></div>
                  <div>
                    <div id="s-ecommerce-shopping-cart-wrapper" class="s-ecommerce-shopping-cart-wrapper no-cart"></div>
                    <div id="fixedContainer">
                      <div id="fixedLoginContainer" class="fixed-login-container"></div>
                      <div id="fixedMultiLangSwitcher" class="fixed-multi-lang-container"></div>
                    </div>
                  </div>
                  <div id="s-new-mobile-actions-wrapper" class="">
                    <ul class="s-mobile-actions clearfix s-font-body"></ul>
                  </div>
                </div>
                <div class="shipping-wrapper"></div>
                <div></div>
                <div class="social-thumbnail">
                  <div id="lw-share-data" style="display: none;">
                    <div class="lws-title">RubyConf China 2023</div>
                    <div class="lws-description">Website</div>
                    <div class="lws-image">
                      https://user-assets.sxlcdn.com/images/1102608/FszyuxcZhO3_XyrCINA7L7q1eTiC.png?imageMogr2/strip/auto-orient/thumbnail/1200x630&gt;/format/png
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="fb-root"></div>
  <div id="app-script-root"></div>
  <div id="app-view-root"></div>
  <div class="s-cookie-notification-bar" style="position: fixed; bottom: -1000px !important;">
    <div class="cookie-notification-title">Cookie的使用</div>
    <span class="cookie-notification-text">我们使用cookies来确保流畅的浏览体验。若继续，我们认为你接受使用cookies。</span>
    <div>
      <button>确认</button>
    </div>
    <a href="http://rubyconfchina.org/pages/cookie-policy" target="_blank">了解更多</a>
  </div>
  <script src="/assets/jquery.min.js" defer="defer"></script>
  <!-- *! lazysizes - v5.3.2 */ -->
  <script>
    !function (e) { var t = function (u, D, f) { "use strict"; var k, H; if (function () { var e; var t = { lazyClass: "lazyload", loadedClass: "lazyloaded", loadingClass: "lazyloading", preloadClass: "lazypreload", errorClass: "lazyerror", autosizesClass: "lazyautosizes", fastLoadedClass: "ls-is-cached", iframeLoadMode: 0, srcAttr: "data-src", srcsetAttr: "data-srcset", sizesAttr: "data-sizes", minSize: 40, customMedia: {}, init: true, expFactor: 1.5, hFac: .8, loadMode: 2, loadHidden: true, ricTimeout: 0, throttleDelay: 125 }; H = u.lazySizesConfig || u.lazysizesConfig || {}; for (e in t) { if (!(e in H)) { H[e] = t[e] } } }(), !D || !D.getElementsByClassName) { return { init: function () { }, cfg: H, noSupport: true } } var O = D.documentElement, i = u.HTMLPictureElement, P = "addEventListener", $ = "getAttribute", q = u[P].bind(u), I = u.setTimeout, U = u.requestAnimationFrame || I, o = u.requestIdleCallback, j = /^picture$/i, r = ["load", "error", "lazyincluded", "_lazyloaded"], a = {}, G = Array.prototype.forEach, J = function (e, t) { if (!a[t]) { a[t] = new RegExp("(\\s|^)" + t + "(\\s|$)") } return a[t].test(e[$]("class") || "") && a[t] }, K = function (e, t) { if (!J(e, t)) { e.setAttribute("class", (e[$]("class") || "").trim() + " " + t) } }, Q = function (e, t) { var a; if (a = J(e, t)) { e.setAttribute("class", (e[$]("class") || "").replace(a, " ")) } }, V = function (t, a, e) { var i = e ? P : "removeEventListener"; if (e) { V(t, a) } r.forEach(function (e) { t[i](e, a) }) }, X = function (e, t, a, i, r) { var n = D.createEvent("Event"); if (!a) { a = {} } a.instance = k; n.initEvent(t, !i, !r); n.detail = a; e.dispatchEvent(n); return n }, Y = function (e, t) { var a; if (!i && (a = u.picturefill || H.pf)) { if (t && t.src && !e[$]("srcset")) { e.setAttribute("srcset", t.src) } a({ reevaluate: true, elements: [e] }) } else if (t && t.src) { e.src = t.src } }, Z = function (e, t) { return (getComputedStyle(e, null) || {})[t] }, s = function (e, t, a) { a = a || e.offsetWidth; while (a < H.minSize && t && !e._lazysizesWidth) { a = t.offsetWidth; t = t.parentNode } return a }, ee = function () { var a, i; var t = []; var r = []; var n = t; var s = function () { var e = n; n = t.length ? r : t; a = true; i = false; while (e.length) { e.shift()() } a = false }; var e = function (e, t) { if (a && !t) { e.apply(this, arguments) } else { n.push(e); if (!i) { i = true; (D.hidden ? I : U)(s) } } }; e._lsFlush = s; return e }(), te = function (a, e) { return e ? function () { ee(a) } : function () { var e = this; var t = arguments; ee(function () { a.apply(e, t) }) } }, ae = function (e) { var a; var i = 0; var r = H.throttleDelay; var n = H.ricTimeout; var t = function () { a = false; i = f.now(); e() }; var s = o && n > 49 ? function () { o(t, { timeout: n }); if (n !== H.ricTimeout) { n = H.ricTimeout } } : te(function () { I(t) }, true); return function (e) { var t; if (e = e === true) { n = 33 } if (a) { return } a = true; t = r - (f.now() - i); if (t < 0) { t = 0 } if (e || t < 9) { s() } else { I(s, t) } } }, ie = function (e) { var t, a; var i = 99; var r = function () { t = null; e() }; var n = function () { var e = f.now() - a; if (e < i) { I(n, i - e) } else { (o || r)(r) } }; return function () { a = f.now(); if (!t) { t = I(n, i) } } }, e = function () { var v, m, c, h, e; var y, z, g, p, C, b, A; var n = /^img$/i; var d = /^iframe$/i; var E = "onscroll" in u && !/(gle|ing)bot/.test(navigator.userAgent); var _ = 0; var w = 0; var M = 0; var N = -1; var L = function (e) { M--; if (!e || M < 0 || !e.target) { M = 0 } }; var x = function (e) { if (A == null) { A = Z(D.body, "visibility") == "hidden" } return A || !(Z(e.parentNode, "visibility") == "hidden" && Z(e, "visibility") == "hidden") }; var W = function (e, t) { var a; var i = e; var r = x(e); g -= t; b += t; p -= t; C += t; while (r && (i = i.offsetParent) && i != D.body && i != O) { r = (Z(i, "opacity") || 1) > 0; if (r && Z(i, "overflow") != "visible") { a = i.getBoundingClientRect(); r = C > a.left && p < a.right && b > a.top - 1 && g < a.bottom + 1 } } return r }; var t = function () { var e, t, a, i, r, n, s, o, l, u, f, c; var d = k.elements; if ((h = H.loadMode) && M < 8 && (e = d.length)) { t = 0; N++; for (; t < e; t++) { if (!d[t] || d[t]._lazyRace) { continue } if (!E || k.prematureUnveil && k.prematureUnveil(d[t])) { R(d[t]); continue } if (!(o = d[t][$]("data-expand")) || !(n = o * 1)) { n = w } if (!u) { u = !H.expand || H.expand < 1 ? O.clientHeight > 500 && O.clientWidth > 500 ? 500 : 370 : H.expand; k._defEx = u; f = u * H.expFactor; c = H.hFac; A = null; if (w < f && M < 1 && N > 2 && h > 2 && !D.hidden) { w = f; N = 0 } else if (h > 1 && N > 1 && M < 6) { w = u } else { w = _ } } if (l !== n) { y = innerWidth + n * c; z = innerHeight + n; s = n * -1; l = n } a = d[t].getBoundingClientRect(); if ((b = a.bottom) >= s && (g = a.top) <= z && (C = a.right) >= s * c && (p = a.left) <= y && (b || C || p || g) && (H.loadHidden || x(d[t])) && (m && M < 3 && !o && (h < 3 || N < 4) || W(d[t], n))) { R(d[t]); r = true; if (M > 9) { break } } else if (!r && m && !i && M < 4 && N < 4 && h > 2 && (v[0] || H.preloadAfterLoad) && (v[0] || !o && (b || C || p || g || d[t][$](H.sizesAttr) != "auto"))) { i = v[0] || d[t] } } if (i && !r) { R(i) } } }; var a = ae(t); var S = function (e) { var t = e.target; if (t._lazyCache) { delete t._lazyCache; return } L(e); K(t, H.loadedClass); Q(t, H.loadingClass); V(t, B); X(t, "lazyloaded") }; var i = te(S); var B = function (e) { i({ target: e.target }) }; var T = function (e, t) { var a = e.getAttribute("data-load-mode") || H.iframeLoadMode; if (a == 0) { e.contentWindow.location.replace(t) } else if (a == 1) { e.src = t } }; var F = function (e) { var t; var a = e[$](H.srcsetAttr); if (t = H.customMedia[e[$]("data-media") || e[$]("media")]) { e.setAttribute("media", t) } if (a) { e.setAttribute("srcset", a) } }; var s = te(function (t, e, a, i, r) { var n, s, o, l, u, f; if (!(u = X(t, "lazybeforeunveil", e)).defaultPrevented) { if (i) { if (a) { K(t, H.autosizesClass) } else { t.setAttribute("sizes", i) } } s = t[$](H.srcsetAttr); n = t[$](H.srcAttr); if (r) { o = t.parentNode; l = o && j.test(o.nodeName || "") } f = e.firesLoad || "src" in t && (s || n || l); u = { target: t }; K(t, H.loadingClass); if (f) { clearTimeout(c); c = I(L, 2500); V(t, B, true) } if (l) { G.call(o.getElementsByTagName("source"), F) } if (s) { t.setAttribute("srcset", s) } else if (n && !l) { if (d.test(t.nodeName)) { T(t, n) } else { t.src = n } } if (r && (s || l)) { Y(t, { src: n }) } } if (t._lazyRace) { delete t._lazyRace } Q(t, H.lazyClass); ee(function () { var e = t.complete && t.naturalWidth > 1; if (!f || e) { if (e) { K(t, H.fastLoadedClass) } S(u); t._lazyCache = true; I(function () { if ("_lazyCache" in t) { delete t._lazyCache } }, 9) } if (t.loading == "lazy") { M-- } }, true) }); var R = function (e) { if (e._lazyRace) { return } var t; var a = n.test(e.nodeName); var i = a && (e[$](H.sizesAttr) || e[$]("sizes")); var r = i == "auto"; if ((r || !m) && a && (e[$]("src") || e.srcset) && !e.complete && !J(e, H.errorClass) && J(e, H.lazyClass)) { return } t = X(e, "lazyunveilread").detail; if (r) { re.updateElem(e, true, e.offsetWidth) } e._lazyRace = true; M++; s(e, t, r, i, a) }; var r = ie(function () { H.loadMode = 3; a() }); var o = function () { if (H.loadMode == 3) { H.loadMode = 2 } r() }; var l = function () { if (m) { return } if (f.now() - e < 999) { I(l, 999); return } m = true; H.loadMode = 3; a(); q("scroll", o, true) }; return { _: function () { e = f.now(); k.elements = D.getElementsByClassName(H.lazyClass); v = D.getElementsByClassName(H.lazyClass + " " + H.preloadClass); q("scroll", a, true); q("resize", a, true); q("pageshow", function (e) { if (e.persisted) { var t = D.querySelectorAll("." + H.loadingClass); if (t.length && t.forEach) { U(function () { t.forEach(function (e) { if (e.complete) { R(e) } }) }) } } }); if (u.MutationObserver) { new MutationObserver(a).observe(O, { childList: true, subtree: true, attributes: true }) } else { O[P]("DOMNodeInserted", a, true); O[P]("DOMAttrModified", a, true); setInterval(a, 999) } q("hashchange", a, true);["focus", "mouseover", "click", "load", "transitionend", "animationend"].forEach(function (e) { D[P](e, a, true) }); if (/d$|^c/.test(D.readyState)) { l() } else { q("load", l); D[P]("DOMContentLoaded", a); I(l, 2e4) } if (k.elements.length) { t(); ee._lsFlush() } else { a() } }, checkElems: a, unveil: R, _aLSL: o } }(), re = function () { var a; var n = te(function (e, t, a, i) { var r, n, s; e._lazysizesWidth = i; i += "px"; e.setAttribute("sizes", i); if (j.test(t.nodeName || "")) { r = t.getElementsByTagName("source"); for (n = 0, s = r.length; n < s; n++) { r[n].setAttribute("sizes", i) } } if (!a.detail.dataAttr) { Y(e, a.detail) } }); var i = function (e, t, a) { var i; var r = e.parentNode; if (r) { a = s(e, r, a); i = X(e, "lazybeforesizes", { width: a, dataAttr: !!t }); if (!i.defaultPrevented) { a = i.detail.width; if (a && a !== e._lazysizesWidth) { n(e, r, i, a) } } } }; var e = function () { var e; var t = a.length; if (t) { e = 0; for (; e < t; e++) { i(a[e]) } } }; var t = ie(e); return { _: function () { a = D.getElementsByClassName(H.autosizesClass); q("resize", t) }, checkElems: t, updateElem: i } }(), t = function () { if (!t.i && D.getElementsByClassName) { t.i = true; re._(); e._() } }; return I(function () { H.init && t() }), k = { cfg: H, autoSizer: re, loader: e, init: t, uP: Y, aC: K, rC: Q, hC: J, fire: X, gW: s, rAF: ee } }(e, e.document, Date); e.lazySizes = t, "object" == typeof module && module.exports && (module.exports = t) }("undefined" != typeof window ? window : {});
  </script>

  <script>
    document.addEventListener('lazybeforeunveil', function (e) { var bg = e.target.getAttribute('data-bg'); if (bg) { e.target.style.backgroundImage = 'url(' + bg + ')'; var blurredBg = e.target.getElementsByClassName('blurred-layer')[0]; if (blurredBg) { blurredBg.className += ' loaded' } } });
  </script>
  <script>
    var _gaq = _gaq || [];

    // Google Analytics (Universal) Setup
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', '__ga');
  </script>

  <div id="s-support-widget-container"></div>
  <!-- CUSTOM_CODE_START -->
  <!-- CUSTOM_CODE_END -->

  <script src="/assets/i18n-2ace11ac644d0b40fb8b7cb65e9dd1e553022750e0254118dacbe1fe50735e97.js" defer="defer"></script>
  <script>
    window.pingpp = {}
  </script>
  <script src="/assets/page-site-bundle.d39839823b8ea07f44db.js" defer="defer"></script>
  <script>
    window.addEventListener('DOMContentLoaded', function () {
      if (window._) {
        window._.VERSION = '4.17.21';
      }
    })
    window.addEventListener('load', function () {
      if (window.afterBundleLoadTrack) {
        afterBundleLoadTrack()
      }
    })
  </script>


</body>

</html>