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;
	right: -26px;
	top: 3px;
	transform: rotate(180deg);
}

article ul{
	padding-right:0;
}

/* Anchor */

.second-class-h5 {
	padding: 2.5rem 2.5rem 2.5rem 1rem;
	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 1.375rem 1.5rem 0;
	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;
	right: 0;
	border-top: 8px solid transparent;
	border-right: 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-left: 24px;
}

.btn-mobile-box>*:first-child {
	margin-left: 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-right: 0.75rem;
	padding-left: 0;
}

.step ul.list-num-2>li {
	position: relative;
	padding-right: 1.25rem;
}

.step ul.list-num-2>li:not(:last-child) {
	margin-bottom: 0;
	padding-bottom: 2.5rem;
	border-right: 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;
	right: -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-right: 4.5rem;
	padding-bottom: 2.5rem;
	margin: 0;
}

.step ul.list-step>li::before {
	content: 'Step 'counter(li);
	counter-increment: li;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #1DCF4F;
	color: #FFFFFF;
	width: 54px;
	padding: 3px  6px 3px 0;
	font-size: 0.8125rem;
	line-height: 1.6;
}

ul.list-step>li::after {
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	right: 54px;
	border-top: 13px solid transparent;
	border-right: 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: .8125rem;
	line-height: 1.375rem;
	position: relative;
}

article .tips::before {
	border-bottom: 1.875rem solid transparent;
}


article .tips::before,
article .warning::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	border-left: 1.875rem solid transparent;
}


article .tips::after,
article .warning::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	border-top: 1.875rem solid #FFFFFF;
	border-right: 1.875rem solid #FCC12B;
}

article .tips h5,
article .warning h5 {
	position: relative;
	margin: 0 0 1rem 0;
	color: #11355F;
	padding-right: 38px;
	font-weight: 700;
	line-height: 29px;
	font-size: 16px;
}

article .tips h5::before {
	content: '';
	position: absolute;
	right: 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: .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: .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-right: 10px;
}

.hot::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 4px solid #00AB11;
	border-bottom: 3px solid transparent;
	right: -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: 224px;
	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 .btn svg{
	margin-left: 8px;
	margin-right: 0 !important;
  }
  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: 80px 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;
		transform: rotate(180deg);
	}

	article .h2-default {
		padding: 2.5rem 2.5rem 2rem  0;
	}


	/* 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;
		right: -1.25rem;
		top: -0.25rem;
	}

	.step ul.list-num-2>li {
		padding-right: 2.25rem;
	}

	.step ul.list-step>li {
		padding-right: 6.5625rem;
	}

	.step ul.list-step>li::before {
		width: 80px;
		font-size: 1.25rem;
		padding: 0 0.5rem 0 0 ;
	}

	ul.list-step>li::after {
		right: 80px;
		border-top: 16px solid transparent;
		border-right: 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-left: 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: end;
	  }
}

@media (min-width:1280px) {
	h1 {
		font-size: 42px;
	}
	article .h2-default::before {
		top: 46px;
	}
}

@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%;
	  }
}
