@charset"utf-8";
.article {
	font-size: 18px;
	line-height: 1.7
}

.breadcrumb-new {
	font-size: 14px;
	padding: 12px 0;
	border-bottom: 1px solid #ececeb
}

.top-banner {
	background: url("../img/singles/banner-bg.jpg") no-repeat top center;
	padding-bottom: 50px
}

.article h1 {
	font-size: 52px;
	padding: 35px 0 15px
}

.social-box {
	padding: 15px 0
}

.social-box .ava-img {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 15px
}

.social-box .pdf-meta {
	font-size: 14px;
	width: 73%
}

.social-box .view-time {
	width: 20%;
	font-size: 14px
}

.social-box .view-time>div {
	margin: 0 5px
}

.page_right {
	width: 200px;
	font-size: 15px;
	flex: 0 0 200px;
	max-width: 200px;
	margin-top: 12px
}

.page_right .info-cont {
	display: none
}

.page_right .info-cont {
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	z-index: 10
}

#Catalog_box {
	position: relative
}

#Catalog_box li {
	position: relative;
	margin-bottom: 5px;
	list-style: none;
	line-height: 1.3;
	font-size: 15px;
	color: rgba(26, 26, 26, .7);
	cursor: pointer;
	padding: 5px 0
}

#Catalog_box li a {
	color: rgba(26, 26, 26, .7)
}

#Catalog_box li::before {
	content: "";
	position: absolute;
	left: -15px;
	width: 7px;
	height: 25px;
	border-radius: 5px;
	background-color: transparent;
	z-index: 10;
	top: 2px;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out
}

#Catalog_box li.current-catalog,
#Catalog_box li.current-catalog a {
	color: #000;
	display: block
}

#Catalog_box li.current-catalog:before {
	background-color: #000
}

.article .container-art {
	position: relative;
	width: 1360px;
	margin: 25px auto
}

.article .container-art .article-content {
	margin-left: 35px;
	flex: 0 0 900px;
	max-width: 900px
}

.cable-box {
	border-left: 3px solid #333;
	margin-bottom: 25px;
	overflow: hidden;
	padding: 0 15px
}

.cable-link {
	list-style-type: disc;
	padding: 5px 5px 10px 30px;
	margin-bottom: 10px
}

.dot-list {
	padding-left: 30px;
	margin-bottom: 25px
}

.dot-list li {
	list-style-type: disc;
	font-size: 17px;
	line-height: 1.4;
	margin-top: 12px
}

.article h2 {
	font-size: 1.88rem;
	font-weight: 600;
	position: relative;
	margin-bottom: 25px;
	margin-top: 30px;
	line-height: 1.3;
	padding-left: 10px;
	border-left: 6px solid #000
}

.article h3 {
	font-size: 1.55rem;
	margin-bottom: 25px;
	font-weight: 600
}

.article h4 {
	margin-bottom: 15px
}

.article p {
	text-align: justify;
	margin-bottom: 25px
}

.article img {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	display: block
}

.article .align-center,
.article .aligncenter {
	display: block;
	margin: 30px auto
}

.table-border {
	border: 1px solid #dee2e6
}

.table-mobile {
	margin-bottom: 25px
}

.article .table {
	width: 100%;
	margin: 18px auto;
	font-size: 15px;
	line-height: 20px
}

.article .table a {
	color: #006dff
}

.article .table.table-blue th {
	background-color: #0071d1;
	color: #fff
}

.table td,
.table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6
}

.article .table td {
	padding: 15px 12px;
	background-color: #fff;
	text-align: center;
	border-right: 1px solid #dee2e6
}

.article .table.table-left td {
	text-align: left
}

.article .table.table-blue .auto-img,
.article .table.table-blue .img,
.article .table.table-orange .auto-img,
.article .table.table-orange .img {
	width: 26px;
	display: inline-block;
	vertical-align: middle
}

.article .table.table-orange th {
	background-color: #e67a25;
	color: #fff
}

.article .table th,
.article .table tr:nth-child(odd) td {
	background-color: #f7f7f7
}

