xmp {
  background-color: #f5f5f5;
  color: #1b2126;
  font-family: "Gilroy";
  font-weight: 00;
  padding: 20px;
  border-radius: 12px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 24px 0;
}

#aside li {
  margin: 12px 0;
}

.text-info-5 {
  color: rgba(17, 53, 95, 0.8);
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 900;
}

h1 {
  font-size: 34px;
}

article section,
article ul,
article ol,
article p,
article picture,
article .ratio,
article .ads-module,
article .btn-group,
.table-1,
.table-2,
.anchor-two,
.anchor-three,
.first-class-h5,
.second-class-h5 {
  margin: 24px 0;
}

/* article picture{
	margin: 40px 0;
} */
article h3 {
  margin: 40px 0 24px;
}

article blockquote,
article p {
  font-size: 1rem;
  line-height: 1.6;
}
article a {
  color: #1dcf4f;
}
article p a {
  color: #1dcf4f;
}

article li {
  font-size: 1rem;
  line-height: 1.6;
  margin: 12px 0;
}

article li:last-child {
  margin-bottom: 0;
}

/* header */

.header-box {
  background: url(../png/bj.png) no-repeat;
  background-size: cover;
  background-position: top center;
}

.header-main {
  padding: 40px 0;
}

.header-con {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* breadcrumbNav */

.breadcrumbNav {
}

/* blockquote */

article blockquote {
  position: relative;
  size: 1rem;
  line-height: 1.8;
  margin: 2.5rem 0;
  padding: 0 1.375rem;
  word-break: break-word;
}

article blockquote::before,
article blockquote::after {
  content: "";
  width: 8px;
  height: 6px;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="8" height="7" viewBox="0 0 8 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.99605 4.02858C4.99605 2.94673 5.25253 2.09976 5.76548 1.48766C6.28546 0.875556 7.01274 0.473421 7.9473 0.28125V1.39157C7.23759 1.61221 6.75977 2.01079 6.51383 2.5873C6.3733 2.89335 6.31708 3.18872 6.34519 3.47342H8V6.28125H4.99605V4.02858ZM0 4.02858C0 2.96097 0.249451 2.11755 0.748353 1.49833C1.25428 0.879115 1.98858 0.473421 2.95125 0.28125V1.39157C2.23452 1.61933 1.75318 2.01079 1.50725 2.56595C1.38076 2.85776 1.32806 3.16025 1.34914 3.47342H3.00395V6.28125H0V4.02858Z" fill="%2300AB11"/></svg>');
}

article blockquote::before {
  left: 0;
  top: 0;
}

article blockquote::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

/* 标题 */
article h5 [href^="#"] {
  position: relative;
}

article h5 [href^="#"]::before,
article .h5 [href^="#"]::before {
  position: absolute;
  left: -26px;
  top: 3px;
}

/* Anchor */

.second-class-h5 {
  padding: 2.5rem 1rem 2.5rem 2.5rem;
  background: linear-gradient(
    117deg,
    #f5f5fc 23.6%,
    #edfbff 72.2%,
    #f0fef7 99.46%
  );
}

.second-class-h5 > h5 {
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.second-class-h5 > h5:last-child,
.second-class-h5 > ul:last-child {
  margin-bottom: 0;
}

.second-class-h5 ul {
  /* margin-bottom: 0; */
  padding-left: 0;
  list-style: none;
}

.second-class-h5 ul li a {
  font-size: 1rem;
  color: #11355f;
}
.second-class-h5 ul li a:hover {
  color: #1dcf4f;
}

.second-class-h5 ul li ul {
  margin: 0;
}

.second-class-h5 h5 a:hover {
  color: #1dcf4f;
}

/* h2 标题 */

article .h2-default {
  position: relative;
  padding: 1.5rem 0 1.5rem 1.375rem;
  margin: 2.5rem 0;
  border-bottom: 1px solid rgba(17, 53, 95, 0.2);
}

article .h2-default::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 30px;
  left: 0;
  border-top: 8px solid transparent;
  border-left: 13px solid #11355f;
  border-bottom: 8px solid transparent;
}

/* 图片 */

article picture {
  display: block;
  max-width: 720px;
}

article picture img {
  max-width: 100%;
}

/* 视频 */

article .ratio {
  max-width: 720px;
}

/* 产品推荐 */
article .recommend {
  margin: 2.5rem 0;
  padding: 2.5rem 1rem;
  background: linear-gradient(
    117deg,
    #f5f5fc 23.6%,
    #edfbff 72.2%,
    #f0fef7 99.46%
  );
}

article .recommend li,
article .recommend p {
  font-size: 16px;
  line-height: 1.6;
  word-break: break-word;
}

article .recommend picture {
  display: block;
  max-width: 104px;
}

article .recommend picture img {
  max-width: 100%;
}

article .recommend .recommend-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-bottom: 2.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}

article .recommend .recommend-top h4 {
  text-align: center;
}

article .recommend .recommend-con {
  width: 100%;
}

article .recommend .media-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

article .recommend .media-box img {
  /* margin: 0 26px; */
  max-width: 106px;
}
article .recommend .media-box img:nth-child(1) {
  margin-bottom: 8px;
}
article .recommend .media-box img:nth-child(2) {
  margin-bottom: 8px;
}
article .recommend .media-box img:nth-child(3) {
  margin-bottom: 8px;
}

