/*!
 * Datepicker v1.0.8
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-06-23T08:07:37.208Z
 */
.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
}
.datepicker-container:after,
.datepicker-container:before {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}
.datepicker-inline {
  position: static;
}
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  border-top: 0;
  left: 10px;
  top: -5px;
}
.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #39f;
}
.datepicker-top-left:after,
.datepicker-top-right:after {
  border-bottom-color: #fff;
  top: -4px;
}
.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}
.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
  border-top-color: #39f;
}
.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
  border-top-color: #fff;
  bottom: -4px;
}
.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
  left: auto;
  right: 10px;
}
.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}
.datepicker-panel > ul:after,
.datepicker-panel > ul:before {
  content: " ";
  display: table;
}
.datepicker-panel > ul:after {
  clear: both;
}
.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}
.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}
.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff;
}
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view=next] {
  font-size: 18px;
}
.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
  width: 150px;
}
.datepicker-panel > ul[data-view=months] > li,
.datepicker-panel > ul[data-view=years] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}
.datepicker-panel > ul[data-view=week] > li,
.datepicker-panel > ul[data-view=week] > li:hover {
  background-color: #fff;
  cursor: default;
}
.datepicker-hide {
  display: none;
}
@font-face {
  font-family: "LibreBaskerville-Regular";
  src: url(font/LibreBaskerville-Regular.fac7d.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Light";
  src: url(font/Poppins-Light.fcc40.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(font/Poppins-Regular.093ee.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(font/Poppins-Medium.bf59c.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url(font/Poppins-Bold.08c20.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "modules";
  src: url(data:font/otf;base64,T1RUTwALAIAAAwAwQ0ZGIFvLoFUAAASAAAAE3kZGVE2GcuujAAAJgAAAABxHREVGACcACgAACWAAAAAeT1MvMhLEIUAAAAEgAAAAYGNtYXAADQTeAAADHAAAAUJoZWFkE+VQjQAAALwAAAA2aGhlYQbSA8MAAAD0AAAAJGhtdHgJgAQQAAAJnAAAAAxtYXhwAARQAAAAARgAAAAGbmFtZeagUtEAAAGAAAABm3Bvc3QAAwABAAAEYAAAACAAAQAAAAJmZlkjxHtfDzz1AAsEAAAAAADXJRD2AAAAANlglPQBMACwAxACkAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADEAABAAAAAAAAAAAAAAAAAAAAAgAAUAAABAAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAzADUDwP/AAEADwABAAAAAAQAAAAADwAOAACAAIAABAAAADgCuAAEAAAAAAAEABwAQAAEAAAAAAAIABwAoAAEAAAAAAAMABwBAAAEAAAAAAAQABwBYAAEAAAAAAAUACwB4AAEAAAAAAAYABwCUAAEAAAAAAAoAGgDSAAMAAQQJAAEADgAAAAMAAQQJAAIADgAYAAMAAQQJAAMADgAwAAMAAQQJAAQADgBIAAMAAQQJAAUAFgBgAAMAAQQJAAYADgCEAAMAAQQJAAoANACcAG0AbwBkAHUAbABlAHMAAG1vZHVsZXMAAFIAZQBnAHUAbABhAHIAAFJlZ3VsYXIAAG0AbwBkAHUAbABlAHMAAG1vZHVsZXMAAG0AbwBkAHUAbABlAHMAAG1vZHVsZXMAAFYAZQByAHMAaQBvAG4AIAAyAC4ANAAAVmVyc2lvbiAyLjQAAG0AbwBkAHUAbABlAHMAAG1vZHVsZXMAAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAARm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4AAAAAAAMAAAADAAAAHAABAAAAAAA8AAMAAQAAABwABAAgAAAABAAEAAEAAAA1//8AAAAy////zgABAAAAAAAAAQYAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAECAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAQAEBAABAQEIbW9kdWxlcwABAgABAEb4GwD4HAL4HQP4FQSMDAGLDAOLDAQeCgAJdlYvi4seCgAJdlYvi4sMB/fE90T5pPkkBRwAeg8cAAAQHACBERwACBwE1hIAAwIAAQAEAAsAEjIuNG1vZHVsZXNtb2R1bGVzAAAAABQAFQAWAAQCAAEBEwIlAzQESff7984ViweF///5VVX///iAAP///KqrgouCi///+IAA/wADVVWF/wAGqqv///lVVZH///yqq/8AB1VVi/8ACKqri/8ACKqr/wADVVX/AAeqqv8ABqqr/wAGqqsI92P3YwX/AANVVf8AA1VV/wADqqv/AAKAAI//AAGqq4//AAGqq4//AADVVY+Lj4uP////KquP///+VVWP///+VVX/AAOqq////YAA/wADVVX///yqqwj3Y/tjBf8ABqqr///5VVX/AANVVf//+FVWi///91VVi///91VV///8qqv///iqq///+VVVhYX///lVVf//+IAA///8qquCi4KL///4gAD/AANVVYX/AAaqqwj7TfdNBQ75bfiaFYsHkf8ABqqr/wAHgAD/AANVVZSLlIv/AAeAAP///Kqrkf//+VVV/wAGqquF/wADVVX///iqq4v///dVVYv///dVVf///Kqr///4VVb///lVVf//+VVVCPtj+2MF///8qqv///yqq////FVV///9gACH///+VVWH///+VVWH////KquHi4eLh/8AANVVh/8AAaqrh/8AAaqr///8VVX/AAKAAP///Kqr/wADVVUI+2P3YwX///lVVf8ABqqr///8qqv/AAeqqov/AAiqq4v/AAiqq/8AA1VV/wAHVVX/AAaqq5GR/wAGqqv/AAeAAP8AA1VVlIuUi/8AB4AA///8qquR///5VVUI9037TQUO+B74HRX///yqq/8AA1VV///9gAD/AAOqq////lVVj////lVVj////yqrj4uPi4//AADVVY//AAGqq4//AAGqq4//AAKAAP8AA6qr/wADVVX/AANVVQj3Y/djBf8ABqqr/wAGqqv/AAeqqv8AA1VV/wAIqquL/wAIqquL/wAHVVX///yqq5H///lVVf8ABqqrhf8AA1VV///4gACLgouC///8qqv///iAAP//+VVVhQj7TftN9037TQX/AAaqq4X/AANVVf//+IAAi4KLgv///Kqr///4gAD///lVVYWF///5VVX///iqq////Kqr///3VVWL///3VVWL///4VVb/AANVVf//+VVV/wAGqqsIDvhO904V///5VVWR///8qqv/AAeAAIuUi5T/AANVVf8AB4AA/wAGqquRCPdN9037TfdNBf//+VVVkf///Kqr/wAHgACLlIuU/wADVVX/AAeAAP8ABqqrkZH/AAaqq/8AB1VV/wADVVX/AAiqq4v/AAiqq4v/AAeqqv///Kqr/wAGqqv///lVVQj3Y/tjBf8AA1VV///8qqv/AAKAAP///FVV/wABqquH/wABqquH/wAA1VWHi4eLh////yqrh////lVVh////lVVh////YAA///8VVX///yqq////KqrCPtj+2MF///5VVX///lVVf//+FVW///8qqv///dVVYv///dVVYv///iqq/8AA1VVhf8ABqqrCA76lBSLFZUMCgAAAAEAAAAMAAAAFgAAAAIAAQABAAMAAQAEAAAAAgAAAAAAAAABAAAAANXtRbgAAAAA1yUQ9gAAAADZYJT0BAABMAQAATABgAGw);
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Roboto-Regular";
}
a:hover {
  text-decoration: underline;
  color: #5869da;
}
RobotoBold {
  font-family: "Roboto-Bold";
}
.product-main .header-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  line-height: 44px;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(100%, #FFFFFF), color-stop(64%, rgba(255, 255, 255, 0.56)), color-stop(53%, #F9FAFC));
  background-image: linear-gradient(-90deg, #FFFFFF 100%, rgba(255, 255, 255, 0.56) 64%, #F9FAFC 53%);
}
.product-main .header-nav ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  font-size: 16px;
}
.product-main .header-nav ul li img {
  height: 13px;
  width: 10px;
}
.product-main .header-nav ul li a {
  color: #666;
  display: inline-block;
}
.product-main .header-nav ul li.active-tab {
  border-bottom: 4px solid transparent;
  -o-border-image: linear-gradient(to right, #00c4e1, #3c87cb) 0 0 10;
     border-image: -webkit-gradient(linear, left top, right top, from(#00c4e1), to(#3c87cb)) 0 0 10;
     border-image: linear-gradient(to right, #00c4e1, #3c87cb) 0 0 10;
}
.product-main .header-nav ul li.active-tab a {
  color: #0289D1;
  font-family: "Roboto-Bold";
}
.product-main .header-nav ul li.lock-tab a {
  position: relative;
}
.product-main .header-nav ul li.lock-tab a::before {
  position: absolute;
  content: '';
  display: block;
  width: 10px;
  height: 13px;
  top: 14px;
  left: 50%;
  margin-left: -62px;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAbFBMVEUAAABYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhYWFhjMrZwAAAAI3RSTlMA4MOgbSyzhCYJA8emYVlTRTUw9O3Z0p4VDrudj399UTwhDa6b0EYAAACRSURBVCjPlc7ZDoIwEEbhEWxL2QTZ3fW8/zsaWcRYYvBc/fmSSUbGsriu40w+a2P6jt1sYQSl1iXoGQ34D5HOh2QyWxCF40U14Q3SYaXQjngFNSz1XrKDYFgB7P9Dm5w0mG2fea0sFIPTWXwXvd9YpdvCwVzksoSJg5612kGUYiU2zYzrnzcuarl7m68OuSz1BNLGJ3E3E8KIAAAAAElFTkSuQmCC);
}
.product-main .header-nav ul li.lock-tab.active-tab::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAaCAMAAACAXYxPAAAAZlBMVEUAAAACitEDidEDidICi9IGjNUDidIEitMHjdcDitIDitMFi9UbmOROsf8DitIDidIDitQDjNQEjNUCidICitICitICidICi9MDitEMjtwSktsDitIEidICidMDi9MIi9gUidgCidF7W0qpAAAAIXRSTlMA4MOgbCyzhCamYTAJA8eeU0U49O3Z0n5ZFQ67j3NRIQ3GnD52AAAAkUlEQVQoz5XO2w6DIBBF0SktIAhSvGuv5/9/sqmgNsU0dT+drGSSoZhXbas8fTYoTLlxNVsAtRA1IFaUgHoSjQrQs5kKhY0XzYwl0IfVA0PEO8DD4suiM5CFlQH5PjT6KgB5mpLv5S1JJHV0TJH9xkbfqgRLom4LdYLMGJEgOMef6NyCO56XKQp6sMNXl5y2egEzWyVzih3v1QAAAABJRU5ErkJggg==);
}
.product-main .header-nav .linear-line {
  display: block;
  width: 100%;
  height: 1px;
  background-image: -webkit-gradient(linear, left top, right top, from(#c4c4c4), to(#fff));
  background-image: linear-gradient(to right, #c4c4c4, #fff);
}
@media screen and (max-width: 768px) {
  .product-main .header-nav ul {
    display: block;
    height: auto;
  }
  .product-main .header-nav ul li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-bottom: 1px solid #e4e4e4;
  }
  .product-main .header-nav ul li a {
    display: block;
  }
}
.kea-modal.kea-modal-apiurl .content .api-url {
  margin-bottom: 4px;
}
.kea-modal.kea-modal-apiurl .content .api-url dt {
  margin-bottom: 16px;
  font-family: AlrightSans-Medium;
  font-size: 14px;
  text-align: left;
}
.kea-modal.kea-modal-apiurl .content .api-url dd {
  padding: 10px;
  border: 1px solid #E3E3E3;
  word-break: break-all;
}
.kea-modal.kea-modal-apiurl .content .api-info {
  margin-top: 20px;
  font-size: 12px;
}
.kea-modal.kea-modal-apiurl .content .api-info::before {
  content: '';
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAAZlBMVEUAAAC3xMe4xMe4xMe4xMe5xMe4xMe4w8a4xMe4xMe5xci4xcm7x8ns//+3w8a3w8e4xMe5xci7xMi/xdG4xMe4xMi3w8a4xMe3w8a6x8e6xM65xdHGxsa4xMe5xMi5xce4xci3w8Zbh2FLAAAAIXRSTlMA+MywfWLz7dS5akUvA92phnk4DsehmZRVOxoWCeB0bVOhyVfaAAAAn0lEQVQY032RVxLCQAxDX7KbkE4qCZ3c/5LMYG/hA/Qlazy2JSOoT8Uh6Uw2EeGc7opDhUeV7AHHm6qZlNv2+BAjaiO9PYzSPwBQSrFCLSy/Ao3OXOCl1AJWuYFMaQoY5SU8d0UL7uQZBidfglxA7+Uw5A6rHxJW5uNYRisb15LkjtnITjq1i7cTzFvvcoijmlu9xHwH2xUa7J83/HjaGxRZITdTd0GGAAAAAElFTkSuQmCC) no-repeat;
  width: 10px;
  height: 10px;
  background-size: cover;
}
.kea-modal.kea-modal-apiurl .content .api-info a {
  color: #0189d1;
}
.kea-modal.kea-modal-datepicker {
  width: 372px;
}
.kea-modal.kea-modal-datepicker .kea-disabled {
  color: #999;
  text-decoration: line-through;
}
.kea-modal.kea-modal-datepicker .kea-today {
  color: #666;
}
.kea-modal.kea-modal-datepicker .kea-picked {
  background-color: #e5f2ff;
  color: #33CEA5;
}
.kea-modal.kea-modal-datepicker .invalid {
  border: 1px solid rgba(255, 38, 0, 0.76) !important;
}
.kea-modal.kea-modal-datepicker .content .dataset-select {
  margin-bottom: 4px;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dt {
  margin-bottom: 16px;
  font-family: "PingFangSC-Regular";
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  color: #999;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dt .pick-date {
  display: inline-block;
  font-family: "PingFangSC-Medium";
  color: #333;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dd {
  padding: 8% 0;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dd .cvs-datepicker-tabs {
  position: relative;
  top: -20px;
  width: 264px;
  margin: 0 auto 10px;
  font-size: 0;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dd .cvs-datepicker-tabs li {
  display: inline-block;
  width: 88px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  text-transform: capitalize;
  border: 1px solid #E3E3E3;
  border-radius: 2px;
  background: #FFF;
  cursor: pointer;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dd .cvs-datepicker-tabs li:hover,
.kea-modal.kea-modal-datepicker .content .dataset-select dd .cvs-datepicker-tabs li.active {
  color: #0289D1;
  border-color: #81D3FF;
  background: #D9F0FF;
}
.kea-modal.kea-modal-datepicker .content .dataset-select dd .cvs-datepicker-container {
  display: inline-block;
  border: 1px dashed #eee;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  margin-top: 2.5%;
  margin-bottom: -2.5%;
}
.kea-modal.kea-modal-datepicker .content .tips {
  margin-top: 20px;
  font-family: "PingFangSC-Regular";
  font-size: 14px;
  line-height: 18px;
  color: #666;
  text-align: left;
}
.kea-modal.kea-modal-datepicker .content .tips::before {
  content: '';
  display: inline-block;
  width: 15.4px;
  height: 15.4px;
  vertical-align: -3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEUAAAC4xMe4xMe4xMe4w8a4xMe5xMe4xMe4xMe5xci4xcm7x8m3w8a3w8e4xMe5xci7xMi/xdHGxsa3w8a4xMe4xMi3w8a4xMe3w8a6x8e6xM65xdG4xMe5xMi5xce4xci3w8aP3wXuAAAAIHRSTlMAzLD28X1i1LlqRS/dqYZ5OA4J6sehmZRVOxoW4HRtU5uiwgsAAACjSURBVCjPnZHLEoMgDEWvIIKPClqt9s3/f2VnIOmQLrrwrG64k4QkOE53sbUeVDNBcK0icW5R0MaC0wymyQ/7/kxCgeh1ikcg5BxPhsvhBnRZ1fecQLVX4E3SJMNQpICGZJUMRZEDXpFIBo+wAJ6NW2lYYBQGl3oAGxuieR2CE837SGjNyogBq2leeUCxEvOd3MslLvwr9bv2wYq1/zuUPO1RPuliIDaGh4BZAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: contain;
}
.kea-modal.kea-modal-datepicker .content .divider-line {
  position: relative;
  width: 100%;
  height: 8px;
  margin-top: 20px;
}
.kea-modal.kea-modal-datepicker .content .divider-line::before {
  content: '';
  position: absolute;
  left: 0;
  width: 108%;
  height: 1px;
  margin: 0 -4%;
  border-top: 1px dashed #e3e3e3;
}
.kea-modal.kea-modal-datepicker .content .download-button {
  font-family: "Roboto-Medium";
}
.progress-bar {
  width: 400px;
  height: 22px;
  background: rgba(153, 153, 153, 0.301);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(222, 227, 230, 0.8);
          box-shadow: 0 0 5px rgba(222, 227, 230, 0.8);
  overflow: hidden;
}
.progress-bar::before {
  content: attr(data-percent);
  color: #fff;
  text-align: center;
}
.progress-bar .progress {
  height: 100%;
  line-height: 22px;
  width: 0%;
  background-color: rgba(25, 216, 153, 0.8);
}
.product-main .sidebar {
  margin-top: 102px;
}
.product-main .sidebar .product-card {
  position: relative;
  min-height: 140px;
  margin-bottom: 6px;
  border: 1px solid #E3E3E3;
  -webkit-box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.16);
          box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.16);
  border-bottom: 4px solid #B7C3C6;
  background: #FFFFFF;
}
.product-main .sidebar .product-card .card-title {
  padding: 12px;
}
.product-main .sidebar .product-card .card-title h4 {
  margin-right: 60px;
  font-family: "Roboto-Bold";
  font-size: 16px;
}
.product-main .sidebar .product-card .card-title span {
  display: inline-block;
  min-width: 21px;
  padding: 0 3px;
  height: 14px;
  background-color: #33CEA5;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-family: "Roboto-Regular";
  font-size: 10px !important;
  margin-left: 3px;
}
.product-main .sidebar .product-card:hover {
  -webkit-box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.46);
          box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.46);
  border-bottom-color: #0289D1;
}
.product-main .sidebar .product-card:hover .card-title {
  color: #0289D1;
}
.product-main .sidebar .product-card:hover .card-title span {
  background-color: #33CEA5;
}
.product-main .sidebar .product-card .card-discount {
  position: absolute;
  right: 10px;
  top: -6px;
  width: 40px;
  height: 46px;
  line-height: 46px;
  font-family: "Roboto-Bold";
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  color: #fff;
  background: url(img/icon-price.png) no-repeat;
  background-position: -1px 0;
  background-size: cover;
}
.product-main .sidebar .product-card.no-discount .card-discount {
  display: none;
}
.product-main .sidebar .product-card.no-discount .card-title h4 {
  margin-right: 0;
}
.product-main .sidebar .product-card .card-content {
  position: relative;
  padding: 12px 12px 20px;
  overflow: hidden;
  font-size: 14px;
  color: #666666;
}
.product-main .sidebar .product-card .card-content:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 0;
  right: 12px;
  display: block;
  border-bottom: 1px dotted #e3e3e3;
}
.product-main .sidebar .product-card .card-dotted {
  width: 3px;
  height: 3px;
  background: #B7C3C6;
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.product-main .sidebar .product-card .card-dotted:before,
.product-main .sidebar .product-card .card-dotted:after {
  width: 3px;
  height: 3px;
  background: #B7C3C6;
  content: '';
  display: block;
  position: absolute;
}
.product-main .sidebar .product-card .card-dotted:before {
  left: -7px;
}
.product-main .sidebar .product-card .card-dotted:after {
  left: 7px;
}
.product-main .sidebar .product-card .card-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 1200px) {
  .product-main .sidebar .product-card {
    height: 220px;
  }
}
@media (max-width: 992px) {
  .product-main .sidebar .product-card {
    height: 210px;
  }
}
@media (max-width: 768px) {
  .product-main .sidebar .product-card {
    height: auto;
  }
}
.product-main .sidebar .sidebar-delivery {
  height: 140px;
}
.product-main .sidebar .sidebar-delivery .delivery {
  text-align: center;
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api,
.product-main .sidebar .sidebar-delivery .delivery .ico-csv {
  border: 1px solid #E3E3E3;
  width: 50px;
  height: 52px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  text-align: center;
  margin-top: 25px;
  color: #333;
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api::before,
.product-main .sidebar .sidebar-delivery .delivery .ico-csv::before {
  content: '';
  display: block;
  width: 23px;
  height: 23px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 4px auto;
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api:hover,
.product-main .sidebar .sidebar-delivery .delivery .ico-csv:hover {
  background-color: #0289D1;
  color: #ffffff;
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api {
  margin-right: 50px;
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAAXNSR0IArs4c6QAABQhJREFUaAXtWUtvI0UQrp4ZJ3Yeayd+J/auvCEc4EA25LIIWI5IcEAcuCBxQ9wW8bogIXHghhDigPgPSPyIPIRAsZdlg7NISzYQO/E7ya4TP8b2NFU9HitMJpFjxsaL0tK4u6u6q7+u/rp63MPAlJLJ5ES1qjhN4v+86vWOHMVisZoBhBmF5cTdt4DzLzjn84ZsyPImMIiDzG6/cuPGugCOoN/kmvbDkAG1hMMYVBD8giK0XPvcstUQCjmHMWjBJ1I8zh1YecaMkTH2QAL2hiRJr+IsE4Ye5SrWP1aY9BID9q0hpxx13zNZuSUx9i4u66OTOjvLjMOCogbTCmRBNhuWmfTOi0vP/UTytXjyfhPqf7XbfHdrafGrdnltef3OIge4iZPZefn5hbcRfBN1KyuJXyY0zr9ut7M3Y3xUOsuiokDa0E25cGoABAgTT+m5/ssZa7dj2TZoXaHxTv+T7e0qnwm8rmqfYYQRK1GsqJ/igPp+APbeSnwzTADW7mwsMeCvtcEsrSbuvk7leHzLzYF90Jb3JWM/plIuNVuoWFlHD+aR/yp6OWLS15DfOxz4HMo7NMP22JxvMc6CmE+a+thWRVrea3vR2iZ6PGCtAScCe9qsw/YUXp9CnVlle/1Mqtg+ks0GcW25spL49SOb7fbVnMQg39cBLo3/nzzAtre3nTulQ+NUfCLmhjFrU8koCm3Qs8LeUE4E43j2iQ2Hl8AHzalLj196vEsPDIwqiiIDPXalc19r7Rpkxu+D+WtROKpUIbH5uy1mB+LxSEg/31LZnC2gyUjfgfunPOAaHYVaXYX8/sHwACdQ1yMz4BwZsQQVDQWFPJ3TX6GpfWwW249at7c0YiHsieP4rgA+jwfCyF3P5ATdp0C2uH/KPOkmx8eg0WxCplgSelmW4Go4CFGkz8HjMmQKRSgeXvwK5kLAyathvxdCPi+MOBwdoJVqDZqt9u1FRwoITvf2Xr4ImqYJTaPZgkqtBmNOJ0y7r4inrjZw4iWcXBGo3E3qCjjeZsGzczGYujIpvEuGG42m4GyutA/lyulLgnGXS4AiwLv5QgdLXVVh/bf7YiVC3mnwT0/B6IgDrs2ExErsP3oMya1tvH89/w93V8BlBE7eodRCIFuptPDQebaJCpSIQkQVcyofV4CeP1K7YhXnIrNADvJ63IBXeNA6zzga6wq4xjWooaeIKjSJ+atRMUAOQRE/zd4hDwbQkyQ3NqUZOIHzYcQJotdPriRFH7M9c1+qdwW81dLg53tJ8KLXaUOS971ut3iayNn8wQE8TO9Bq9USY0SCAUGpwsEhVOv1f4xLp+d1jCpEEUXWT1ICSg6gjUpU6SZ1BdwwVEKj9JBHwz6fWGLapHQy7uYKUEHgBCaMm5eS1YGjb3Cf0BPfKdpkCiVQG91tStERfy4E3OhEO//PvYx4fMjJmYAP7670zURlGcEflsuCw0afTo7NyKt76N1SD2HQsNMTcKMz5bTERhymeD4b8At1Kmt9Z3NUrcLGg62TJnoq23rkh3zTIr4fI7huudoTauxkK/BoUD9wzvJ2ryCt+v1rqhhGiSabD7dFlV5f+51sA04hbRCADYfYShXD6CBy6WYkUsfT4ngQg9k3Bivhycs0PGNX7TM6AEsMlgVVZIf0Pn7TOf1CPQAMFx0CY8DGOA9+Sd9sRKIvaRzqH+KHqkU8BF2GfGhyxvB/H191BP3fvBCNVv8GJQHRt6RR8DoAAAAASUVORK5CYII=);
}
.product-main .sidebar .sidebar-delivery .delivery .ico-csv::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAjVBMVEUAAADI0dLBzM/BzM7AzM7CzM/AzM/Dy87AzM/AzM/DzdDJ09bBzM/BzM/BzM/BzM/Bzc/BzM/CzND////AzM7BzM/BzM/BzM/Cy87CzdPAzM/By8/CztHDzs7Dzs7MzObAy87////l6er9/f3j6On3+Pnt8PHO1tn5+vvr7u/n6+zd4+TFz9LR2Nry9fWqKQJSAAAAIHRSTlMAHLXS4UrEWZ/6PRXz2KedlYdqBNu+gl5ULb97U0QvCpL+hngAAAEaSURBVEjH3dVpj4IwEIDhwRV3uQTFc88ppSCH+/9/nhXCiAdO+eobEjrJE0LmS0Fnh+u3gWz4gZsiHO4dPhbX2sXnHJdXfMFx3PX5nOWO2+MTlqO/H8Vxao3iGHijOM7+zHiIbZPYiG+6Y2jAt2DTecPzL4gDGpYsnwHYDk3fDG++uCXvuBz3tfDsLo7rIgsuPealUiqhaTXrmj/mByGEwvumr8WrLMuk5lK/K54X4lLBc8z6mudYkDbiWDa6NN5MonWCLM/TphxTkdIwzJVokjnWeJTtoIa5Fq2vjimdGU4dSiETacyLWqr6X3L/Tsnzo55tJrntfjNML8JXdJUZ9UkXpVERwN5cOxYA7ALHCPvrX2iKPYvPO8sTDHfek4nUm+IAAAAASUVORK5CYII=);
}
.product-main .sidebar .sidebar-delivery .delivery .ico-api:hover::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAA+VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8CidL3+/7g8fpMrN/6/f/O6fdGqd4aldYSkdX9/v/8/v/a7vl9wuhoueQhmNgKjtPs9vzW7PjK5/a13fKv2vGp2PCk1e+Xz+0nm9ny+f3v+P3q9fzk8/uSzeyDxel2wOdvvObR6ve94PNcs+JVsOBBp901odswn9ountnVX6ggAAAAKXRSTlMA6XfGFAnR/NoE9cu+Nfjx4tK2mJCAc1VQHRkN7aqpi3BkYUxHPjwmJVcWO34AAAF0SURBVEjH7ZPHeoJAFIWvEqLYeyzp/V5UUFDB3jWm5/0fJjMYVxLCrJJFzoJbvv+DcwYArsqBH8ng6CiMvhSS4owuom9F7gHS6F9ZUEK8hovXUcRE4TbHhtObi6Q7HgXZqcxVCTEHABKmFIBzd/zwCy8Bf0yB4ScY5fG98awCeWapDPEIhq6gInnjGEjxayK8TZJED9y3xHElKKBL+FOSAwKKCZ7MPy6OG92uCD6hdwHcsGgsgI/IMn3grYeqU99oxfqWJ14f6UQ93j1RU0WNSB+a3+HVdoOIpkve69RmiymbG+2qG67WiKi56TvDI9kLXvudJtvW6vv4gsie7PbP1Nn5W9lEs318ZvH7jFTHFtE2pDrW2dZSXbwbA8dOZ464oRe+6W6tDFyj7sL2cG6TE0FjQddLr3M3h3oP1/SKDl4bGj+/VbVBA4EvckIfKIBPaSyA1zXN/KWfDyICeAwgI4DnAe6OfdNpGQDKZzHJjzJBGT4Bg8MWUIMIjV0AAAAASUVORK5CYII=);
}
.product-main .sidebar .sidebar-delivery .delivery .ico-csv:hover::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAw1BMVEUAAAD////////////////////////////////9/v////////////////////////////////////////////////////////////////////////////////////////////////////////////8CidFruuRwvOVJq94JjdMimdgaldbI5vYVktUPkNT4/P5muORgteNZsuJQr+AEi9Lo9PzD4/SMyut8wuhzvuYcltYMj9Py+f2/4fSz3PJ2v+YzoNp3wT14AAAAJHRSTlMAtRzS4Z5KWcP+2fiE88i+lUYuFwKla15UPjseE6yKe2dTQAo6pxlmAAABNUlEQVRIx93QZ3OCQBCA4TVRkgO7WKKm70mRIGCPaf//V+VESiTiHl99hxluZ54PdwuiVqVxnZMCLcjUxPxuoFI91kM8z7F3xKsUZ4O/vEtx1F4grURyrLULcSyPCnFUx4U41l8LcSzpMjzdc0WC90HBuCrNH0FXk6FH8jqAwuKBPVMcnwD6WjxodxSvCdFpKVFDgouaHUg7zX3btr1kUuu3Ufen+RvnfIr/K18WX5umuRDcEv81zU2eNqf5zEz1jOTCzyMdMKmnsiDUPpPdjCf0hN6MszX2OWjwb3TC89bJ5+88zF3hEj93h8HO5xY/ZG2+NvHZJXjS1OeWt5PmwdKyP35c4u5pC/Gdu/vKmGQznCwnuhCuAnQL8AbAQwHeBGjLa20EAAOVSeFaow1heueKbryXvzk++0P0AAvUAAAAAElFTkSuQmCC);
}
.product-main .sidebar .sidebar-contact ul {
  margin-left: 5px;
  margin-right: 5px;
}
.product-main .sidebar .sidebar-contact ul.parting-line {
  border-bottom: 1px dashed #e3e3e3;
}
.product-main .sidebar .sidebar-contact ul li {
  padding-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 14px;
  color: #666;
}
.product-main .sidebar .sidebar-contact ul li:last-child {
  padding-bottom: 15px;
}
.product-main .sidebar .sidebar-contact ul li span {
  float: right;
}
.product-main .sidebar .sidebar-contact ul li span i {
  font-size: 34px;
  font-style: normal;
  color: #339BE4;
}
.product-main .sidebar .sidebar-contact .border-none {
  border: none;
}
.product-main .sidebar .sidebar-contact .border-none li {
  padding-bottom: 0!important;
  line-height: 23px;
}
.product-main .sidebar .sidebar-contact .border-none li span:before {
  content: '$';
  font-family: "Arial-BoldMT";
  font-size: 14px;
  color: #339BE4;
  line-height: 16px;
  margin-right: 6px;
}
.product-main .sidebar .sidebar-contact .border-none li a {
  color: #339BE4;
}
.product-main .sidebar .sidebar-contact .border-none .subscription-license {
  font-size: 12px;
}
.product-main .sidebar .sidebar-contact .subscribe,
.product-main .sidebar .sidebar-contact .contact-sales {
  display: block;
  width: 80%;
  height: 40px;
  font-size: 16px;
  font-family: "Roboto-Medium";
  line-height: 40px;
  margin: 24px 30px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#00c4e1), to(#40a4ff));
  background-image: linear-gradient(90deg, #00c4e1 0%, #40a4ff 100%);
}
.product-main .sidebar .sidebar-desources {
  height: auto;
}
.product-main .sidebar .sidebar-desources dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-main .sidebar .sidebar-desources dl dt {
  float: left;
  margin-right: 25px;
}
.product-main .sidebar .sidebar-desources dl dt img {
  margin-left: 13px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-main .sidebar .sidebar-desources dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  float: left;
  margin-top: 26px;
  text-align: center;
}
.product-main .sidebar .sidebar-desources dl dd img {
  margin-bottom: 20px;
  width: 44px;
  height: 44px;
}
.product-main .sidebar .sidebar-desources dl dd a {
  color: #0289D1;
}
.product-main .sidebar .sidebar-desources dl dd p {
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333;
}
.product-main .sidebar .sidebar-notification dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 13px;
}
.product-main .sidebar .sidebar-notification dl dd {
  width: 60%;
}
.product-main .sidebar .sidebar-notification dl dd a {
  color: #0289D1;
}
.product-main .sidebar .sidebar-product {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
}
.product-main .sidebar .sidebar-product .mod-sidebar-title {
  background: #fff;
  border: 1px solid #E3E3E3;
  border-bottom: none;
}
.product-main .sidebar .sidebar-product .product-card {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mod-sidebar-card {
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #E3E3E3;
  -webkit-box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.16);
          box-shadow: 0 0 14px 0 rgba(128, 129, 129, 0.16);
}
.mod-sidebar-card .mod-sidebar-title {
  line-height: 36px;
  padding-left: 12px;
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #E3E3E3;
}
.kea-modal.kea-modal-contact {
  text-align: left;
}
.kea-modal.kea-modal-contact .content {
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333333;
}
.kea-modal.kea-modal-contact .content .contact-input {
  white-space: nowrap;
}
.kea-modal.kea-modal-contact .content .contact-input label {
  display: block;
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333;
  line-height: 23px;
}
.kea-modal.kea-modal-contact .content .contact-input input,
.kea-modal.kea-modal-contact .content .contact-input textarea {
  width: 100%;
  border: 1px solid #E3E3E3;
  outline: none;
}
.kea-modal.kea-modal-contact .content .contact-input input.error,
.kea-modal.kea-modal-contact .content .contact-input textarea.error {
  border: 1px solid #FF4848;
}
.kea-modal.kea-modal-contact .content .contact-input input {
  height: 36px;
  margin-bottom: 20px;
  text-indent: .5em;
}
.kea-modal.kea-modal-contact .content .contact-input textarea {
  height: 90px;
  padding: .5em;
  resize: none;
}
.kea-modal.kea-modal-contact .content .error-text {
  height: 24px;
  line-height: 24px;
  color: transparent !important;
}
.kea-modal.kea-modal-contact .content .error-text.visible {
  color: #FF4848 !important;
}
.contact-card {
  margin-top: 0;
}
.sticky {
  position: fixed !important;
  top: 0;
}
.waiting-for-fill {
  height: 10em;
  line-height: 10em !important;
  border: 1px solid #f00;
  text-align: center;
  color: #f00;
  font-weight: 100;
}
.product-main {
  width: 100%;
  height: 100%;
  background: url(img/bg-page.png) #fff no-repeat;
  padding-top: 20px;
}
.product-main .detail-info .title {
  margin-top: 40px;
  margin-bottom: 27px;
  font-family: "Roboto-Bold";
  font-size: 24px;
  color: #333;
}
.product-main .detail-info .det-login-table ul {
  background: #E6EBF2;
  line-height: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-main .detail-info .det-login-table ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 30px;
  border: none;
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333;
  text-align: right;
  padding-left: 8px;
  padding-right: 8px;
}
.product-main .detail-info .det-login-table ul li:first-child {
  text-align: left;
}
.product-main .detail-info .det-login-table .content {
  width: 100%;
  height: 750px;
  background: url(/static/src/img/detail-login.png);
}
.product-main .detail-info .det-login-table .content h3 {
  font-family: "Roboto-Bold";
  font-size: 22px;
  color: #333;
  text-align: center;
  padding-top: 83px;
  padding-bottom: 30px;
}
.product-main .detail-info .det-login-table .content a {
  position: relative;
  left: 50%;
  margin-left: -90px;
  padding: 8px 20px;
  background: linear-gradient(60deg, #00c4e1, #40a4ff);
  border-radius: 4px;
  color: #fff;
  font-family: "Roboto-Bold";
  font-size: 14px;
}
/* ------------------------------------- */
.mod-det {
  width: 100%;
  margin-top: 40px;
  font-size: 16px;
}
.mod-det p {
  margin-bottom: 20px;
  line-height: 1.5;
}
.mod-det p a {
  color: #0289D1;
}
.mod-det ol {
  margin-bottom: 40px;
}
.mod-det ol li {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 10px;
  position: relative;
}
.mod-det ol li:before {
  content: '';
  display: inline-block;
  left: 0;
  top: 7px;
  width: 4px;
  height: 4px;
  background-color: #b7c3c6;
  border-radius: 4px;
  position: absolute;
}
.mod-det h4 {
  margin-bottom: 11px;
  font-family: "Roboto-Regular";
  font-size: 16px;
  color: #333;
}
.mod-det h4 em {
  font-style: normal;
  font-size: 12px;
}
.det-dl-dot {
  margin-bottom: 20px;
}
.det-dl-dot dt {
  font-family: "Roboto-Medium";
  margin-bottom: 5px;
}
.det-dl-dot dd {
  position: relative;
  padding-left: 10px;
  margin-bottom: 5px;
}
.det-dl-dot dd:before {
  content: '';
  display: inline-block;
  left: 0;
  top: 35%;
  width: 4px;
  height: 4px;
  background-color: #b7c3c6;
  border-radius: 4px;
  position: absolute;
}
.det-title {
  margin-bottom: 20px;
  font-family: "Roboto-Medium";
  font-size: 20px;
  color: #333;
}
.det-title::before {
  content: '';
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAC4xMe5w8e5xMi8w8v///+3w8ZMU6RSAAAABnRSTlMAqJGKIgP5FNzLAAAAQElEQVQI12NABiwOUIZZMoRmSktTADPU0tKSIAKJYmAhszTRwLRkoJa0xABWsTQHOAMmBVcM0w43EG4FwlIEAACVpRBXYUBMLgAAAABJRU5ErkJggg==) no-repeat;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-right: 3px;
}
.sample-data-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .sample-data-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.sample-data-top .sample-data-title {
  letter-spacing: -0.75px;
  font-family: "Roboto-Medium";
  font-size: 20px;
  color: #333;
}
.sample-data-top .sample-data-title::before {
  content: '';
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAFVBMVEUAAAC4xMe5w8e5xMi8w8v///+3w8ZMU6RSAAAABnRSTlMAqJGKIgP5FNzLAAAAQElEQVQI12NABiwOUIZZMoRmSktTADPU0tKSIAKJYmAhszTRwLRkoJa0xABWsTQHOAMmBVcM0w43EG4FwlIEAACVpRBXYUBMLgAAAABJRU5ErkJggg==) no-repeat;
  width: 16px;
  height: 16px;
  background-size: cover;
  margin-right: 3px;
}
.sample-data-top .download-handler {
  max-width: 290px;
  margin-left: auto;
  text-align: right;
}
.sample-data-top .download-handler .det-download {
  display: inline-block;
  padding: 0 8px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  font-family: "Roboto-Medium";
  font-size: 14px;
  text-align: center;
  font-weight: normal;
  color: #0289D1;
}
.sample-data-top .download-handler .det-download img {
  position: relative;
  top: -1px;
  width: 13px;
  height: 13px;
  margin-right: 2px;
}
.sample-data-top .download-handler .mailto {
  display: none;
  padding: 5px 0;
  text-align: right;
}
.sample-data-top .download-handler .mailto.k-score {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .sample-data-top .download-handler .mailto {
    white-space: nowrap;
  }
}
.sample-data-top .download-handler .mailto a {
  color: #0289D1;
}
.det-table thead {
  background: #E6EBF2;
}
.det-table thead tr th {
  line-height: 14px;
  border: none;
  font-family: "Roboto-Medium";
  font-size: 14px;
  color: #333;
  text-align: right;
  white-space: nowrap;
}
.det-table thead tr th:first-child {
  text-align: left;
}
.det-table tbody tr td {
  line-height: 22px;
  border-top: none;
  border-bottom: 1px solid #E3E3E3;
  font-family: "Roboto-Regular";
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
}
.det-table tbody tr td:first-child {
  text-align: left;
}
.det-table tbody tr:nth-of-type(odd) {
  background: #fff;
}
.performance-table thead {
  background: #E6EBF2;
}
.performance-table thead tr th {
  border: none;
}
.performance-table tbody tr {
  border-bottom: 1px solid #E3E3E3;
}
.performance-table tbody tr td,
.performance-table tbody tr th {
  border: none;
}
.performance-table tbody tr:nth-of-type(odd) {
  background: #fff;
}
.mod-select {
  padding: 20px;
}
.mod-select select {
  padding: 5px;
  border-radius: 4px;
}
.mod-tab {
  margin: 0 auto;
  width: 370px;
  font-size: 0;
}
.mod-tab a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-family: "Roboto-Bold";
  font-size: 14px;
  border: 1px solid #E3E3E3;
}
.mod-tab a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mod-tab a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mod-tab a:hover {
  background-color: #d9f0ff;
}
.mod-tab a.active {
  color: #359ed8;
  background-color: #d9f0ff;
}
.tab-center {
  text-align: center;
}
.tab-center a:first-child {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mod-tab-one {
  width: 178px;
}
.table-content {
  position: relative;
  margin-bottom: 50px;
}
.table-content thead td {
  background-color: #e6ebf2;
  color: #333;
  font-family: "Roboto-Medium";
  text-align: right;
  white-space: nowrap;
}
.table-content .table-sider {
  position: absolute;
}
.table-content .table-sider tbody td {
  background-color: #F7FAFC;
  font-family: "Roboto-Medium";
}
.table-content .table-benchmark {
  position: absolute;
  left: 170px;
  background-color: #fff;
}
.table-content .table-benchmark tbody tr {
  background: #Fff;
}
.table-content .table-benchmark tbody td {
  text-align: right;
}
.table-content .table-responsive {
  padding-left: 237px;
}
.table-content .table-responsive tbody tr {
  background: #fff;
}
.table-content .table-responsive tbody td {
  text-align: right;
  min-width: 80px;
}
.table-responsive-sample {
  position: relative;
  max-height: 430px;
  margin-bottom: 20px;
}
.table-responsive-sample .sticky-header {
  position: absolute;
  height: 30px;
  overflow: hidden;
}
.table-responsive-sample .sticky-header tbody {
  visibility: hidden;
}
.table-responsive-sample .table {
  margin-bottom: 0;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50, 50, 50, 0.3);
}
::-webkit-scrollbar-track {
  border-radius: 1em;
  background-color: rgba(50, 50, 50, 0.1);
}
@media screen and (max-width: 768px) {
  #highcharts {
    width: 100%;
  }
  .product-main .detail-tab ul {
    display: block;
    height: auto;
  }
  .product-main .detail-tab li {
    display: block;
  }
  .sidebar {
    margin-left: 0;
  }
}