@charset "utf-8";
html, body {scroll-behavior: smooth;}
body{color:#504f4f; min-width:1200px;}
a{color:inherit; text-decoration:none;}
img{max-width:100%;}
ol, ul{list-style:none;}
.details{width:1200px; margin: 0 auto;}

/* ````````````````````````````		common	````````````````````````````````````````` */
p {
	font-size: 17px;
	color: #504f4f;
	line-height: 1.4;
	margin-bottom: 15px;
}
.main01 .details {position: relative;}
.lang-container {width: 120px;height: 30px;font-size: 15px;color: #333;position: absolute;top: -40px;right: 0;cursor: pointer;z-index: 10;}
.show-lang {display: flex;justify-content: center;align-items: center;height: 30px;border: 1px solid #999;border-radius: 3px;width: 105px;transition: all 0.2s;padding-right: 15px;}
.show-lang img {margin-right: 5px;}
.show-lang::after {opacity: 1;content: "";width: 10px;height: 10px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;transform: rotate(45deg) translate(-50%, -50%);position: absolute;top: 50%;right: 8px;margin-left: -5px;z-index: 2;transition: all 0.2s;}
.show-lang:hover,.show-lang.on-active {background-color: #fff;}
.show-lang.on-active {border-radius: 3px 3px 0 0;border-bottom: none;}
.lang-list {display: none;width: 100%;position: absolute;top: 100%;left: 0;padding-top: 10px;border: 1px solid #999;border-top: none;border-radius: 0 0 3px 3px;background-color: #fff;}
.lang-list a {border-bottom: 1px solid #999;text-align: center;display: block;height: 30px; color: #888888;text-decoration: none;}
.lang-list a:last-child {border-bottom: none;}
.lang-list a:hover {background-color: #43a7ff;color: #fff;}
.crumbs {
	text-align: left;
	position: absolute;
	top: -30px;
}
.crumbs a {
	color: #30a6ec;
}
.crumbs a:hover {
	text-decoration: underline;
}
.title-h1 {
	font-size: 37px;
	font-weight: 700;
	color: #000000;
	line-height: 1.5;
	margin-bottom: 15px;
}
.title-h1 span {
	color: #ffb053;
}


.download-button {
	margin-bottom: 30px;
}
.download-button .button-wrap {
	margin-bottom: 10px;
}
.download-button .button-wrap a {
	display: inline-block;
	padding: 20px 25px;
	background: #179bfd;
	border-radius: 10px;
	color: #ffffff;
	font-size: 19px;
}
.download-button .button-wrap a:hover {
	background: #12BCFF;
}
.download-button .win-plat .button-wrap a img {
	vertical-align: text-bottom;
	margin-left: 20px;
}
.download-button .mac-plat .button-wrap a img {
	vertical-align: text-top;
	margin-left: 20px;
}
.more-wrap a {
	font-size: 15px;
	line-height: 1.5;
}
.more-wrap a:hover {
	text-decoration: underline;
}
.mark-wrap {
	color:#666;line-height: 19px;
}
.mark-content {display: inline-block;vertical-align: middle;margin-left: 5px;width: 18px;height: 18px;background: url(../../images/buy-new/mark-icon.png) no-repeat;position: relative;}
.mark-info {display: none;width: 250px;padding: 5px 10px;background-color: #fff;border: 1px solid #dedfe3;border-radius: 10px;font-size: 12px;line-height: 16px;color: #595959;position: absolute;top: -90px;right: -20px;text-align: justify;}
.mark-info::after {content: "";width: 12px;height: 12px;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: rotate(45deg);position: absolute;bottom: -7px;right: 22px;}
.mark-content:hover .mark-info {display: block;}
.ytbpopup-container {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 100;}
.ytbpopup-content {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ytbpopup-content::before {content: "";display: block;padding-bottom: 56.25%;}
.ytbpopup-content>iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.cancel-ytbpopup {font-size: 30px;color: #fff;position: absolute;top: -30px;right: -30px;cursor: pointer;}

.new-down-buy {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 30px;
}
.new-down-buy .down-button a.new-down {
	display: inline-block;
	background: #179bfd;
	border-radius: 10px;
	color: #ffffff;
	font-size: 21px;
	margin-bottom: 10px;
	width: 270px;
	height: 60px;
	line-height: 60px;
}
.new-down-buy .down-button a.new-down:hover {
	background: #12bcff;
}
.new-down-buy .buy-button a.new-buy:hover {
	background: #ffc21b;
}
.new-down-buy .buy-button a.new-buy {
	display: inline-block;
	background: #fca033;
	border-radius: 10px;
	color: #ffffff;
	font-size: 21px;
	margin-bottom: 10px;
	width: 270px;
	height: 60px;
	line-height: 60px;
}
.new-down-buy a img {
	margin-left: 20px;
	vertical-align: text-bottom;
}
@media (max-width: 479px) { 
	.new-down-buy {flex-wrap: wrap;gap: 10px;}
	.lang-container {display: none !important;}
}

.title-h2 {
	font-size: 35px;
	font-weight: 700;
	color: #000000;
	line-height: 1.5;
	margin-bottom: 10px;
}
.title-h2 span {
	position: relative;
	display: inline-block;
	z-index: 0;
}
.title-h2 span::after {
	content: '';
	background: #ffb053;
	position: absolute;
	bottom: 10px;
	left: -6px;
	right: -6px;
	height: 10px;
	z-index: -1;
}
.suhead {
	font-size: 25px;
	color: #262626;
	line-height: 1.5;
	margin-bottom: 10px;
}











/* ````````````````````````````		side-nav	````````````````````````````````````````` */
.side-nav {
	position: sticky;
	top: 0;
	width: 250px;
	height: 0;
	left: calc(50% - 900px);
}
.side-nav .wrap {
	padding-top: 70px;
}
.side-nav .side-title {
	font-size: 17px;
	margin-bottom: 20px;
	color: #1c1c1c;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding: 0 10px;
}
.side-nav .side-title i {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px solid #060606;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
}
.side-nav .side-title i::before {
	display: inline-block;
	content: '';
	width: 6px;
	height: 6px;
	border: 1.5px solid #060606;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, 0) rotate(45deg);
	border-bottom: none;
	border-right: none;
}
.side-nav .side-title i.on-off {
	transform: rotate(180deg);
}
.side-nav .nav-list {
	font-size: 15px;
	line-height: 1.4;
	color: #1c1c1c;
}
.side-nav .nav-list li a {
	width: 100%;
	display: flex;
	align-items: center;
	border-top: 1px solid #e5e5e5;
	position: relative;
	height: 50px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	white-space: nowrap;
}
.side-nav .nav-list li a span {
	flex: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.side-nav .nav-list li:first-of-type a {
	border-top: 1px solid transparent;
}
.side-nav .nav-list li a::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #b7bbc2;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 10px;
}

.side-nav .nav-list li.focus a {
	color: #ffffff;
	border-top-color: transparent;
}
.side-nav .nav-list li.focus a::before {
	background: #ffffff;
}
.side-nav .nav-list li.focus a::after {
	content: '';
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: #ffffff;
	border-left-width: 8px;
	border-right-width: 0;
}
.side-nav .nav-list li.focus a {
	width: 100%;
	border-radius: 25px;
	background: #fdc96e;
}
.side-nav .nav-list li.focus + li a {
	border-top-color: transparent;
}


/* ````````````````````````````		mian01	````````````````````````````````````````` */
.main01 {
	text-align: center;
	background: url("../images/feature-ai-frame-interpolation/main01-bg.jpg") no-repeat #fcfaf6;
	background-size: 100% auto;
	padding: 50px 0;
	position: relative;
}
.mian01-feature .list-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 25px;
	margin-top: -15px;
}
.mian01-feature .list-wrap .item-list {
	position: relative;
}
.mian01-feature .list-wrap .item-list img {
	position: relative;
	z-index: 1;
}
.mian01-feature .list-wrap .item-list .href-name {
	position: relative;
	z-index: 1;
	padding: 25px 0;
	font-size: 19px;
}
.mian01-feature .list-wrap a:hover .href-name {
	text-decoration: underline;
}
.mian01-feature .list-wrap .active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background-color: #ffe3b4;
	height: 135px;
	border-radius: 10px;
	bottom: 0;
	z-index: 0;
}
.mian01-feature .icons-feature {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1d1d1f;
	font-size: 15px;
	margin-bottom: 77px;
}
.mian01-feature .icons-feature a {
	display: block;
	margin: 0 25px;
}
.mian01-feature .icons-feature a img {
	transition: all 0.2s;
}
.mian01-feature .icons-feature a:hover img {
	transform: scale(1.2);
}
.mian01-feature .icons-feature .specialz {
	color: #fb9e2e;
	font-size: 17px;
	position: relative;
	top: -10px;
	z-index: 0;
	margin: 0 25px;
}
.mian01-feature .icons-feature .specialz .specialz-wrap {
	background-color: #fcfbf7;
	padding: 10px 23px 5px;
	border: 2px solid #fb9c29;
	border-radius: 10px;
}
.mian01-feature .icons-feature .specialz img{position:relative;left:-3px;}
.mian01-feature .icons-feature .specialz::after{content:'';display:inline-block;width:763px;height:96px;background:url("../images/feature-ai-super-resolution/branch-line.png") no-repeat center;position:absolute;left:50%;bottom:-75px;transform:translateX(-50%);z-index:-1;}
.mian01-feature .icons-feature img{margin-bottom:5px;}
/* ````````````````````````````		mian02	````````````````````````````````````````` */
.main02 {
	text-align: center;
	background: url("../images/feature-ai-frame-interpolation/main02-bg.jpg") no-repeat bottom #ffffff;
	background-size: 100% auto;
	padding-top: 50px;
	min-height: 452px;
}
.mian02-list {
	padding-top: 30px;
	position: relative;
}
.mian02-list ul {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	color: #ffffff;
}
.mian02-list .title-item {
	color: #ffca4a;
	font-size: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid rgba(255, 234, 180, 0.8);
	white-space: nowrap;
}
.mian02-list .content-item {
	color: #ffffff;
	font-size: 15px;
	line-height: 1.4;
	padding: 30px;
	background: linear-gradient(to bottom, rgba(241, 202, 141, 0.5), rgba(255, 0, 0, 0));
}
.mian02-list ul .item:nth-of-type(even) .content-item {
	background: linear-gradient(to bottom, rgba(203, 195, 183, 0.7), rgba(255, 0, 0, 0));
}
.mian02-list ul .item .content-item:hover {
	background: linear-gradient(to bottom, rgba(239, 202, 129, 0.8), rgba(255, 0, 0, 0));
}

.mian02-list .play-button {
	width: 102px;
	height: 102px;
	position: absolute;
	left: 50%;
	top: 40%;
	cursor: pointer;
	transform: translate(-50%, -50%);
}
.mian02-list .play-button i {
	display: inline-block;
	width: 102px;
	height: 102px;
	background: url("../images/feature-ai-stabilization/icon-play.png") no-repeat center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.mian02-list .play-button::before,.mian02-list .play-button::after {content: "";width: 100%;height: 100%;border-radius: 50%;background-color: rgba(255,255,255,0.5);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);animation: wave 2.3s linear infinite;}
.mian02-list .play-button::after {animation-delay: 0.8s;}
@keyframes wave {0% {width: 100%;height: 100%;opacity: 1;}99.9% {width: 180px;height: 180px;opacity: 0.1;}100% {width: 100%;height: 100%;opacity: 1;}}




/* ````````````````````````````		main03	````````````````````````````````````````` */
.main03 {
	text-align: center;
	background: #ffffff;
	padding: 50px 0 30px;
}
.main03-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 30px;
	margin-bottom: 45px;
}
.main03-flex .flex-content {
	flex: 1;
	padding-right: 40px;
}
.main03-flex .flex-content p {
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
	color: #1d1d1f;
}
.main03-flex .flex-content ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-top: 30px;
	font-size: 13px;
}
.main03-flex .flex-media {
	width: 780px;
	height: 440px;
}
.main03-flex .flex-media iframe {
	width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
	border-radius: 15px;
	background: url("../images/feature-ai-frame-interpolation/main03-cover.png") center;
	background-size: cover;
}
.main03-flex .flex-media video {
	width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
	border-radius: 15px;
}

/* ````````````````````````````		main04	````````````````````````````````````````` */
.main04 {
	text-align: center;
	background: #fbfafb;
	padding: 50px 0;
}
.main04-media {
	padding-top: 30px;
	margin-bottom: 50px;
}
.main04-media .bg-parent {
	width: 90%;
	margin: 0 auto;
}
.main04-media .bg-parent video {
	margin: 0px; border: 0px; padding: 0px; width: 100%; height: 100%; object-position: center top; object-fit: cover;
	border-radius: 30px;
}
.main04-list {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.main04-list .item {
	width: 300px;
}
.main04-list .icon-box {
	height: 55px;
	line-height: 55px;
	margin-bottom: 20px;
}
.main04-list h4 {
	font-size: 23px;
	line-height: 1.4;
	color: #262626;
	margin-bottom: 20px;
}
.main04-list p {
	font-size: 15px;
}
/* ````````````````````````````		main05	````````````````````````````````````````` */
.main05 {
	text-align: center;
	background: #fbfafb;
	padding: 50px 0;
	border-top: 10px solid #ffffff;
}
.main05-media {
	padding-top: 20px;
}
.shade-control {
	display: flex;
	justify-content: space-between;
	height: 340px;
	margin-bottom: 30px;
	margin-top: -200px;
	z-index: 10;
	position: relative;
}
.item-control:nth-of-type(1), .item-control:nth-of-type(5) {
	align-self: flex-start;
}
.item-control:nth-of-type(2), .item-control:nth-of-type(4) {
	align-self: center;
}
.item-control:nth-of-type(3) {
	align-self: flex-end;
}
.frame-pic {
	margin-bottom: 15px;
	/* cursor: pointer; */
	border: 5px solid transparent;
	
}
.frame-pic img {
	border: 3px solid transparent;
	border-radius: 50%;
}
.active .frame-pic {
	border-color: #ffffff;
	border-radius: 50%;
	box-shadow: rgba(255,189,74, 0.3) 0px 8px 16px, rgba(255,189,74, 0.3) 0px 8px 16px, rgba(255,189,74, 0.3) 0px 8px 16px;
}
.active .frame-pic img {
	border-color: #ffbd4a;
}
.frame-des {
	font-size: 17px;
	line-height: 1.5;
}
.clip-media {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.clip-media::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 0;
	content: '';
	background: radial-gradient(ellipse 80% 100% at 50% top, transparent 0, transparent 99%, #fbfafb 20px) -50%;
}
.clip-media video {
	margin: 0px; border: 0px; padding: 0px; width: 100%; height: 100%; object-position: center top; object-fit: cover;
}
.clip-media .bg-parent {
	width: 90%;
	margin: 0 auto;
}
/* ````````````````````````````		main06	````````````````````````````````````````` */
.main06 {
	text-align: center;
	background: #fbfafb;
	padding: 50px 0;
	border-top: 10px solid #ffffff;
}
.main06-content {
	width: 1900px;
    box-sizing: border-box;
    margin: 30px auto 0;
    background: url("../images/feature-ai-frame-interpolation/main06-bg.png") no-repeat 310px top;
}
.main06 .flex-content {
	display: flex;
	justify-content: flex-start;
	min-height: 540px;
	align-items: flex-end;
	padding: 0 30px;
}
.main06 .flex-content strong {
	display: block;
	font-size: 47px;
	line-height: 1.5;
	color: #3a3632;
	font-weight: 400;
}
.main06 .flex-content span {
	display: block;
	font-size: 17px;
	color: #ffa94c;
}
.level0-content {
    width: 145px;
    margin-left: 53px;
    padding-bottom: 8px;
}

.level1-content {
    width: 230px;
    margin-left: 85px;
    padding-bottom: 30px;
}

.level2-content {
    width: 248px;
    margin-left: 65px;
    padding-bottom: 45px;
}

.level3-content {
    width: 314px;
	padding-bottom: 80px;
}
.tab-content {
	margin-bottom: 30px;
}
.tab-tag {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-top: 1px solid #dbd6ce;
	padding: 30px 0;
}
.tab-tag .item-tag {
	font-size: 19px;
	line-height: 1.5;
	padding-bottom: 10px;
	cursor: pointer;
}
.tab-tag .item-tag.active {
	border-bottom: 3px solid #ffbd4a;
	font-weight: 700;
}
.tab-p p {
	display: none;
}
.tab-p p.active {
	display: block;
}
/* ````````````````````````````		main07	````````````````````````````````````````` */
.main07 {
	text-align: center;
	background: #f7f6f5;
	padding: 50px 0;
	border-top: 10px solid #ffffff;
}
.main07-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main07-flex .tab-list {
	flex: 1;
	padding-right: 60px;
}
.main07-flex .item-tab {
	padding: 5px;
	border-top: 1px solid #e5e5e5;
}
.main07-flex .item-tab:first-of-type {
	border-top: 1px solid transparent;
}
.main07-flex .item-tab p {
	display: none;
	font-size: 15px;
	line-height: 1.4;
	text-align: justify;
	padding-left: 10px;
}
.main07-flex .item-tab.active p {
	display: block;
}
.main07-flex .item-tab h3 {
	font-size: 17px;
	height: 70px;
	line-height: 70px;
	text-align: left;
	cursor: pointer;
}
.main07-flex .item-tab.active h3 {
	background: linear-gradient(to right, #fdc96e, rgba(255, 255, 255, 0));
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	margin: 15px 0;
}
.main07-flex .item-tab .img-box {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background-color: #ffffff;
	border-radius: 5px;
	margin-left: 30px;
	margin-right: 20px;
	text-align: center;
}
.main07-flex .item-tab .img-box img {
	filter: brightness(0);
}
.main07-flex .item-tab.active .img-box img {
	filter: brightness(1);
}
/* ````````````````````````````		main08	````````````````````````````````````````` */
.main08 {
	text-align: center;
	background: #fbfafb;
	padding: 50px 0;
	border-top: 10px solid #ffffff;
}
.main08-list {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	text-align: left;
	margin: 50px 0;
}
.main08-list .item {
	width: 370px;
}
.main08-list .text {
	padding: 20px 30px;
	background-color: #ffffff;
	box-sizing: border-box;
}
.main08-list .text span {
	font-size: 21px;
	line-height: 1.4;
	color: #ff9638;
}
.main08-list h4 {
	font-size: 27px;
	line-height: 1.4;
	color: #1d1d1f;
	font-weight: 700;
	margin-bottom: 10px;
}
.main08-list p {
	font-size: 15px;
	line-height: 1.4;
	color: #202020;
}
/* ````````````````````````````		main09	````````````````````````````````````````` */
.main09 {
	text-align: center;
	background: #ffffff;
	padding: 50px 0;
}
.main09-flex {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-bottom: 70px;
}
.main09-flex .flex-content {
	flex-basis: 420px;
	text-align: left;
}
.main09-flex .href-seo {
	border-top: 1px solid #dcdcdc;
	padding: 20px 0;
}
.main09-flex .href-seo:first-of-type {
	border-top: none;
}
.main09-flex .href-seo a {
	color: #1d1d1f;
}
.main09-flex .href-seo a:hover {
	color: #ffaf30;
}
.main09-flex .href-seo a span {
	margin-left: 10px;
}
.main09-flex .href-seo a:hover span {
	text-decoration: underline;
}
.main09-media {
	width: 600px;
	height: 340px;
}
.main09-media iframe {
	width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
	border-radius: 15px;
	background: url("../images/feature-ai-frame-interpolation/main09-cover.png") center;
	background-size: cover;
}

.appraise {
	border-top: 1px solid #dbdbdb;
	padding-top: 50px;
}
.table-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 30px 0;
}
.vs-table-box {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.list-appraise {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
	z-index: 0;
}
.list-appraise .item-appraise p {
	flex: 1;
	padding-left: 30px;
	text-align: left;
	margin-bottom: 0;
}
.item-appraise {
	height: 100%;
	flex: 0 0 100%;
	width: 100%;
	z-index: -1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.appraise-arrow  {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	transform: translateY(-50%);
	cursor: pointer;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
}
.table-btn-left {
	left: 0;
	top: 50%;
}
.table-btn-right {
	right: 0;
	top: 50%;
}
.table-btn-right::before {
    content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	transform: translate(-50%, -50%) rotate(45deg);
	position: absolute;
	right: 20%;
	top: 50%;
	border: 2px solid transparent;
	border-right-color: #b4b4b4;
	border-top-color: #b4b4b4;
}
.table-btn-left::before {
    content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	transform: translate(-50%, -50%) rotate(45deg);
	position: absolute;
	left: 60%;
	top: 50%;
	border: 2px solid transparent;
	border-left-color: #b4b4b4;
	border-bottom-color: #b4b4b4;
}

/* ````````````````````````````		main10	````````````````````````````````````````` */
.main10 {
	background: url("../images/feature-ai-frame-interpolation/main10-bg.jpg") no-repeat center #b1e1e2;
	background-size: cover;
	padding: 40px 0;
}
.main10-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main10-flex .flex-content {
	flex: 1;
	padding-left: 50px;
}
.main10-flex h3 {
	font-size: 37px;
	font-weight: 700;
	line-height: 1.5;
	color: #1f1f1f;
}
.main10-flex h3 span {
	color: #ff9e2c;
}
.main10-flex .suhead{
	color: #179bfd;
	font-size: 23px;
	line-height: 1.5;
	margin-bottom: 15px;
	white-space: nowrap;
}
.main10-down {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 25px;
	padding-top: 10px;
}
.main10-down .down-wrap a {
	display: block;
	background: #179bfd;
	color: #ffffff;
	font-size: 21px;
	line-height: 1.4;
	padding: 10px 30px;
	border-radius: 5px;
}
.main10-down .down-wrap a:hover {
	background: #12bcff;
}
.main10-down .down-wrap img {
	margin-right: 10px;
	vertical-align: text-top;
}
.main10-down .more-wrap a {
	display: inline-block;
	color: #ffffff;
	border: 1px solid #ffffff;
	font-size: 21px;
	line-height: 1.3;
	padding: 10px 30px;
	border-radius: 5px;
}
.main10-down .more-wrap a:hover {
	color: #179BFD;
	border: 1px solid #179BFD;
	background: #ffffff;
	text-decoration: none;
}



@media (max-width: 1700px) {
	.side-nav {display: none;}
	.main06-content {width: 100%;background-position-x: calc(50% + 135px);}
}

@media (max-width: 979px) {
	body{min-width:100%;}
	.details{width:96%;}
	img{height:auto;}


	.mian02-list ul {zoom: 0.8;}
	.mian02-list .title-item {font-size: 1.1875rem;}

	.title-h1 {font-size: 1.6875rem;}
	p {font-size: .9375rem;}
	.title-h2 {font-size: 1.4375rem;}
	.suhead {font-size: 1.1875rem;}

	.main03-flex {flex-wrap: wrap;justify-content: space-around;}
	.main03-flex .flex-content {width: 100%;flex: auto;margin-bottom: 30px;}
	.main03-flex .flex-content ul {justify-content: space-around;}
	.main04-list h4 {font-size: 1.1875rem;}
	.main06 .flex-content {padding: 0;}
	.main06 .flex-content strong {font-size: 35px;}
	.main06 .flex-content span {white-space: nowrap;}
	.tab-tag .item-tag {font-size: 1.0625rem;}
	.main07-flex {flex-wrap: wrap;}
	.main07-flex .tab-list {padding: 0;margin-bottom: 30px;width: 100%;flex: a;}
	.main08-list p {display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;}
	.main08-list h4 {font-size: 1.5625rem;}
	.main09-flex {flex-wrap: wrap;}
	.main09-flex .flex-content {flex-basis: auto;margin-bottom: 20px;}
	.main10-flex {flex-wrap: wrap;justify-content: space-around;}
	.main10-flex h3 {font-size: 1.6875rem;}
	.main10-flex .suhead {font-size: 1.1875rem;white-space: wrap;}
	.main10-flex .flex-content {padding: 30px 0 0;text-align: center;}
	.main10-down {justify-content: center;}


	.vs-table-box {width: calc(100% - 100px);}
	.vs-table-box {height: auto;}
}

@media (max-width: 767px) {
	.main03-flex .flex-media {height: auto;width: 100%;max-width: 570px;}
	.main09-media {height: auto;width: 100%;max-width: 600px;}
	.mian02-list ul {zoom: 0.5;}
	.mian02-list .content-item {padding: 10px;}
	.frame-des {display: none;}
	.shade-control {margin-top: 0;height: auto;}
	.clip-media .bg-parent {width: 100%;}
	.frame-pic {border: none;}
	.shade-control {gap: 5px;}
	.main06 .flex-content {zoom: 0.5;min-height: auto;padding-top: 800px;}
	.list-appraise .item-appraise {flex-wrap: wrap;}
	.list-appraise .item-appraise p {padding: 10px;}
	.mian01-feature .icons-feature {zoom: 0.8;}
}

@media (max-width: 479px) {
	p {font-size: .875rem}
	.down-button .down-wrap a {font-size: 17px;padding: 15px 20px;}

	.title-h1 {font-size: 1.3125rem;}
	.title-h2 {font-size: 1.1875rem;}
	.mian02-list ul {display: none;}
	.suhead {font-size: 1.0625rem;}
	.title-h2 span::after {bottom: 5px;}
	.main03-flex .flex-content ul li {margin: 20px;}
	.mian01-feature .list-wrap .item-list .href-name {font-size: .9375rem;}
	.main03-flex .flex-media {height: auto;width: 100%;}
	.main04-media .bg-parent {width: 100%;}
	.main04-list {flex-wrap: wrap;}
	.tab-tag {flex-wrap: wrap;}
	.tab-tag .item-tag {width: 100%;}
	.main08-list {flex-wrap: wrap;}
	.main09-media {height: auto;width: 100%;}
	.table-btn-left, .table-btn-right {margin: 0 10px;}
	.main10-down {flex-wrap: wrap;}
	.main03-flex .flex-content p {text-align: center;}
	.main10-flex .suhead {font-size: .9375rem;}
	.main10-flex h3 {font-size: 1.1875rem;}
	.main03,.main04,.main05,.main06,.main07,.main08,.main09,.main10 {padding: 20px 0;}
	.tab-tag .item-tag {margin-bottom: 15px;}
	.main08-list .text span {font-size: 1.0625rem;}
	.main08-list h4 {font-size: 1.1875rem;}
	.mian01-feature .icons-feature {zoom: 0.45;}
	.mian02-list .play-button {display: none;}
}



.width-transition {
    aspect-ratio: 1200 / 256;
    gap: 8px;
}
.width-transition .item {
    display: block;
    text-decoration: none;
    width: 107px;
    overflow: hidden;
    position: relative;
    transition: 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    border-radius: 10px;
}
.width-transition .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    transition: 0.8s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.width-transition .item.active {
    width: 647px;
    opacity: 1;
}
.stack-title {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 1;
    font-size: 17px;
    line-height: 1.4;
    display: none;
    color: #ffffff;
}
.stack-title a {
    color: #ffffff;
}
.stack-title.title-black a {
    color: #504f4f;
}
.stack-title a::before {
    content: '';
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #ffffff;
    border-left-width: 8px;
}
.stack-title.title-black a::before {
    border-left-color: #504f4f;
}
.stack-title a:hover {
    text-decoration: underline;
}
.width-transition .item.active .stack-title {
    display: block;
}

.flex-wrap {
    flex-wrap: wrap !important;
}
.justify-content-center {
    justify-content: center !important;
}
.d-flex {
    display: flex !important;
}
@media (min-width: 1200px) {
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 1200px) {
    .width-transition { aspect-ratio: auto;}
    .width-transition .item { width: 33% !important; }
    .width-transition .item img { position: static; }
    .stack-title {display: block!important;}
}
@media (max-width: 576px) {
    .width-transition .item { width: 100% !important;}
}


#stack-swiper {overflow-x: hidden;}
#stack-swiper .swiper-wrapper .swiper-slide { width: auto; height: 270px !important;}
.stack-swiper-module { display: flex; align-items: center;}
.stack-swiper-module :is(.swiper-button-prev, .swiper-button-next) { width: 3rem; height: 3rem; background: none; margin: 0; }
.stack-swiper-module :is(.swiper-button-prev, .swiper-button-next) svg { width: 3rem; height: 3rem; }
.stack-swiper-module :is(.swiper-button-prev, .swiper-button-next) path:nth-child(1) { opacity: 0.8; }
.stack-swiper-module :is(.swiper-button-prev, .swiper-button-next):hover path:nth-child(1) { fill: #565656; }
.mian01-feature .icons-feature .specialz::after {display: none !important;}
.mian01-feature .icons-feature {margin-bottom: 30px !important;}
.stack-desc {position: absolute;top: 15px;left: 15px;z-index: 1;font-size: 17px;line-height: 1.4;color: #ffffff;}
.stack-desc::before {content: '';display: inline-block;border: 5px solid transparent;border-left-color: #ffffff;border-left-width: 8px;}
#stack-swiper .swiper-wrapper .swiper-slide a:hover .stack-desc {text-decoration: underline;}
.main01 {padding-bottom: 10px;}
@media (max-width: 455px) {#stack-swiper .swiper-wrapper .swiper-slide { width: 100% !important; height: auto !important; max-width: 455px !important;}}