@charset "utf-8";
/* CSS Document */
.top{
	background: #07152f url("/images/bg/mac-product-bg.jpg") no-repeat center center;
	background-size: cover;
}
.top .main {
	padding-top: 100px;
	color: #ffffff;
}
.top .main h1 {margin-bottom: 40px;}
.top .main h2 {
	margin-bottom: 30px;
	font-size: 36px;
	font-weight: 400;
	color: rgba(255, 255, 255, .8);
	}
.top .main h3 {
	margin: 0 0 10px;
	font-size: 24px;
	}
@media (max-width: 991px) {
	.top {min-height: 590px;}
	.top .main h2, .top .main h3 {font-size: 1.25rem;}
	}
/*speed*/
.speed {
	padding: 100px 0 80px;
	background: #eff2f9;
	}
.speed .module-titles {margin-bottom: 80px;}
/*speed-end*/
/*step*/
.step .usage-ico {
	width: 122px;
	height: 122px;
	padding-top: 30px;
	margin: 20px auto 40px;
	-webkit-border-radius: 61px;-moz-border-radius: 61px;border-radius: 61px;
	border: 1px #cccccc solid;
	}
.step .reboot {padding-top: 24px;}
.step .usage-ico .icon-install, .step .usage-ico .icon-connect, .step .usage-ico .icon-done {font-size: 60px;}
.step .usage-ico .icon-reboot{font-size: 70px;}
.step .usage-ico .icon-install {color: #f48d8d;}
.step .usage-ico .icon-connect, .step .usage-ico .icon-reboot {color: #3eb1ff;}
.step .usage-ico .icon-done {color: #5cc889;}
/*step-end*/
/*os*/
.os {
	padding: 90px 0;
	text-align: center;
	background: #f5f5f5;
	}
.os .module-titles {margin-bottom: 80px;}
.os h4 {
	font-weight: normal;
	color: #666666;
	}
/*os-end*/
/*edition*/
.edition {padding: 90px 0;}
.edition-mobile {display: none;}
.edition .info {padding-top: 60px;text-align: right;}
.edition .info h1 {
	font-size: 30px;
	font-weight: bold;
	color: #4c4c4c;
	}
.edition .info h2 {
	margin-bottom: 105px;
	font-size: 16px;
	color: #525252;
	}
.edition .info .option li {
	margin-bottom: 24px;
	font-size: 14px;
	text-align: right;
	color: #333333;
	}
.edition .item {
	text-align: center;
	}
.edition .item .edition-info {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: #f5f5f5;
	}
.edition .item .edition-info .mark {
	height: 24px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 24px;
	background: #e0e0e0;
	}
.edition .item .edition-info .icon-logo {
	display: inline-block;
	margin-bottom: 10px;
	width: 52px;
	height: 52px;
	background: url("/images/icon/ntfs-pro.png");
	background-image: -webkit-image-set(url("/images/icon/ntfs-pro.png") 1x, url("/images/icon/ntfs-pro@2x.png") 2x);
	}
.edition .item .edition-info .name {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	}
.edition .item .edition-info .icon-star {
	margin-right: 2px;
	font-size: 12px;
	color: #ffc501;
	}
.edition .item ul li {
	height: 36px;
	margin-bottom: 10px;
	line-height: 34px;
	background: #f5f5f5;
	}
.edition .item ul li .icon-star {
	margin-right: 2px;
	font-size: 14px;
	color: #4dbf32;
	}
.edition .item ul li .half { color: rgba(77, 191, 50, .3);}
.edition .item ul li .icon-yes {
	font-size: 18px;
	color: #4dbf32;
	}
.edition .item ul li .icon-no {color: #a3a3a3;}
.edition .home .edition-info .icon-logo {
	background: url("/images/icon/ntfs-home.png");
	background-image: -webkit-image-set(url("/images/icon/ntfs-home.png") 1x, url("/images/icon/ntfs-home@2x.png") 2x);
	}
.edition .item .buy {
	margin: 0 auto;
	width: 160px;
	height: 40px;
	background: #ff9600;
	}
.edition .item .buy a {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	text-decoration: none;
	color: #ffffff;
	}
.edition .item .buy a:hover {
	background: #ffae00;
	}
@media (max-width: 767px) {
	.edition {display: none;}
	.edition-mobile {display: block;}
	}
.edition-mobile .item ul {text-align: left;}
.edition-mobile .item ul li {padding-left: 12px;}
.edition-mobile .item ul li span {
	display: inline-block;
	width: 142px;
	font-size: 14px;
	}
.edition-mobile .item ul li .icon-star, .edition-mobile .item ul li .icon-yes, .edition-mobile .item ul li .icon-no {
	display: inline;
	font-size: 12px;
	}
@media (max-width: 575px) {
	.edition-mobile .item ul li span {width: 180px;}
	}
/*edition-end*/
/*faq*/
.faq {
	padding: 50px 0;
}
.faq .card {
	margin-bottom: 1rem;
	border: none;
	border-bottom: 0.0625rem #cccccc solid;
	border-radius: 0;
	background-color: transparent;
}
.faq .card .card-header {
	padding: 0;
	border-bottom: none;
	background-color: transparent;
}
.faq .card .card-header a:hover {
	text-decoration: none;
}
.faq .card .card-header .faq-titles {
	display: block;
	padding: 0;
	margin-bottom: 1.125rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333333;
	outline: none;
}
.faq .card .card-header .faq-titles::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "-";
}
.faq .card .card-header .faq-titles[aria-expanded="true"]::after {
	content: "|";
}
.faq .card .card-body {
	position: relative;
	padding: 0 0 0 2.1875rem;
}
.faq .card .card-body ul li {
	margin-bottom: 0.375rem;
}
.faq .q, .faq .a {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.625rem;
	border-radius: 0.25rem;
	color: #ffffff;
	font-size: 1.125rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5rem;
	text-indent: 0;
	background-color: #168eff;
}
.faq .a {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #0ed160;
}
/*faq-end*/

.spec ul li {
    list-style: disc;
}
.spec ul li {
    margin-top: 0;
    margin-bottom: 6px;
}
.spec ul li:first-child {
    margin-top: 20px;
}

.spec-ntfs ul li {list-style: none;}

/*trait*/
.trait{
	padding-top: 80px;
	padding-bottom: 90px;
	background: #ffffff;
}
.trait1{
	margin-top: 0;
}
.trait .items{
	padding: 0 80px;
}
.trait .items .img01, .trait .items .img02, .trait .items .img03, .trait .items .img04, .trait .items .img05, .trait .items .img06{
	display: inline-block;
	margin-bottom: 30px;
}
.trait .items .img01{
	width: 53px;
	height: 58px;
	background: url("/images/icon.png") no-repeat -533px -70px;
}
.trait .items .img02{
	width: 56px;
	height: 56px;
	background: url("/images/icon.png") no-repeat -479px -128px;
}
.trait .items .img03{
	width: 69px;
	height: 49px;
	background: url("/images/icon.png") no-repeat -420px -55px;
}
.trait .items .img04{
	width: 44px;
	height: 54px;
	background: url("/images/icon.png") no-repeat -489px -70px;
}
.trait .items .img05{
	width: 52px;
	height: 52px;
	background: url("/images/icon.png") no-repeat -427px -104px;
}
.trait .items .img06{
	width: 48px;
	height: 48px;
	background: url("/images/icon.png") no-repeat -427px -156px;
}
.trait .items h4{
	margin: 0 0 15px;
	font-size: 22px;

	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.trait .items h4 a{
	color: #4c4c4c;
}
.trait .items p{
	font-size: 1rem;
	color: #666666;
}
@media (max-width: 1199px) {
	.trait .items {padding: 0 40px;}
}
@media (max-width: 991px) {
	.trait .items {padding: 0 15px;}
	.trait .items h4 {font-size: 20px;}
	.trait .items p {font-size: .875rem;}
}
@media (max-width: 767px) {
	.trait .items h4 {font-size: 18px;}
}
@media (max-width: 575px) {
	.trait {text-align: center;}
	.trait .items {margin-bottom: 26px;}
	.trait .items .img01, .trait .items .img02, .trait .items .img03, .trait .items .img04, .trait .items .img05, .trait .items .img06{margin-bottom: 10px;}
}
/*trait-end*/
/*discuss*/
.discuss {
	padding-bottom: 5.625rem;
}
.discuss #discussCarousel {
	min-height: 15.875rem;
	padding: 3.75rem 1.25rem 2.5rem;
	border-radius: 1.25rem;
	-webkit-box-shadow: 0 .125rem .625rem 0 #d5e5ff;
	-moz-box-shadow: 0 .125rem .625rem 0 #d5e5ff;
	box-shadow: 0 .125rem .625rem 0 #d5e5ff;
}
.discuss #discussCarousel .editor-logo img {
	max-width: 100%;
}
.discuss #discussCarousel .tits {
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.875rem;
}
.discuss #discussCarousel .name {
	margin-bottom: 2.25rem;
}
.discuss .icon-arrows-right, .discuss .icon-arrows-left {
	font-size: 1.625rem;
	color: #0098ff;
}
.discuss .carousel-control-next {
	right: -6.875rem;
	opacity: 1;
}
.discuss .carousel-control-prev {
	left: -6.875rem;
	opacity: 1;
}
@media (max-width: 1422px) {
	.discuss #discussCarousel {
		min-height: 218px;
		padding-top: 40px;
		padding-bottom: 20px;
	}
}
@media (max-width: 1199px) {
	.discuss #discussCarousel .name {
		margin-bottom: 1.375rem;
	}
}
@media (max-width: 991px) {
	.discuss #discussCarousel {
		min-height: 242px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.discuss .carousel-control-next {
		right: -3.75rem;
	}
	.discuss .carousel-control-prev {
		left: -3.75rem;
	}
}
@media (max-width: 767px) {
	.discuss #discussCarousel {
		min-height: 350px;
	}
	.discuss .carousel-control-next {
		right: 0;
	}
	.discuss .carousel-control-prev {
		left: 0;
	}
}
/*discuss-end*/
/*review*/
.reviews {padding-bottom: 70px; padding-top: 70px;}
.reviews .container{
	max-width: 1130px;
}
.rating-data-num{
	display: inline-block;
}
.rating-data-num p{
	font-size: 13px; font-weight: 500;
}
.rating-data-num p b{
	font-size: 60px; font-weight: 600;
}
.rating-data-num p sub{
	font-weight: 400; margin-left: 96px; bottom: 0; font-size: inherit;
}
.rating-data-prog{
	display: inline-block; margin-left: 20px;
}
.rating-data-prog div{
	height: 12px; margin-top: 1px;
}
.rating-data-prog p{
	margin-bottom: 0; line-height: 12px; display: inline-block; vertical-align: middle;
}
.rating-data-prog .stars{
	font-size: 10px; color: #8e8e93; width: 62px; height: 12px; text-align: right; transform: scale(0.84);
}
.rating-data-prog .bar{
	width: 260px; height: 3px; margin-left: 8px; background-color: #efeff4; position: relative; border-radius: 4px;
}
.rating-data-prog .bar:before{
	content: ""; position: absolute; left: 0; top: 0; height: 100%; background-color: #636366; border-radius: 4px;
}
.rating-data-prog .bar5:before{width: 97%;}
.rating-data-prog .bar4:before{width: 0%;}
.rating-data-prog .bar3:before{width: 0%;}
.rating-data-prog .bar2:before{width: 0%;}
.rating-data-prog .bar1:before{width: 2%;}
.rating-items{
	display: inline-block; vertical-align: top; width: 30%; min-width: 300px; margin: 1%; padding: 13px 16px 16px; background-color: #fff; border-radius: 6px; font-size: 13px;
}
.rating-items .icon-star{font-size: 22px; color: #ff9500;}
.rating-items p{ margin-bottom: .6rem;}
.rating-items p:last-child{
	min-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}

@media (max-width:567px){
	.rating-data{margin-left: 0!important; }
	.rating-data-prog .bar{width: 180px;}
	.rating-data-num p sub{margin-left: 46px;}
}
/*review-end*/
.titles {
	margin-bottom: 50px;
	text-align: center;
}
.titles h2 {
	margin-bottom: 20px;
	font-size: 2.25rem;
	color: #4c4c4c;
}
.titles p {
	max-width: 700px;
	margin: 0 auto;
	font-size: 18px;
	color: #666;
}