/* 按钮 */

.btn-box,
.btn-mobile-box {
  display: flex;
  justify-content: center;
}

.btn-box > *:first-child {
  margin-right: 24px;
}

.btn-mobile-box > *:first-child {
  margin-right: 8px;
}

.version_main {
  display: flex;
  flex-direction: column;
  text-align: start;
}
.version_main span {
  font-weight: 900;
}
.version_main label {
  font-weight: 400;
  font-size: 16px;
}

/* 步骤 */

.step ul.list-num-2 {
  list-style: none;
  counter-reset: li;
  margin-left: 0.75rem;
  padding-left: 0;
}

.step ul.list-num-2 > li {
  position: relative;
  padding-left: 1.25rem;
}

.step ul.list-num-2 > li:not(:last-child) {
  margin-bottom: 0;
  padding-bottom: 2.5rem;
  border-left: 1px dashed #00ab11;
}

.step ul.list-num-2 > li:nth-child(n):not(:nth-child(n + 10))::before {
  content: "0" counter(li);
}

.step ul.list-num-2 > li > *:first-child,
.step ul.list-step > li > *:first-child {
  margin-top: 0;
}

.step ul.list-num-2 > li > *:last-child,
.step ul.list-step > li > *:last-child {
  margin-bottom: 0;
}

.step ul.list-num-2 > li::before {
  content: counter(li);
  counter-increment: li;
  text-align: center;
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: #cff7d3;
  color: #00ab11;
  position: absolute;
  left: -0.75rem;
  top: 0px;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.5625rem;
}

/* step2 */

.step ul.list-step {
  list-style: none;
  counter-reset: li;
  padding-left: 0;
}

.step ul.list-step > li {
  position: relative;
  padding-left: 4.5rem;
  padding-bottom: 2.5rem;
  margin: 0;
}

.step ul.list-step > li::before {
  content: "Step " counter(li);
  counter-increment: li;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1dcf4f;
  color: #ffffff;
  width: 54px;
  padding: 3px 0 3px 6px;
  font-size: 0.8125rem;
  line-height: 1.6;
}

ul.list-step > li::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  left: 54px;
  border-top: 13px solid transparent;
  border-left: 8px solid #1dcf4f;
  border-bottom: 14px solid transparent;
}

/* table 表格 */
.table-1,
.table-2 {
  overflow-x: auto;
  width: 100%;
  font-size: 1rem;
  line-height: 1.2;
  text-align: center;
}

.table-1 table {
  width: 648px;
}

.table-2 table {
  width: 960px;
}

/* table-1 */
.table-1 thead {
  background-color: #f3f5f7;
}

.table-1 th:first-child,
.table-2 th:first-child {
  font-weight: 700;
  width: 162px;
  font-size: 16px;
  color: #11355f;
}

.table-2 th:first-child {
  width: 192px;
}

.table-1 th,
.table-2 th {
  font-size: 13px;
  padding: 1.25rem;
  width: 162px;
}
table td {
  font-size: 13px;
  padding: 1.25rem;
}
.table-2 th {
  width: 192px;
}

.table-1 tr,
.table-2 tr {
  border-bottom: 1px solid #e1e1e1;
  font-size: 14px;
}

table li {
  text-align: start;
}