.article .info-list {
	background-color: #f8f8f8;
	padding: 25px;
	border: 1px solid #dee2e6;
	margin-bottom: 25px
}

.article .info-list>div {
	padding: 5px 0
}

.article .info-list .img {
	padding-right: 10px
}

.article .info-list .img img {
	display: inline-block;
	width: 22px;
	height: auto
}

.last-update {
	border: 2px solid #b9d9eb;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 25px
}

.last-update ul {
	padding: 10px 35px
}

.last-update ul li {
	position: relative;
	margin: 8px 0;
	font-size: 17px;
	padding-left: 15px
}

.last-update ul li::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 6px;
	background-color: #b9d9eb;
	position: absolute;
	left: -8px;
	top: 12px
}

.contrast-box {
	display: flex;
	width: 100%;
	margin: 35px 0 25px
}

.contrast-box .support-div {
	padding-right: 5%;
	flex: 1
}

.contrast-box .oppose-div {
	padding-left: 5%;
	flex: 1
}

.contrast-box .oppose-div ul,
.contrast-box .support-div ul {
	padding-left: 0
}

.contrast-box .oppose-div ul li,
.contrast-box .support-div ul li {
	position: relative;
	padding-left: 50px;
	margin-top: 15px;
	list-style-type: none;
	text-align: initial
}

.contrast-box .support-div ul li::before {
	background: url("../img/icon/com-icon.png") no-repeat;
	background-position: 0 -50px;
	content: '';
	position: absolute;
	width: 30px;
	height: 50px;
	left: 0;
	top: 7px
}

.contrast-box .oppose-div ul li::before {
	background: url("../img/icon/com-icon.png") no-repeat;
	background-position: 0 0;
	content: '';
	position: absolute;
	width: 30px;
	height: 50px;
	left: 0;
	top: 7px
}

.faq-question {
	margin-bottom: 25px
}

.faq-question .item {
	background-color: #f4f4f3;
	padding: 15px 25px;
	margin-top: 15px;
	border-radius: 10px
}

.faq-question .item .tips-info {
	width: 65%
}

.faq-question .item .tips-img {
	width: 30%;
	padding-top: 30px
}

.title-sup {
	margin-bottom: 10px
}

.title-sup img {
	width: 25px;
	height: auto
}

.title-sup a {
	background-color: #006dff;
	color: #fff;
	border-radius: 5px;
	padding: 3px 10px;
	margin-left: 10px
}

.title-sup a:first-child {
	margin-left: 0
}

.right-side-adv {
	width: 190px;
	margin-left: 30px;
	max-width: 190px;
	margin-top: 12px;
	position: sticky;
	top: 70px;
	z-index: 10
}

.right-side-adv .abside {
	position: -webkit-sticky;
	position: sticky;
	top: 70px;
	z-index: 10
}

.right-side-adv .abside .title {
	font-size: 20px;
	font-weight: 600
}

.right-side-adv .abside .item {
	margin-top: 15px
}

.other-info {
	padding: 35px 0
}

.other-info .author-list .item {
	margin: 45px 1% 0;
	background-color: #f3f8ff;
	padding: 15px;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
	overflow: hidden
}

.other-info .item-list .item .ava-img {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 15px
}

.other-info .item-list .item .name {
	font-weight: 600;
	font-size: 18px
}

.other-info .item-list .item .share {
	margin-top: 5px
}

.other-info .item-list .item .share img {
	width: 25px;
	height: auto
}

.other-info .author-list .item .info {
	margin-top: 25px;
	font-size: 14px
}

.other-info .author-list .item a {
	color: #006dff;
	text-decoration: underline
}

.bottom-res {
	margin-top: 30px
}

.bottom-res>div {
	border: 1px solid #ccc;
	padding: 25px;
	border-radius: 10px
}

.bottom-res .img {
	height: 170px;
	overflow: hidden;
	width: 100%
}

.bottom-res .img img {
	max-width: 100%;
	height: auto;
	transform: scale(1.15);
	transform-origin: 0 40px
}

.bottom-res .tit {
	margin-top: 15px
}

.social-box .view-time .share a {
	margin-right: 10px
}

.download-new {
	margin-top: 25px
}

