@charset "utf-8";
html,body{scroll-behavior:smooth;}
body{color:#666;font-size: 17px!important;line-height: 26px!important;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
ol,ul{list-style:none;}


p a {
    color: #2691fc;
}
p a:hover {
    text-decoration: underline;
}


.details{width:1200px;margin:0 auto;}
h2{font-size: 32px;color: #000;padding: 65px 0 50px;text-align: center;font-weight: bold;}
/* p{font-size:17px;color:#504f4f;line-height:1.4;margin-bottom:15px;} */

h1{color: #000;font-size: 40px;line-height: 1;padding: 10px 0 10px;}
.noise-remover-banner{background: url(../images/background-noise-remover/bg1.jpg) no-repeat center/cover;height: 649px;padding: 60px 0 0;box-sizing: border-box;}
.noise-remover-banner .details{display: flex;justify-content: space-between;gap: 65px;}
.noise-remover-banner .details .banner-pic{width: 540px;flex-shrink: 0;}
.noise-remover-banner .details .banner-pic img{min-width: 584px;}
.noise-remover-banner .t1{color: #4bb0fd;}
.new-down-buy{display:flex;justify-content:center;align-items:flex-start;gap:30px;padding-top: 30px;text-align: center;}
.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;}
.new-down-buy .more-wrap{font-size: 15px;}
.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;}
/* ----------------------- */
.noise-remover-examples{/* height: 90px; */}
.noise-remover-examples .t{font-size: 23px;color: #000;padding-bottom: 20px;}
.noise-remover-examples .details{margin-top: -180px;}
.noise-remover-examples-content{background: #fff;box-shadow: 0px 20px 24px 0px rgba(0, 0, 0, 0.08);border-radius: 10px;padding: 27px 0;}
.audio-wave-list-container{display: flex;align-items: center;justify-content: space-between;padding: 0 40px;}
.audio-wave-btn span{display: inline-block; width: 11px;height: 11px;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;color: #7f7f7f;transform: rotate(45deg);cursor: pointer;}
.audio-wave-right-btn span{transform: rotate(-135deg);}
.audio-type-list {background: rgba(255, 255, 255, .7);width: 1020px;overflow: hidden;}
.audio-type-list ul {display: flex;transition: all 0.2s ease-in-out;}
.audio-type-item {width: 194px;/* display: inline-block; */justify-content: center;align-items: center;font-size: 19px;line-height: 50px;color: #000;cursor: pointer;background: #f7f7f7;border-radius: 9px;margin-right: 10px;flex-shrink: 0;text-align: center;}
.audio-type-item:hover { background: #ffb053; }
.audio-type-item.active {color: #fff;background: #ffb053;}
.audio-wave-controll-content{display: flex;justify-content: center;align-items: center;gap: 20px;padding: 30px 0 20px;}
svg:not(:root) { overflow: hidden; }
.aplayer-icon { width: 15px; height: 15px; border: none; background-color: transparent; outline: none; cursor: pointer; vertical-align: middle; padding: 0; margin: 0; display: none; }
.aplayer-play .aplayer-icon-play {position: absolute;left: 53%;top: 50%;transform: translate(-50%, -50%);height: 30px;width: 30px;display: inline;}
.aplayer-pause .aplayer-icon-pause { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 30px; width: 30px; display: inline; }
.aplayer-button {position: relative;border-radius: 50%;cursor: pointer;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); */background: rgba(255, 255, 255, .15);-webkit-transition: all 0.1s ease;transition: all 0.1s ease;width: 45px;height: 45px;/* top: -40px; */}
.aplayer-button::before {content: '';display: block;border-radius: 50%;background: #ffb053;position: absolute;z-index: 0;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.aplayer-time { font-size: 15px; color: #a1948c; }
.noise-reduction {display: flex;justify-content: center;align-items: center;gap: 10px;font-size: 23px;/* font-weight: 700; */color: #4c4c4c;}

.switch-wrapper {display: inline-block;height: 38px;margin: 0;position: relative;width: 68px;}
.switch-wrapper input { height: 0; opacity: 0; width: 0; } 
.switch-slider {background-color: #cfcfcf;border: 1px solid #cfcfcf;border-radius: 34px;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0;top: 0;transition: .4s;}
.noise-reduction input:checked+.switch-slider:before {left: calc(100% - 32px);}
.noise-reduction input:checked+.switch-slider { background-color: #00d905; border: 1px solid #00d905; } 
.noise-reduction span:last-of-type{color: #b4b4b4;}
.noise-reduction.active span:last-of-type{color: #00d905;}
.noise-reduction.active span:first-of-type{color: #b4b4b4;}
.switch-slider:before {background-color: #ffffff;border-radius: 50%;bottom: 4px;content: "";height: 28px;left: 4px;position: absolute;transition: .4s;width: 28px;}

.audio-wave-pmgressbar {position: relative;/* max-width: 800px; *//* margin: 0 auto; */height: 6px;/* bottom: 20px; */width: 950px;} 
.audio-wave-pmgressbar .aplayer{background: #f2f2f2;position: absolute;left: 0;top: 0;height: 100%;border-radius: 3px;} 
/* .audio-wave-pmgressbar .aplayer-loaded {background: #f2f2f2;position: absolute;left: 0;top: 0;height: 100%;border-radius: 3px;}  */
.audio-wave-pmgressbar .aplayer-played {background: #ffb053;} 
.audio-wave-pmgressbar .aplayer.active {background: #ffb053;} 
.aplayer-loaded { width: 100%; }



/* ----------------------- */
.noise-remover-cases{text-align: center;}
.noise-remover-cases h2{font-size: 32px;color: #000;padding: 65px 0 50px;}
.noise-remover-cases-content{display: flex;gap: 50px;flex-wrap: wrap;justify-content: space-between;}
.noise-remover-cases-content .cases-item{width: 30%;}
.noise-remover-cases-content .cases-item .t{font-size: 20px;font-weight: bold;color: #000;padding: 10px 0;}
.noise-remover-cases-content .cases-item .t-for{font-size: 19px;color: #fca033;}
/* ----------------------- */
.noise-remover-why{padding: 40px 0 0;background: linear-gradient(#fff 80%,#f9f5f1);}
.remover-why-content{display: flex;justify-content: space-between;gap: 50px;align-items: center;}
.why-content-text h3{font-size: 20px;font-weight: bold;color: #333;padding-bottom: 5px;}
.why-content-text h3:nth-of-type(2){padding-top: 20px;}
.why-content-text p{line-height: 1.2;}
.why-conent-pic{width: 50%;flex-shrink: 0;}
.why-conent-pic img{margin-right: -95px;max-width: none;}
.remover-why-content.left {padding-top: 70px;}
.remover-why-content.left .why-conent-pic img{margin-right: auto;margin-left: -95px;}
.why-content-text .btn-down{padding-top: 15px;}
.why-content-text .btn-down a{display:inline-block;background:#179bfd;border-radius:10px;color:#ffffff;font-size:21px;margin-bottom:10px;width:270px;height:60px;line-height:60px;text-align: center;}
.why-content-text .btn-down a:hover{background:#12bcff;}
/* ----------------------- */
.noise-remover-proud{background: url(../images/background-noise-remover/bg2.jpg) no-repeat center bottom/cover;height:365px;padding: 70px 0 0;box-sizing: border-box;}
.remover-proud-content .proud-one{text-align: center;}
.remover-proud-content .proud-one .num{font-size: 56px;color: #ffb053;font-weight: bold;line-height: 1;padding-bottom: 10px;}
.remover-proud-content{display: flex;justify-content: space-evenly;}

/* ----------------------- */
.noise-remover-how{text-align: center;padding: 35px 0 50px 0;background-color: #ffffff;}
.noise-remover-how-content{display: flex;justify-content: space-between;align-items: center;padding: 20px 0 0;gap: 55px;}
.noise-remover-how-content .step-img{width: 746px;position: relative;overflow: hidden;flex-shrink: 0;}
.noise-remover-how-content .step-img .step-box{display: flex;transition: all 0.5s;}
.noise-remover-how-content .step-img img{ border-radius: 20px;}
.noise-remover-how-tex{padding-left: 23px;}
.noise-remover-how-text ul{padding: 20px 0 10px 35px;position: relative;}
.noise-remover-how-text ul::before{content: "";position: absolute;left: 0;height: 85%;border-left: 2px solid #ffb053;}
.noise-remover-how-text ul li{position: relative;cursor: pointer;text-align: left;}
.noise-remover-how-text ul li:nth-child(2){padding: 90px 0;}
.noise-remover-how-text ul li h3{font-size: 25px;color: #000;padding-bottom: 5px;}
.noise-remover-how-text ul li.focus h3,.noise-remover-how-text ul li:hover h3{color: #ffaf40;}
.noise-remover-how-text ul li::before{content: "1";font-size: 30px;display: flex;align-items: center;justify-content: center;background:#fff;width:42px;height: 42px;border: 2px solid currentColor;color:#ffaf40;position: absolute;left: -57px;border-radius: 23px;}
.noise-remover-how-text ul li.focus::before{color: #fff;background-color: #ffaf40;}
.noise-remover-how-text ul li:nth-child(2)::before{content: "2";}
.noise-remover-how-text ul li:nth-child(3)::before{content: "3";}
.noise-remover-how .step-line{text-align: center;}
.noise-remover-how .step-line span{display: inline-block;border-top: 3px solid currentColor;color: #e4e4e4;width: 100px;}
.noise-remover-how .step-line span.focus{color: #fca033;}
/* ----------------------- */
.f-c-faq{padding: 0 0 50px;background-color: #fbfafb;}
.f-c-faq .title-h2{margin-bottom:20px;}
.f-c-faq .f-convert-title{color:inherit;padding-bottom:1em;}
.f-c-faq .qes_one{border-bottom:1px solid #e6e6e6;padding:18px 0 8px;}
.f-c-faq .qes_one .t{font-size:19px;cursor:pointer;padding-bottom:5px;position:relative;color:#393339;}
.f-c-faq .qes_one .t::after{content:'';position:absolute;right:0;width:19px;height:19px;background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px,linear-gradient(currentColor,currentColor) no-repeat center / 3px 100%;color:#4BB0FD;}
.f-c-faq .qes_one .qes_ans{color:#737480;display:none;}
.f-c-faq .qes_one .t.focus::after{background:linear-gradient(currentColor,currentColor) no-repeat center / 100% 3px;}
.f-c-faq .qes_one.focus .qes_ans{display:block;}
.f-c-faq .qes_one p{margin:8px 0;}
.f-c-faq .qes_one ul,.f-c-faq .qes_one ol{margin:8px 0;}
.f-c-faq .qes_one ul li{list-style:disc inside;}
.f-c-faq .qes_one ol li{list-style:decimal inside;}
.f-c-faq a{color:#2691fc;}
/* ----------------------- */
.noise-remover-morethan{background: url(../images/background-noise-remover/bg3.jpg) no-repeat center bottom #fbfafb;margin-bottom: 20px;}
.noise-remover-content{display: flex;justify-content: center;flex-wrap: wrap;padding-bottom: 60px;gap: 70px;}
.noise-remover-content>li {font-size: 17px;color: #1d1d1f;text-align: center;}
.noise-remover-content .img-wrap {height: 68px;}


@media (max-width:1200px){
    .details{width:96%;}
    .hidden-br br{display: none;}
    img{height:auto;}
    /* -------------- */
    .noise-remover-banner{height: auto;padding-bottom: 30px;}
    .noise-remover-banner .details{flex-wrap: wrap;}
    .noise-remover-banner .details .banner-pic{text-align: center;width: 100%;;}
    .noise-remover-banner .details .banner-pic img{min-width: auto;}
    /* -------------- */
    .noise-remover-examples .details{margin-top: 0;padding-top: 20px;}
    .audio-type-list{width: 810px;}
    .audio-wave-pmgressbar{width: 80%;}
    /* -------------- */
    .noise-remover-cases-content{gap: 0;}
    .noise-remover-cases-content .cases-item{width: 32%;}
    /* -------------- */
    .remover-why-content.left{padding-top: 10px;}
    .why-conent-pic img{max-width: 100%;}
    .remover-why-content.left .why-conent-pic img{margin-left: 0;}
    /* -------------- */
    .noise-remover-proud{padding: 0 0 40px;height: auto;}
    /* -------------- */
    .noise-remover-how-content .step-img{width: 60%;}
    .noise-remover-how-text ul li:nth-child(2){padding: 30px 0;}
    /* -------------- */
    .noise-remover-content{gap: 50px;}
}
@media (max-width:979px){
    h1{font-size: 35px;}
    h2{font-size: 29px;}
    
    .audio-type-list{width: 612px;}
    /* -------------- */
    .noise-remover-cases-content{row-gap: 20px;}
    .noise-remover-cases-content .cases-item{width: 49%;}
    /* -------------- */
    .remover-why-content{/* flex-wrap: wrap; */flex-direction: column-reverse;}
    .remover-why-content.left{flex-wrap: wrap;flex-direction: column;}
    .why-conent-pic{width: 100%;}
    /* -------------- */
    .noise-remover-how-content{flex-wrap: wrap;}
    .noise-remover-how-content .step-img{width: 100%;}
    .noise-remover-how-text{margin: 0 auto; width: 90%;}
	.noise-remover-how-text ul li{font-size: 1.1875rem;}
    /* -------------- */
    .noise-remover-content{gap: 0;justify-content: space-between;}


}
@media (max-width:767px){
    .new-down-buy{flex-wrap: wrap;justify-content: center;}
    /* -------------- */
    .audio-wave-list-container{padding: 0 20px;}
    .audio-type-list{width: 612px;}
    /* -------------- */
    .noise-remover-cases-content .cases-item{width: 100%;}
    /* -------------- */
    .why-content-text .btn-down{text-align: center;}
    /* -------------- */
    .noise-remover-how {padding: 30px 0;}
    .noise-remover-how-text ul::before{height: 75%;}
    /* -------------- */
    .remover-proud-content .proud-one .num{font-size: 45px;}
    /* -------------- */
    .noise-remover-content>li {width: 120px;}
    /* -------------- */
    .noise-remover-content{justify-content: center;gap: 20px;}

}
@media (max-width:479px){
    h1{font-size: 33px;}
    h2{font-size: 27px;}

    .new-down-buy{flex-wrap:wrap;gap:10px;}
    .lang-container{display:none !important;}
    /* -------------- */
    .audio-wave-list-container{padding:0 10px;}
    .audio-type-list{width: 300px;}
    .audio-type-item{width: 140px;}
    .audio-wave-controll-content{gap: 10px;}
    /* -------------- */
    .why-content-text .btn-down{text-align: center;}
    /* -------------- */
    .remover-proud-content .proud-one .num{font-size: 35px;}
    /* -------------- */
    .noise-remover-how-text ul li h3{font-size: 21px;}
    /* -------------- */
    .noise-remover-content{justify-content: center;gap: 15px;}
}



.noise-remover-banner .details {
    position: relative;
}
.noise-remover-banner .noise-language {
	font-size: 15px;
	color: #51535b;
	display: flex;
	align-items: center;
    position: absolute;
    right: 0;
    top: -40px;
    border: 1px solid #7f7f7f;
}

.noise-remover-banner .noise-language p {
	padding: 0;
	margin: 0;
}

.noise-remover-banner .noise-language .noise-flag {
	font-size: 15px;
	display: flex;
	flex-direction:column-reverse;
	width: 110px;
	height: 30px;
	position: relative;
}

.noise-remover-banner .noise-language .noise-flag em {
	font-style: normal;
	color: #7f8086;
	display: block;
	padding: 3px 5px;
	text-align: center;
	padding: 3px 25px;
	position: relative;
	cursor: pointer;
}

.noise-remover-banner .noise-language .noise-flag em::before {
	content: '';
	background: url(../../img/language-icon.png) no-repeat;
	width: 26px;
	height: 17px;
	left: 5px;
	top: 7px;
	position: absolute;
}

.noise-remover-banner .noise-language .noise-flag em::after {
	content: '';
	background: url(../../img/mian-foot-iocn202202.png) no-repeat ;
	width: 17px;
	height: 9px;
	right: 2px;
	top: 11px;
	position: absolute;
}

.noise-remover-banner .noise-language .noise-flages {
	position: absolute;
    top: 30px;
    left: 0px;
    width: 110px;
    position: absolute;
    background: #fff;
    border: 1px dashed #797979;
    border-radius: 5px;
}

.noise-remover-banner .noise-language .noise-flages ul {
	width:110px;
}

.noise-remover-banner .noise-language .noise-flages ul li {
	display: block;
	padding: 3px 5px;
	text-align: center;
}

.noise-remover-banner .noise-language .noise-flages ul a {
	text-decoration: none;
	color: #767f86;
	transition: all .3s;
}

.noise-remover-banner .noise-language .noise-flages ul a:hover {
	text-decoration: none;
	display: block;
	color: #fff;
	background: #767f86;
	border-radius: 5px;
}