.table-1 .check {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="%231DCF4F"/><path d="M9.09142 11.4422L13.8089 5.92169C14.1032 5.51491 14.6715 5.42373 15.0783 5.71803C15.4851 6.01232 15.5762 6.58066 15.282 6.98744L9.93932 14.3721C9.61134 14.8254 8.9556 14.8777 8.55995 14.482L4.81168 10.7338C4.45665 10.3787 4.45665 9.80313 4.81168 9.44811C5.1667 9.09308 5.7423 9.09308 6.09733 9.44811L9.09142 11.4422Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.table-1 .close {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="10" fill="%2311355F" fill-opacity="0.4"/><path d="M6.22347 12.6975C5.92551 12.9955 5.92551 13.4786 6.22347 13.7765C6.52143 14.0745 7.00452 14.0745 7.30248 13.7765L10 11.079L12.6975 13.7765C12.9955 14.0745 13.4786 14.0745 13.7765 13.7765C14.0745 13.4786 14.0745 12.9955 13.7765 12.6975L11.079 10L13.7765 7.30248C14.0745 7.00452 14.0745 6.52143 13.7765 6.22347C13.4786 5.92551 12.9955 5.92551 12.6975 6.22347L10 8.92099L7.30248 6.22347C7.00452 5.92551 6.52143 5.92551 6.22347 6.22347C5.92551 6.52143 5.92551 7.00452 6.22347 7.30248L8.92099 10L6.22347 12.6975Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.table-1 .focus {
  background: #f5fff6;
}

.table-1 th.protrude {
  background: #1dcf4f;
  color: #fff;
}

/* table-2 */
.table-2 thead {
  border-top: 1px solid #e1e1e1;
}

.table-2 .highlight {
  background-color: #f5fff6;
}

.table-2 td {
  padding: 1.5rem 1rem;
  color: rgba(17, 53, 95, 0.8);
}

.table-2 .star-five {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGwxLjc5NiA1LjUyOGg1LjgxM2wtNC43MDMgMy40MTYgMS43OTYgNS41MjhMOCAxMS4wNTZsLTQuNzAyIDMuNDE2IDEuNzk2LTUuNTI4TC4zOTIgNS41MjhoNS44MTJMOCAwek0yNiAwbDEuNzk2IDUuNTI4aDUuODEzbC00LjcwMyAzLjQxNiAxLjc5NiA1LjUyOEwyNiAxMS4wNTZsLTQuNzAyIDMuNDE2IDEuNzk2LTUuNTI4LTQuNzAzLTMuNDE2aDUuODEzTDI2IDB6TTQ0IDBsMS43OTYgNS41MjhoNS44MTNsLTQuNzAzIDMuNDE2IDEuNzk2IDUuNTI4TDQ0IDExLjA1NmwtNC43MDIgMy40MTYgMS43OTYtNS41MjgtNC43MDMtMy40MTZoNS44MTNMNDQgMHpNNjIgMGwxLjc5NiA1LjUyOGg1LjgxM2wtNC43MDMgMy40MTYgMS43OTYgNS41MjhMNjIgMTEuMDU2bC00LjcwMiAzLjQxNiAxLjc5Ni01LjUyOC00LjcwMy0zLjQxNmg1LjgxM0w2MiAwek04MCAwbDEuNzk2IDUuNTI4aDUuODEzbC00LjcwMyAzLjQxNiAxLjc5NiA1LjUyOEw4MCAxMS4wNTZsLTQuNzAyIDMuNDE2IDEuNzk2LTUuNTI4LTQuNzAzLTMuNDE2aDUuODEzTDgwIDB6IiBmaWxsPSIjRkJCRjAwIi8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
}

.table-2 .table-tit {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 120%;
}

.table-2 .table-text {
  font-size: 16px;
  color: rgba(17, 53, 95, 0.8);
  font-weight: 400;
  margin: 0;
}

.table-price {
  margin-bottom: 16px;
}

.table-price span {
  font-size: 24px;
  color: #ff4d14;
}

/* Tips模块： */
article .tips {
  background-color: #fff9e6;
}

article .warning {
  background-color: #f5f5f5;
}

article .tips,
article .warning {
  padding: 1.25rem 1.25rem 1.875rem;
  margin: 1.5rem auto;
  font-size: 0.8125rem;
  line-height: 1.375rem;
  position: relative;
}

article .tips::before {
  border-bottom: 1.875rem solid #fcc12b;
}

article .tips::before,
article .warning::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-right: 1.875rem solid transparent;
}

article .tips::after,
article .warning::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  border-top: 1.875rem solid #ffffff;
  border-left: 1.875rem solid transparent;
}

article .tips h5,
article .warning h5 {
  position: relative;
  margin: 0 0 1rem 0;
  color: #11355f;
  padding-left: 38px;
  font-weight: 700;
  line-height: 29px;
  font-size: 16px;
}

article .tips h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 29px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxwYXRoIGQ9Ik0yMi44MDggOS4wNTdDMjIuODEzIDQuMjA0IDE4Ljg4My4yMjQgMTQuMDI1LjIyIDkuMTcuMjE2IDUuMjMxIDQuMTg4IDUuMjI2IDkuMDQxYy0uMDAxIDEuOTIzIDEuMDE2IDQuNDA0IDIuNjUzIDYuMjM0IDEuNjIyIDEuODE1IDIuODI1IDQuODY3IDIuODIzIDcuMzAxdi45NTRsNi42MDYuMDA2di0uOTQ2Yy4wMDMtMi40MzMgMS4yMTEtNS40NzggMi44MjktNy4yOTUgMS42NDUtMS44NDcgMi42Ny00LjU0OCAyLjY3MS02LjIzOHoiIGZpbGw9IiNGRkM4MDciLz4NCiAgPHBhdGggZD0iTTE3LjQxMiAyMS42MzRMMTIuMTE2IDE0LjNsNC4yMTMtOC43NjMgNS40NCA3LjI5YTExLjE3MSAxMS4xNzEgMCAwMS0xLjc0OSAyLjYwMWMtMS4yNyAxLjU2OC0xLjg1IDIuOTM4LTIuNDAyIDQuODQ5bC0uMjA2IDEuMzU2eiIgZmlsbD0iI0ZGQjMwMCIvPg0KICA8cGF0aCBkPSJNMTMuNjc0IDEwLjM1N2wtMi4yNjItLjAwMmEuNDkzLjQ5MyAwIDAxLS40NTgtLjY3bDEuNjIyLTQuMTgzYS40OTUuNDk1IDAgMDEuNDYtLjMxNGwyLjg3LjAwM2MuMzczIDAgLjYxLjM5Ny40MzUuNzI1bC0yLjIzMiA0LjE4MWEuNS41IDAgMDEtLjQzNS4yNnoiIGZpbGw9IiNGRkY4RTEiLz4NCiAgPHBhdGggZD0iTTEyLjc2MSAxNC4xODRsNC4zOC00LjY3MmEuNTQ3LjU0NyAwIDAwLS40LS45MjJsLTIuODctLjAwM2EuNTUuNTUgMCAwMC0uNTIzLjM4TDExLjg0IDEzLjY0Yy0uMTgxLjU1OC41MjEuOTcyLjkyMS41NDN6IiBmaWxsPSIjRkZGOEUxIi8+DQogIDxwYXRoIGQ9Ik0xNi4yMzEgMjcuODA3bC00LjQ2Mi0uMDA0Yy0uMTU2IDAtLjI5OC0uMTAyLS4zODMtLjI2OGwtLjYwNi0xLjIxIDYuNDQzLjAwNi0uNjA5IDEuMjA4Yy0uMDg1LjE2Ny0uMjI3LjI2OC0uMzgzLjI2OHoiIGZpbGw9IiM0NTVBNjQiLz4NCiAgPHBhdGggZD0iTTE3LjExIDI2LjgyM2wtNi4yMTgtLjAwNmMtLjYwNCAwLTEuMDk2LS40OS0xLjA5NS0xLjA5N2wuMDA0LTQuNDc0YzAtLjYwNC40OS0xLjA5NiAxLjA5Ny0xLjA5NWw2LjIyLjAwNmMuNjA1IDAgMS4wOTcuNDkgMS4wOTYgMS4wOTdsLS4wMDQgNC40NzZhMS4wOTggMS4wOTggMCAwMS0xLjEgMS4wOTN6IiBmaWxsPSIjRUNFRkYxIi8+DQogIDxwYXRoIGQ9Ik0xNC43NjYgMjIuMTIzbC00Ljk0NC0uMDA0LjAwMS0uOTg1IDQuOTQ0LjAwNWEuNDkyLjQ5MiAwIDExMCAuOTg0em0tNC45NDQuODU3bDguMzY3LjAwOC0uMDAxLjk4NC04LjM2Ny0uMDA4di0uOTg0em04LjM2NCAyLjgzOGwtNC42NTQtLjAwNWEuNDk0LjQ5NCAwIDAxLS40OTEtLjQ5MmMwLS4yNy4yMjEtLjQ5Mi40OTItLjQ5Mmw0LjY1NC4wMDR2Ljk4NXoiIGZpbGw9IiNDRkQ4REMiLz4NCjwvc3ZnPg==);
}