.download-new .btn {
	border-width: 2px;
	border-radius: 4px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
	padding: 15px 30px;
	border-radius: 15px
}

.download-new .item {
	margin-left: 15px
}

.download-new .item:first-child {
	margin-left: 0
}

.download-new .btn .win-icon-s {
	background: url("../img/icon/windows.svg") center center/28px auto no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.download-new .btn .mac-icon-s {
	background: url("../img/icon/ios.svg") center center/28px auto no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.download-new .btn .android-icon-s {
	background: url("../img/icon/android.svg") center center/28px auto no-repeat;
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle
}

.download-new .item .secure-down {
	position: relative;
	display: block;
	width: 100%;
	font-size: 12px;
	text-align: center;
	color: #333;
	line-height: 22px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block
}

.download-new .item .secure-down::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 22px;
	vertical-align: middle;
	margin-right: 2px;
	background: url("../img/icon/secure-down.svg") left 2px/14px auto no-repeat
}

.evaluate-box {
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 70px 10px 15px;
	margin-top: 30px
}

.evaluate-box::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 15;
	width: 45px;
	height: 45px;
	background-image: url("../img/icon/quotes-icon.png");
	background-size: contain
}

.evaluate-box .eva-img,
.evaluate-style .eva-img {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	margin-right: 15px;
	display: block
}

.evaluate-box .eva-img img,
.evaluate-style .eva-img img {
	width: auto;
	object-fit: cover;
	height: 100%
}

.evaluate-box .eva-info .name,
.evaluate-style .eva-info .name {
	font-weight: 600;
	color: #000;
	font-size: 18px
}

.italic-font {
	font-style: italic
}

.evaluate-box .eva-info .italic-font {
	color: #666;
	font-size: 16px
}

.evaluate-style>div {
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	padding: 15px 15px 15px 80px;
	margin: 30px 0;
	border-radius: 4px;
	position: relative
}

.evaluate-style .eva-img {
	position: absolute;
	left: 15px;
	top: 15px
}

.evaluate-style .eva-info {
	color: #666;
	font-size: 16px
}

.evaluate-style .eva-info .mes {
	margin: ;
	: 10px 0
}

.evaluate-style .eva-info .name img {
	width: 20px;
	height: auto;
	vertical-align: middle
}

.line-title-left {
	padding: 10px;
	font-style: italic;
	background: url("../img/tip-icon.webp") 5px 12px no-repeat;
	background-size: 30px 30px;
	padding: 15px 0 15px 52px;
	margin-bottom: 10px
}

@media (max-width: 1399px) {
	.article .container-art {
		width: 96%
	}
	.page_right {
		width: 190px;
		flex: 0 0 190px
	}
	.article .container-art .article-content {
		flex: 0 0 66%;
		max-width: 66%
	}
	.right-side-adv {
		width: 150px
	}
}

@media (max-width: 1280px) {
	.right-side-adv {
		display: none
	}
	.article .container-art .article-content {
		flex: 0 0 76%;
		max-width: 76%
	}
}

@media (max-width: 960px) {
	.table-mobile {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%
	}
	.page_right {
		display: none
	}
	.social-box .pdf-meta {
		width: 60%
	}
	.social-box .view-time {
		width: 100%;
		margin-top: 12px;
	}
	.article .container-art .article-content {
		margin-left: 0;
		flex: 100%;
		max-width: 100%;
		padding: 0 10px;
	}
	.article h1 {
		font-size: 34px
	}
}

@media (max-width:768px) {
	.article h1 {
		font-size: 32px
	}
	.article h2 {
		font-size: 28px
	}
	.article h3{
		font-size: 22px;
	}
	.faq-question .item .tips-img,
	.faq-question .item .tips-info {
		width: 100%
	}
	.bottom-res .img {
		height: auto
	}
	.bottom-res .img img {
		transform: scale(1)
	}
	.bottom-res>div {
		margin-bottom: 15px
	}
	.contrast-box {
		display: block
	}
	.contrast-box .oppose-div,
	.contrast-box .support-div {
		flex: none;
		width: 100%;
		padding-left: 0;
		margin-bottom: 15px
	}
}