article .tips p,
article .warning p {
  margin: 16px 0 0;
  font-size: 14px;
}

article .warning::before {
  border-bottom: 1.875rem solid #1dcf4f;
}

article .warning h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 29px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgZmlsbD0iI0ZGNEQxNCIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPHBhdGggZD0iTTguOTgyIDEuNTY2YTEuMTMgMS4xMyAwIDAgMC0xLjk2IDBMLjE2NSAxMy4yMzNjLS40NTcuNzc4LjA5MSAxLjc2Ny45OCAxLjc2N2gxMy43MTNjLjg4OSAwIDEuNDM4LS45OS45OC0xLjc2N0w4Ljk4MiAxLjU2NnpNOCA1Yy41MzUgMCAuOTU0LjQ2Mi45Ljk5NWwtLjM1IDMuNTA3YS41NTIuNTUyIDAgMCAxLTEuMSAwTDcuMSA1Ljk5NUEuOTA1LjkwNSAwIDAgMSA4IDV6bS4wMDIgNmExIDEgMCAxIDEgMCAyIDEgMSAwIDAgMSAwLTJ6Ii8+DQo8L3N2Zz4=);
}

/* list 列表 */
article .list-success {
  padding-left: 0;
}

article .list-success li {
  position: relative;
  padding-left: 32px;
}

article .list-success li::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12.8262L10 17.8262L20 7.82617" stroke="%2300AB11" stroke-width="4"/></svg>') !important;
  position: absolute;
  left: 0px;
  top: 4px;
}

/* 对比表 */
.contrast {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  margin: 4rem 0 2.5rem;
}

.contrast > div ul,
.contrast > div ol {
  padding-left: 0;
  margin: 0;
}

.contrast .advantage {
  width: 100%;
  box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
  padding: 2.5rem 1rem 2rem;
  position: relative;
}

.contrast > div h5 {
  position: absolute;
  padding: 0.75rem 1.5rem;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  text-align: center;
  border-radius: 56px;
  font-weight: 700;
  min-width: 210px;
}

.contrast .disadvance {
  width: 100%;
  margin-top: 68px;
  background: #f5f5f5;
  padding: 2.5rem 1rem 2rem;
  position: relative;
}

.contrast .disadvance ul {
  padding-left: 24px;
}

.contrast .disadvance ul li::marker {
  color: #11355f;
}

.contrast .advantage h5 {
  background-color: #1dcf4f;
}

.contrast .disadvance h5 {
  background-color: #11355f;
}

/* 推荐文章 */
.related-article {
  margin: 24px 0 40px;
}

.related-article ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0.625rem;
}

.related-article ul li {
  min-width: auto;
  margin-bottom: 16px;
  margin-top: 0;
}

.related-article ul li a {
  color: #11355f;
  display: block;
  border: 1px solid #cfcfcf;
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  text-decoration: none;
}
.related-article ul li a:hover {
  color: #1dcf4f;
}

/* slide */

.slide-bar {
  position: fixed;
  z-index: 9999;
  left: 0;
  /* top: 102px; */
  top: 498px;
  width: 280px;
  box-shadow: 0px 4px 24px rgba(29, 42, 81, 0.08);
  background: #fff;
  transition: 600ms;
  display: none;
}

.slide-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  padding: 1rem;
  margin-bottom: 0rem;
  box-shadow: 0px 1px 0px #ebecf0;
}

.sidebar.v1-0-0 {
  max-height: 360px;
  overflow-y: auto;
  background: transparent !important;
  box-shadow: none !important;
}

.sidebar.v1-0-0::-webkit-scrollbar {
  width: 4px;
}

.sidebar.v1-0-0::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 2px;
}

.sidebar.v1-0-0::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
}

.sidebar.v1 li .title::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23323232" class="bi bi-plus-lg" viewBox="0 0 16 16"><path d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z"/></svg>') !important;
  transition: 300ms;
}

.sidebar.v1 li .title.active::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23323232" class="bi bi-plus-lg" viewBox="0 0 16 16"><path d="M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z"/></svg>') !important;
  transform: rotate(-45deg);
}

.sidebar.v1 li .title {
  padding: 0.875rem 1rem 0.875rem 0.75rem !important;
  color: #11355f;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}

.sidebar.v1 > li > a {
  display: block;
  padding: 0.875rem 1rem 0.875rem 0.75rem !important;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  color: #11355f;
  border-left: 4px solid transparent;
}
.sidebar.v1 > li > a:hover {
  color: #1dcf4f;
}

.sidebar.v1 li .title.active {
  background: linear-gradient(
    117deg,
    #f0fef7 0.54%,
    #edfbff 27.8%,
    #f5f5fc 87.4%
  );
  border-left: 4px solid #1dcf4f;
}

.sidebar.v1 li .title + ul {
  overflow-y: hidden !important;
  background: linear-gradient(
    117deg,
    #f0fef7 0.54%,
    #edfbff 27.8%,
    #f5f5fc 87.4%
  );
  list-style: disc;
  padding: 0 1rem 0 2rem;
}
.sidebar.v1 li .title.active + ul {
  max-height: 100% !important;
  overflow-y: auto;
}
.sidebar.v1-0-0 ul .sidebar-item-link {
  padding: 0.5rem 0 !important;
  border: 0 !important;
  font-size: 14px;
  color: #11355f !important;
}

.sidebar.v1-0-0 ul li:last-child {
  padding-bottom: 1rem;
}

.sidebar.v1-0-0 li .sidebar-item-link:hover,
.sidebar.v1-0-0 li .sidebar-item-link.active {
  background: transparent !important;
  text-decoration: underline !important;
  color: #1dcf4f !important;
}

.slide-menu-right {
  position: absolute;
  padding: 0.5rem;
  background: #1dcf4f;
  top: 0px;
  right: -40px;
  cursor: pointer;
  display: none;
}

.slide-menu-left {
  position: absolute;
  right: -24px;
  top: 0;
  height: 54px;
  line-height: 54px;
  background: #e9eefe;
  cursor: pointer;
}

.leftAction-left {
  transform: translateX(-280px);
}

.leftAction-left .slide-menu-left {
  display: none;
}

.leftAction-left .slide-menu-right {
  display: block;
}

.picimg {
  display: none;
}

/* hot */
.hot {
  display: inline-block;
  vertical-align: middle;
  background-color: #00ab11;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  padding: 3px 6px;
  font-weight: bold;
  position: relative;
  margin-left: 10px;
}

.hot::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-right: 4px solid #00ab11;
  border-bottom: 3px solid transparent;
  left: -4px;
  top: 6px;
}

.versionBtn {
  padding: 0 30px;
  min-width: 316px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: max-content;
}

.version_main label {
  font-weight: 400;
  font-size: 14px;
}

.btn.secure {
  position: relative;
  margin-bottom: 26px;
}

.btn.secure::before {
  display: block;
  content: "";
  width: 148px;
  height: 14px;
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 148 14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.34957C0.5 7.32856 3.31556 11.6749 7.5 14C11.6844 11.6749 14.5 7.32856 14.5 2.34957C14.5 1.90113 14.4501 1.29448 14.3502 0.529604C14.3445 0.486166 14.3343 0.443475 14.3196 0.402273C14.2068 0.0856991 13.8628 -0.0780324 13.5512 0.0365686L13.5512 0.0365541C11.0134 0.969997 8.99629 1.43672 7.5 1.43672C6.00371 1.43672 3.98665 0.97 1.44883 0.0365625C1.40828 0.0216456 1.36626 0.0112152 1.3235 0.00545185C0.994985 -0.0388297 0.69334 0.19586 0.649758 0.529646L0.649799 0.529652C0.549933 1.2945 0.5 1.90114 0.5 2.34957ZM11.3442 3.84112C11.0879 3.62771 10.7098 3.66583 10.4998 3.92624L7.30098 7.89233L5.62962 6.1513C5.39824 5.91028 5.01837 5.90547 4.78115 6.14055C4.54394 6.37564 4.5392 6.76161 4.77058 7.00263L6.91034 9.23159C7.16015 9.49182 7.57717 9.4735 7.80394 9.19233L11.4279 4.69905C11.638 4.43863 11.6005 4.05452 11.3442 3.84112Z" fill="%23999999" /><text fill="%23999999" x="55%" y="52%" text-anchor="middle" dominant-baseline="middle" style="font-size: 14px;">Secure Download</text></svg>');
  background-repeat: no-repeat;
  line-height: 1.2;
}

article .video-main {
  padding: 16px 16px 24px;
  margin: 40px 0;
  background: #f6f8fc;
  border-radius: 4px;
  text-align: center;
}

article .video-main .youtube-video {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 24px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

article .video-main iframe {
  object-fit: cover;
  display: block;
}

article .video-main .btn-group {
  margin-bottom: 0;
}

article .video-main .btn-group.dev-desktop a:first-child {
  margin-right: 20px;
}

article .pro-recommed {
  margin: 40px 0;
  background: #f6f8fc;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}

article .pro-recommed .text {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 16px;
}

article .pro-recommed h3 {
  font-size: 24px;
  padding: 0;
  margin-bottom: 4px;
  margin-top: 0;
  line-height: 1.4;
}

article .pro-recommed h3 a {
  color: #11355f;
  text-decoration: none;
}
article .pro-recommed h3 a:hover {
  color: #1dcf4f;
}

article .pro-recommed h3::before {
  display: none;
}

article .pro-recommed p {
  font-size: 14px;
  color: #2b2b58;
  text-align: center;
  margin: 0;
}

article .pro-recommed .btn-group {
  min-width: 226px;
  margin: 0;
}

article .pro-recommed .btn-group .btn-mobile-box,
article .video-main .btn-group .btn-mobile-box {
  position: relative;
  margin-bottom: 30px;
}

article .pro-recommed .btn-group .btn-mobile-box .btn,
article .video-main .btn-group .btn-mobile-box .btn {
  min-width: 146px;
  height: 32px;
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
  padding: 8px 20px;
  border-radius: 3px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

article .pro-recommed .btn-group .btn-mobile-box .btn svg,
article .video-main .btn-group .btn-mobile-box .btn svg {
  width: 16px;
  height: 16px;
}

article .pro-recommed .btn-group .btn-mobile-box::before,
article .pro-recommed .btn-group .btn-mobile-box::before {
  display: block;
  content: "";
  width: 89px;
  height: 14px;
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,<svg width="89" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><text fill="%23999999" x="60%" y="52%" text-anchor="middle" dominant-baseline="middle" style="font-size: 12px;">Buy Safely</text><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.34957C0.5 7.32856 3.31556 11.6749 7.5 14C11.6844 11.6749 14.5 7.32856 14.5 2.34957C14.5 1.90113 14.4501 1.29448 14.3502 0.529604C14.3445 0.486166 14.3343 0.443475 14.3196 0.402273C14.2068 0.0856991 13.8628 -0.0780324 13.5512 0.0365686L13.5512 0.0365541C11.0134 0.969997 8.99629 1.43672 7.5 1.43672C6.00371 1.43672 3.98665 0.97 1.44883 0.0365625C1.40828 0.0216456 1.36626 0.0112152 1.3235 0.00545185C0.994985 -0.0388297 0.69334 0.19586 0.649758 0.529646L0.649799 0.529652C0.549933 1.2945 0.5 1.90114 0.5 2.34957ZM11.3442 3.83914C11.0879 3.62573 10.7098 3.66384 10.4998 3.92426L7.30098 7.89035L5.62962 6.14931C5.39824 5.90829 5.01837 5.90348 4.78115 6.13857C4.54394 6.37366 4.5392 6.75962 4.77058 7.00064L6.91034 9.22961C7.16015 9.48983 7.57717 9.47151 7.80394 9.19035L11.4279 4.69706C11.638 4.43665 11.6005 4.05254 11.3442 3.83914Z" fill="%23999999"></path></svg>');
  background-repeat: no-repeat;
  line-height: 1.2;
}

/* new  btn  style*/

/* mobile */
article .dev-mobile .btn-mobile-box {
  position: relative;
  margin-bottom: 30px;
}

article .dev-mobile .btn-mobile-box .btn {
  min-width: 146px;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  padding: 8px 20px;
  border-radius: 3px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

article .dev-mobile .btn-mobile-box .btn svg {
  width: 16px;
  height: 16px;
}

article .dev-mobile .btn-mobile-box::before {
  display: block;
  content: "";
  width: 89px;
  height: 14px;
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,<svg width="89" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><text fill="%23999999" x="60%" y="52%" text-anchor="middle" dominant-baseline="middle" style="font-size: 12px;">Buy Safely</text><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.34957C0.5 7.32856 3.31556 11.6749 7.5 14C11.6844 11.6749 14.5 7.32856 14.5 2.34957C14.5 1.90113 14.4501 1.29448 14.3502 0.529604C14.3445 0.486166 14.3343 0.443475 14.3196 0.402273C14.2068 0.0856991 13.8628 -0.0780324 13.5512 0.0365686L13.5512 0.0365541C11.0134 0.969997 8.99629 1.43672 7.5 1.43672C6.00371 1.43672 3.98665 0.97 1.44883 0.0365625C1.40828 0.0216456 1.36626 0.0112152 1.3235 0.00545185C0.994985 -0.0388297 0.69334 0.19586 0.649758 0.529646L0.649799 0.529652C0.549933 1.2945 0.5 1.90114 0.5 2.34957ZM11.3442 3.83914C11.0879 3.62573 10.7098 3.66384 10.4998 3.92426L7.30098 7.89035L5.62962 6.14931C5.39824 5.90829 5.01837 5.90348 4.78115 6.13857C4.54394 6.37366 4.5392 6.75962 4.77058 7.00064L6.91034 9.22961C7.16015 9.48983 7.57717 9.47151 7.80394 9.19035L11.4279 4.69706C11.638 4.43665 11.6005 4.05254 11.3442 3.83914Z" fill="%23999999"></path></svg>');
  background-repeat: no-repeat;
  line-height: 1.2;
}

/* pc */
article .dev-desktop .btn {
  position: relative;
  margin-bottom: 26px;
}

article .dev-desktop:not(.btn-group) .btn.btn-lg.btn-primary {
  padding: 0 30px;
  min-width: 316px;
  height: 72px;
  line-height: 1.2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  font-size: 24px;
  text-align: start;
}
article .recommend .dev-desktop:not(.btn-group) .btn.btn-lg.btn-primary svg {
  width: 32px;
  height: 32px;
}

article .recommend .dev-desktop:not(.btn-group) .btn.btn-lg.btn-primary {
  padding: 0 12px;
  min-width: 288px;
  height: 64px;
  font-size: 20px;
}
article .dev-desktop:not(.btn-group) .btn.btn-lg.btn-primary svg {
  width: 32px;
  height: 32px;
}
article .recommend .dev-desktop .btn.btn-lg.btn-primary span::after {
  font-size: 12px;
}

article .dev-desktop .btn.btn-lg.btn-primary span::after {
  display: block;
  content: "For Win 11/10/8/8.1/7";
  width: max-content;
  height: 17px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
}
article .dev-desktop .btn.btn-lg.btn-primary:nth-child(2) span::after {
  content: "For macOS 14 Ventura and below";
}

article .dev-desktop .btn.btn-lg.btn-primary:not(.secure)::before,
article .dev-desktop .btn.btn-xl.btn-primary.lh-sm span::before {
  display: block;
  content: "";
  width: 148px;
  height: 14px;
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="148" height="14" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2.34957C0.5 7.32856 3.31556 11.6749 7.5 14C11.6844 11.6749 14.5 7.32856 14.5 2.34957C14.5 1.90113 14.4501 1.29448 14.3502 0.529604C14.3445 0.486166 14.3343 0.443475 14.3196 0.402273C14.2068 0.0856991 13.8628 -0.0780324 13.5512 0.0365686L13.5512 0.0365541C11.0134 0.969997 8.99629 1.43672 7.5 1.43672C6.00371 1.43672 3.98665 0.97 1.44883 0.0365625C1.40828 0.0216456 1.36626 0.0112152 1.3235 0.00545185C0.994985 -0.0388297 0.69334 0.19586 0.649758 0.529646L0.649799 0.529652C0.549933 1.2945 0.5 1.90114 0.5 2.34957ZM11.3442 3.84112C11.0879 3.62771 10.7098 3.66583 10.4998 3.92624L7.30098 7.89233L5.62962 6.1513C5.39824 5.91028 5.01837 5.90547 4.78115 6.14055C4.54394 6.37564 4.5392 6.76161 4.77058 7.00263L6.91034 9.23159C7.16015 9.49182 7.57717 9.4735 7.80394 9.19233L11.4279 4.69905C11.638 4.43863 11.6005 4.05452 11.3442 3.84112Z" fill="%23999999" /><text fill="%23999999" x="55%" y="52%" text-anchor="middle" dominant-baseline="middle" style="font-size: 14px;">Secure Download</text></svg>');
  background-repeat: no-repeat;
  line-height: 1.2;
}

@media (min-width: 567px) {
  .header-main {
    padding: 32px 0;
  }

  .picimg {
    display: block;
  }

  .mobileimg {
    display: none;
  }

  article .recommend .media-box img {
    max-width: 170px;
  }
  article .recommend .media-box img:nth-child(1) {
    margin-bottom: 12px;
  }
  article .recommend .media-box img:nth-child(2) {
    margin-bottom: 12px;
  }
  article .recommend .media-box img:nth-child(3) {
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  article .recommend .media-box img {
    max-width: 220px;
  }
}
@media (min-width: 960px) {
  main .container {
    max-width: 920px;
  }
  article .recommend .media-box img {
    max-width: 166px;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  main .container {
    max-width: 960px;
    padding: 0;
  }

  article li {
    font-size: 18px;
  }
  article table ul {
    margin: 0;
  }
  article table li {
    font-size: 14px;
  }

  /* 标题 */
  article .h2-default::before {
    top: 40px;
    border-top: 13px solid transparent;
    border-left: 20px solid #11355f;
    border-bottom: 13px solid transparent;
  }

  article .h2-default {
    padding: 2.5rem 0 2rem 2.5rem;
  }

  /* blockquote */
  article blockquote {
    padding: 0 2rem;
  }

  article blockquote,
  article p {
    font-size: 1.125rem;
    line-height: 1.8;
  }

  article blockquote::before,
  article blockquote::after {
    width: 16px;
    height: 12px;
    background-image: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0921 7.49466C10.0921 5.33096 10.605 3.63701 11.6309 2.41281C12.6709 1.18861 14.1254 0.384342 15.9946 0V2.22064C14.5752 2.66192 13.6195 3.45907 13.1276 4.6121C12.8466 5.2242 12.7341 5.81495 12.7904 6.38434H16.1V12H10.0921V7.49466ZM0.0999756 7.49466C0.0999756 5.35943 0.598878 3.6726 1.59668 2.43416C2.60854 1.19573 4.07714 0.384342 6.00248 0V2.22064C4.56901 2.67616 3.60634 3.45907 3.11447 4.5694C2.8615 5.15302 2.7561 5.75801 2.79826 6.38434H6.10788V12H0.0999756V7.49466Z" fill="%231DCF4F"/></svg>');
  }

  .second-class-h5 ul {
    padding-left: 24px;
  }

  /* Anchor */
  .second-class-h5 {
    padding: 2.5rem;
  }

  /* 产品推荐 */
  article .recommend {
    padding: 2.5rem;
  }

  article .recommend .recommend-top {
    flex-direction: row;
  }

  article .recommend .recommend-top {
    padding-bottom: 3.125rem;
    margin-bottom: 2.5rem;
  }

  .recommend-media {
    margin: 0 24px;
  }

  article .recommend picture {
    max-width: 208px;
  }

  article .recommend .recommend-top {
    justify-content: space-between;
  }

  article .recommend .recommend-top h4 {
    text-align: start;
  }

  article .recommend .recommend-con {
    width: 600px;
  }

  /* 步骤 */
  .step ul.list-num-2 > li::before {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
    line-height: 2.5rem;
    left: -1.25rem;
    top: -0.25rem;
  }

  .step ul.list-num-2 > li {
    padding-left: 2.25rem;
  }

  .step ul > li .btn-mobile-box {
    justify-content: start;
  }

  .step ul.list-step > li {
    padding-left: 6.5625rem;
  }

  .step ul.list-step > li::before {
    width: 80px;
    font-size: 1.25rem;
    padding: 0 0 0 0.5rem;
  }

  ul.list-step > li::after {
    left: 80px;
    border-top: 16px solid transparent;
    border-left: 14px solid #1dcf4f;
    border-bottom: 16px solid transparent;
  }

  /* 表格 */
  .table-1 table,
  .table-2 table {
    width: 100%;
  }

  .table-1 th:first-child,
  .table-2 th:first-child {
    width: 300px;
  }

  .table-1 th,
  .table-2 th {
    font-size: 16px;
    width: 220px;
  }
  table td {
    font-size: 16px;
    padding: 1.25rem;
  }

  .table-1 tr,
  .table-2 tr {
    font-size: 16px;
  }

  /* 提示 */

  article .tips,
  article .warning {
    padding: 2rem 2.5rem;
  }

  article .tips h5,
  article .warning h5 {
    font-size: 20px;
  }

  article .tips p,
  article .warning p {
    font-size: 16px;
  }

  /* 文章推荐链接 */

  .related-article ul li {
    min-width: 448px;
  }

  /* 对比卡片 */
  .contrast {
    flex-direction: row;
  }

  .contrast .advantage {
    width: 47.91667%;
    padding: 3.25rem 2rem 2.5rem 2rem;
  }

  .contrast .disadvance {
    width: 47.91667%;
    margin-top: 0px;
    padding: 3.25rem 2rem 2.5rem 2rem;
  }

  /* .slide-bar */

  .slide-bar {
    display: block;
  }

  article .video-main {
    padding: 20px 24px;
  }

  article .video-main .youtube-video {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 680px;
  }

  article .video-main .btn-group.dev-desktop a img {
    max-width: 240px;
  }

  article .pro-recommed {
    box-shadow: 0px 4px 12px 0px #1d2a511b;
  }

  article .pro-recommed h3 {
    margin-bottom: 10px;
    margin-right: 14px;
  }

  article .pro-recommed .btn-group .dev-desktop {
    margin-bottom: 0;
  }

  #fix-header {
    height: 70px;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: fixed;
    max-height: 0px;
    background: rgb(255, 255, 255);
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.4s;
    z-index: 999;
    border-bottom: 1px solid #eeeeee;
  }

  #fix-header .container {
    max-width: 90%;
  }

  #fix-header .lft {
    font-size: 20px;
  }

  #fix-header .btn-group {
    gap: 24px;
  }
}

@media (min-width: 1280px) {
  h1 {
    font-size: 42px;
  }
  article .h2-default::before {
    top: 46px;
  }

  article .video-main {
    padding: 40px 140px;
  }

  article .video-main .btn-group.dev-desktop a img {
    max-width: 100%;
  }

  article .pro-recommed {
    background: transparent;
    flex-direction: row;
  }

  article .pro-recommed .text {
    flex-direction: row;
    margin-bottom: 10px;
  }

  article .pro-recommed h3 {
    margin-bottom: 0px;
  }

  article .pro-recommed p {
    text-align: start;
  }
}

@media (min-width: 1600px) {
  h1 {
    font-size: 48px;
  }

  main h2 {
    font-size: 36px;
  }

  main h4 {
    font-size: 24px;
  }

  main h5 {
    font-size: 20px;
  }

  #fix-header .lft {
    font-size: 24px;
  }
  #fix-header .container {
    max-width: 80%;
  }
}

/* 图片放大 */
.pop_img {
  cursor: pointer;
}

#pop_bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  transition: .5s all;
}

#pop_tc {
  position: relative;
}

#tc_sphtml {
  min-width: 1000px;
  max-width: 1200px;
  border-radius: 2px;
  overflow: hidden;
  transition: .5s all;

}

#tc_sphtml img {
  width: 100%;
}

#tc_close {
  position: absolute;
  right: -32px;
  top: -32px;
  background: url(../icon-close.html) no-repeat;
  width: 34px;
  height: 34px;
  cursor: pointer
}