/**/
body{overflow-x: hidden;}
.fs20{ font-size: 20px;}
.fv-balck-btn{ display: inline-block; background: #000; color: #fff!important; font-size: 16px; border-radius: 8px; padding: 16px 80px 16px 60px; position: relative; }
.fv-balck-btn::after{ content: '\e659'; font-family: fs; position: absolute; font-size: 24px; margin: -6px 0 0 10px; transition: .3s linear;}
.fv-balck-btn:hover{ color: #fff;}
.fv-balck-btn:hover::after{margin: -6px 0 0 18px; }
/**/
.fvpd0{ padding: 0!important;}
.fvpd10{ padding: 10!important;}
.fvpt10{padding: 10px 0 10px 0;}
.fvmg0{margin: 0!important;}
.why-block-top10{margin: 10px 0 0 0;}
.why-block-bottom10{margin: 0 0 10px 0;}
.red0{border: 1px #f00 solid; overflow: hidden;}
.blue0{border: 1px #0055ff solid;}
.border-radius-20{ border-radius: 20px;}

.banner-block{ text-align: center;}
.banner-block b{ display: inline-block;  color: #333; font-size: 24px;}
.fv-banner-bg{ background: url(../images/tfv-banner-bg.webp) no-repeat top center; background-size: cover; overflow: hidden;}
.banner-title{ font-size: 62px; font-weight: 600; position: relative;}
.banner-title span{display: inline-block; background: linear-gradient(90deg,#5AFDC4 0,#02A09C 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.banner-btn-block{ display: flex; justify-content: center;}
.banner-btn-block a{ margin: 0 15px;}
.banner-dl-btn{ display: inline-block; border-radius:60px; background-image: linear-gradient(to right, #5AFDC4 0%, #02A09C 51%, #5AFDC4 100%);  font-size: 24px; color: #000; font-weight: 600; box-shadow: 0 4px 8px rgb(0, 0, 0,0.1); position: relative; top: 0; transition: 0.3s; background-size: 200% auto; width: 360px; height: 80px; display: flex; align-items: center; justify-content: center;}
.banner-dl-btn span{ display: inline-block; position: relative; padding:0 8px 0 0;}
.banner-dl-btn:hover{ color: #000; box-shadow: 0 4px 16px rgb(0, 0, 0,0.3); top: -3px; background-position: right center; text-decoration: none;}


.banner-dl-btn2{ display: inline-block; border-radius:60px;  font-size: 24px; color: #1F1F1F; font-weight: 600; position: relative; top: 0; transition: 0.3s; background-size: 200% auto; width: 360px; height: 80px; display: flex; align-items: center; justify-content: center; border: 2px #1F1F1F solid;}
.banner-dl-btn2 span{ display: inline-block; position: relative; padding:0 8px 0 0;}
.banner-dl-btn2:hover{ color: #000;  top: -3px; background-position: right center; text-decoration: none;}


.banner-float-main{ position: relative; pointer-events: none; transform: translateY(-100%);}
.banner-float1{ position: absolute;  top: 10%; left: -12%; animation: top-bottom-move 3s ease-in-out infinite alternate; pointer-events: none;}
.banner-float2{ position: absolute;  top: 0%; right: -12%; animation: top-bottom-move 4s ease-in-out infinite alternate; pointer-events: none;}
.banner-float3{ position: absolute;  top: 50%; right: -12%; animation: top-bottom-move 3s ease-in-out infinite alternate; pointer-events: none;}
.banner-float4{ position: absolute;  top: -10%; left: -12%; animation: top-bottom-move 4s ease-in-out infinite alternate; pointer-events: none;}


@keyframes top-bottom-move {
    from {transform:translate(0,0) }
    to {transform:translate(0,20px)}
}

.banner-voice-photo{ position: relative;}
.banner-audio{ border: 2px #5CFFC4 solid; background: #3D5161; position: absolute; border-radius: 16px; height: 100px; bottom: 0; border: 4px #5CFFC4 solid; width: 860px;  bottom:20px; left: 50%; transform: translate(-50%); display: flex; align-items: center; justify-content: center; padding: 0 16px;}
.banner-audio-btn{ width: 80px; height: 80px; background: url(../images/tfv-audio-bg.svg) no-repeat; display: flex; justify-content: center; align-items: center;}
.banner-wave{ width: calc(100% - 80px);}
.banner-audio-btn .voice-play{ background:#5CFFC4 url(../images/tfv-audio-play.svg) no-repeat center;  width: 52px; height: 52px; border-radius: 100px; border: 0;}
.banner-audio-btn .voice-play:hover{background:#77ffb7 url(../images/tfv-audio-play.svg) no-repeat center;}
.banner-audio-btn .voice-pause{background:#5CFFC4 url(../images/tfv-audio-pause.svg) no-repeat center;}
.banner-audio-btn .voice-pause:hover{background:#77ffb7 url(../images/tfv-audio-pause.svg) no-repeat center;}

.scroll-container{overflow:hidden;  margin:10px auto; border: 1px #fff solid;}
.scroll-content{display:flex;animation:scroll 50s linear infinite; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);}
.scroll-content img{margin:0 40px; height: 52px;}
@keyframes scroll{
	0%{ transform:translateX(0) }
	100%{ transform:translateX(-1600px) }
}

.why-block1{ background: #EAFDFA url(../images/tfv-fea1.webp) no-repeat bottom center; border-radius: 16px; padding: 50px 0 0 0; text-align: center; height: 100%;}
.why-block1 b{display: block; font-size: 60px;  background: linear-gradient(90deg,#5AFDC4 0,#02A09C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0; margin: 0; line-height: 60px;}
.why-block1 span{ display: block; font-size: 28px; font-weight: 600; padding: 0; }

.why-block2{background: #EAFDFA url(../images/tfv-fea2.webp) no-repeat center; border-radius: 16px; padding:90px 0 0 0; text-align: center; min-height: 212px;}
.why-block2 b{display: block; font-size: 60px;  background: linear-gradient(90deg,#5AFDC4 0,#02A09C 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0; margin: 0;  line-height: 60px;}
.why-block2 span{display: block; font-size: 28px; font-weight: 600; padding: 0; }

.why-block3{background: #EAFDFA url(../images/tfv-fea3.webp) no-repeat center; border-radius: 16px; padding:0; text-align: center; min-height: 212px; display: flex; align-items: center;}
.why-block3 b{display: block; font-size: 28px; text-align: left; width: 160px; margin: 0 0 0 40px;}

.why-block4{background: #EAFDFA url(../images/tfv-fea4.webp) no-repeat center; border-radius: 16px; padding:0; text-align: center; min-height: 212px;}
.why-block4 b{display: block; font-size: 20px; text-align: center; padding: 16px 0 0 0;}

.why-block5{background: #EAFDFA url(../images/tfv-fea5.webp) no-repeat center; border-radius: 16px; padding:0; text-align: center; min-height: 212px;}
.why-block5 b{display: block; font-size: 20px; text-align: center; padding: 16px 40px 0 40px;}

.why-block6{background: #EAFDFA url(../images/tfv-fea6.webp) no-repeat center; border-radius: 16px; padding:0; text-align: center; min-height: 212px;}
.why-block6 b{display: block; font-size: 20px; text-align: center; padding: 16px 0 0 0;}

/*Favorite Block Stytle*/
.fav-bg{ background: #F5FAFA;}
.fav-wrapper{ border: 1px #000 solid;}
.wrapper-block{ width: 100%; height: 600px; background: #0055ff; border-radius: 16px; position: sticky; position: -webkit-sticky; top: 0; z-index: 1;}

.part-sticky {position: relative;z-index: 3;overflow: visible; background-color: #50E3C2; padding-top: calc(128vh * (10 / 96)); padding-bottom: calc(96vh * (10 / 96));}
.part-sticky.sticky {display: block;margin-top: 0px;}
.sticky-wrapper{position: relative; overflow: visible; padding-top: calc(128vh * (10 / 96));  margin: 0 auto; max-width: 1920px;}
.sticky-content-slide {position: -webkit-sticky; position: sticky; bottom: 96px; overflow: hidden; height: 740px; border-radius: 16px;}

.sticky-content-slide.slide-1 {bottom: calc(168vh * (10 / 96)); z-index: 3; margin-top: calc(-128vh * (10 / 96)); margin-bottom: calc(108vh * (10 / 96)); background: linear-gradient(90deg,#5AFDC4 0,#02A09C 100%); box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);}

.sticky-content-slide.slide-2 {bottom: calc(108vh * (10 / 96));z-index: 2;margin-top: calc(-68vh * (10 / 96));margin-bottom: calc(48vh * (10 / 96));background: linear-gradient(90deg,#C5C7FF 0,#494FE8 100%);box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);}

.sticky-content-slide.slide-3 {bottom: calc(48vh * (10 / 96));z-index: 1;margin-top: 0; background: linear-gradient(90deg,#BCE6FE 0,#3067D0 100%);}

.fav-block-main{ padding:0 0 20px 0; margin: 0 30px;}
.fav-block{height: 100%; padding:0;}
.fav-block-left{ padding: 40px 60px 160px 60px; height: 100%;}
.fav-title{ display: flex; align-items: center; padding: 0 20px 0 80px;}
.fav-title h3{ font-size: 54px;}
.fav-title p{ padding: 10px 0;}
.fav-block-header{ display: flex; padding: 0 60px;}
.fav-block-header p{ width: 50%; margin: 0; padding: 0;}
.fav-block-header p b{ display: block;  opacity: 0.6; font-size: 20px;}
.fav-block-header p:nth-child(2){ text-align: right;}
.fav-block-header p button{ text-align: right; color: #fff; background: none; border: none; opacity: 0.8;}
.fav-block-header p button:hover{opacity: 1;}
.fav-block1-item{ overflow: hidden; background: rgb(255, 255, 2555,0.2); border-radius: 38px; position: relative; padding: 10px; margin: 10px 0;}
.fav-block1-item .fav-voice-item{border: 10px rgb(255, 255, 2555,0.5) solid; border-radius: 38px; overflow: hidden; position: relative;}
.fav-block1-item div img{ width: 100%; height: auto;}
.fav-block1-item .btn-item{ position: absolute; display: flex; background: rgb(0, 0, 0,0.5); width: 100%;  bottom: 0; padding:10px 16px; align-items: center;}
.fav-block1-item .btn-item p{ padding: 0; margin: 0;}
.fav-block1-item .btn-item p:nth-child(1){ width: 80%; color: #fff;}
.fav-block1-item .btn-item p:nth-child(1) b{ display: block; font-size: 20px;}
.fav-block1-item .btn-item p:nth-child(1) span{ display: block; opacity: 0.8;}
.fav-block1-item .btn-item p:nth-child(2){ width: 20%; }
.fav-block1-item .btn-item p:nth-child(2) button{ border: 0; background: rgb(255, 255, 2555,0.4) url(../images/tfv-voice-play.svg) no-repeat center; border-radius: 30px; width: 42px; height: 42px; text-align: center; padding: 10px;}
.fav-block1-item .btn-item .fv-pause{background: rgb(255, 255, 2555,0.4) url(../images/tfv-voice-pause.svg) no-repeat center!important;}

.fav-block2-item{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.fav-block2-play{ width: 802px; height: 552px; background:url(../images/fav-block2.webp) no-repeat center; position: relative;}
.fav-block2-voice{ display: flex; align-items: center; position: absolute; bottom: 16%; right: 17%; width:360px; height: 48px;}
.fav-block2-voice-btn{ width: 48px; height: 48px; background: #353676; border-radius: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.fav-block2-voice-btn .voice-play{ width: 32px; height: 32px; background: url(../images/tfv-voice-play.svg) no-repeat center; border: 0;}
.fav-block2-voice-btn .voice-pause{ width: 32px; height: 32px; background: url(../images/tfv-voice-pause.svg) no-repeat center; border: 0;}
.fav-block2-voice-wava{ width: calc(100% - 48px); padding: 0 8px;}


.fav-block3-item{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.fav-block3-play{ width: 802px; height: 552px; background:url(../images/fav-block3.webp) no-repeat center; position: relative;}
.fav-block3-voice{ display: flex; align-items: center; position: absolute; bottom: 20%; left: 12%; width:240px; height: 48px;}
.fav-block3-voice-btn{ width: 48px; height: 48px; background: #353676; border-radius: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.fav-block3-voice-btn .voice-play{ width: 32px; height: 32px; background: url(../images/tfv-voice-play.svg) no-repeat center; border: 0;}
.fav-block3-voice-btn .voice-pause{ width: 32px; height: 32px; background: url(../images/tfv-voice-pause.svg) no-repeat center; border: 0;}
.fav-block3-voice-wava{ width: calc(100% - 48px); padding: 0 8px;}

.fav-block4-voice{ display: flex; align-items: center; position: absolute; bottom: 26%; right: 12%; width:240px; height: 48px;}
.fav-block4-voice-btn{ width: 48px; height: 48px; background: #353676; border-radius: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.fav-block4-voice-btn .voice-play{ width: 32px; height: 32px; background: url(../images/tfv-voice-play.svg) no-repeat center; border: 0;}
.fav-block4-voice-btn .voice-pause{ width: 32px; height: 32px; background: url(../images/tfv-voice-pause.svg) no-repeat center; border: 0;}
.fav-block4-voice-wava{ width: calc(100% - 48px); padding: 0 8px;}

.fv-tool-nav{ padding: 30px 0; margin: 0;}
.fv-tool-nav ul{list-style: none; display: flex; margin: 0; padding: 0;}
.fv-tool-nav ul li{ text-align: center; padding: 16px; border: 2px #C5E9E7 solid; border-radius: 16px; margin:8px 20px; cursor: pointer; background: #fff; position: relative;  top:0;  transition: .3s linear;}
.fv-tool-nav ul li b{ display: block;}
.fv-tool-nav ul li:hover{border: 2px #30D0B0 solid; box-shadow: 0 4px 8px rgb(40, 208, 176,0.2); top: -8px;}
.fv-tool-nav .sel{border: 2px #30D0B0 solid; box-shadow: 0 4px 8px rgb(40, 208, 176,0.2); position: relative; top: -8px;}
.fv-tool-block{height: 450px; overflow: hidden; border-radius: 16px;}
.swiper { width: 100%;height: 100%;}
.swiper-slide { background: #D6FBF6; display: flex; justify-content: center; align-items: center;  border-radius: 16px;}
.fv-tool-item{ align-items: center; display: flex; height: 100%;}
.fv-tool-title{padding: 0 30px 0 0;}
.fv-tool-title h3{ font-size: 28px;}
.fv-tool-title p a{ color: #10a388;}
.fv-tool-title p a:hover{ text-decoration: underline;}
.swiper-pagination-bullet-active{ background: #50E3C2!important;}
.swiper-pagination-bullet{ width: 18px!important; height: 18px!important;}

.fv-way-bg{ background: url(../images/tfv-way-bg.webp) no-repeat center; background-size: cover; overflow:hidden;}
.fv-way-header{ text-align: center;}

.fv-way-item{ text-align: center; padding: 10px; margin: 0 10px;}
.fv-way-item p { padding: 4px 0; margin: 0;}
.fv-way-item p img{ border-radius: 8px;}
.fv-way-item p b{ display: block; font-size: 28px; padding: 16px 0 0 0;}
.fv-way-item p span{ font-size: 16px;}
.fv-way-item p a{ color: #13BE9F;}
.fv-way-item p a:hover{ text-decoration: underline;}

.way-mian {padding: 0;}
.way-mian .swiper-slide{ background: none;}
.way-button{ position: relative;  width: 280px; height: 60px; margin: 0 auto;}
.way-button div{ background: #d3ffe7; border-radius: 30px; padding: 0 60px;}
.way-button .swiper-button-next::after, .swiper-button-prev::after{ width: 24px!important; font-size: 24px!important; color: #30D0B0; font-weight: 600;}

/*User*/
.fv-user-bor{position: relative; overflow: hidden; height:600px;}
.fv-user-mian{ display: flex; justify-content: center; align-items: center; height:600px; position: absolute; transition: .9s linear; width: 100%;}
.user-container .user1{ background:#21384D url(../images/tfv-user2.webp) no-repeat center -5px;}
.user-container .user2{ background:#21384D url(../images/tfv-user1.webp) no-repeat center -5px;}
.user-container .user3{ background:#21384D url(../images/tfv-user3.webp) no-repeat center -5px;}
.user-container .user4{ background:#21384D url(../images/tfv-user4.webp) no-repeat center -5px;}
.user-container .user5{ background:#21384D url(../images/tfv-user6.webp) no-repeat center -5px;}
.fv-user-blcok{ width: 20%; max-width: 342px; height: 342px; overflow: hidden; border-radius: 16px; position: relative; cursor: pointer; transition: height .3s linear; margin:0 20px; }
.fv-user-blcok:hover{transition-duration: 200ms; box-shadow: 0 5px 20px 5px #00000044;}
.fv-user-text{ width: 100%; height: 60px; position: absolute; bottom: 0; background: linear-gradient(360deg,#21384D 0,rgb(33,56,77,0) 100%); color: #fff; text-align: center; padding: 0 16px; transition: height .5s linear;}
.fv-user-text div b{ font-size: 24px;}
.fv-user-text section {display: none;}
.fv-user-text section span{ font-size: 14px; opacity: 0.8;}
.fv-user-text section a{ color: #30D0B0; font-weight: 500; position: relative;}
.fv-user-text section a::after{content: '\e659'; font-family: fs; position: absolute; transform:translateX(4px);  transition: .3s linear;}
.fv-user-text section a:hover::after{transform:translateX(8px);}
.textshow { height: auto; padding: 0 16px 16px 16px;}
.textshow section{ display: block!important; }
.fv-user-mian .show{width: 40%; height: 542px!important; }

/**/
.case-main{ max-width: 2060px; margin: 0 auto;}
.user-container {
  display: flex;
  position: relative;
}
.card {
  height: 480px;
  flex: 1;
  transition: 0.3s;
  cursor: pointer;
  margin: 20px;
  border-radius: 16px;
  overflow: hidden;
}
.card:hover {
  flex: 3;
}
.card:hover .case-name{opacity: 0;}
.card:hover .case-block{bottom: 0px;}
.case-name{ position: absolute; bottom: 20px; text-align: center; width: 100%; transition: .1s linear; opacity: 1;}
.case-name b{ font-size: 32px; color: #fff; font-weight: bold;}
.case-block{ width:680px; text-align: center; margin: 0 auto;  padding: 20px; color: #fff; transition: .2s linear; position: absolute; bottom: -155px; left: 50%; transform: translate(-50%); }
.case-block p b{font-size: 32px;}
/**/

.fav-us-voice{ display: flex; align-items: center; width:100%; height: 48px; padding:0; }
.fav-us-voice-btn{ width: 48px; height: 48px; background: #fff; border-radius: 30px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.fav-us-voice-btn .voice-play{ width: 32px; height: 32px; background: url(../images/tfv-voice-play2.svg) no-repeat center; border: 0;}
.fav-us-voice-btn .voice-pause{ width: 32px; height: 32px; background: url(../images/tfv-voice-pause2.svg) no-repeat center; border: 0;}
.fav-us-voice-wava{ width: calc(100% - 48px); padding: 0 8px;}

.fv-trusteds-item{ text-align: center;}
.fv-trusteds-item p{ padding: 0; margin: 0;}
.fv-trusteds-item p b{ font-size: 32px; color: #13BE9F;}
.fv-trusteds-item p span{ font-size: 18px; font-weight: 600;}

.user-pd{ padding-left:0!important; padding-right:0!important; margin: 0!important;}
.user-main{ height:auto; padding: 0; margin: 60px 0 0 0;}
.user-main .swiper {padding: 30px 0;}
.user-main .swiper-wrapper{ padding: 10px 0;}
.user-main .swiper-slide{ padding:6.25rem; height: 400px; background:linear-gradient(120deg,#F5FFFB 0,#E7FAFF); box-shadow: 0 2px 8px rgb(14, 118, 111,0.2);}
.user-main .swiper-pagination-bullet{ width: 18px!important; height: 18px!important;}
.user-main .swiper-pagination{ top: 280px!important; margin: 180px 0 0 0!important;}

.slidenav{top: 0; padding: 8px 0; margin: 0 auto; width: 100%; position: fixed; z-index: 100; display: none; background: #fff;     box-shadow: 0 2px 6px rgb(0 0 0 / 10%);}
.selnav{ background: #fff; position:fixed!important; box-shadow:0 2px 6px rgb(0, 0, 0,0.1); display: block!important;}
.slidenav-logo{overflow:hidden;}
.slidenav-logo b{ font-size: 24px; position: relative; top: 6px; padding: 0 0 0 8px; color: #000;}
.slidenav-logo img{ width: 42px; height: 42px;}
.slidenav-link{ text-align: right; line-height: 48px; overflow:hidden;}
.slidenav-link ul{list-style: none; margin: 0; padding: 0;}
.slidenav-link ul li div{ display: none; position: absolute; border: 1px #ccc solid;text-align: left;background: #fff;border-radius: 4px; padding: 4px;}
.slidenav-link ul li div a{ font-size: 16px;font-weight: 400;  display: block; line-height: 24px; padding:8px 0;}
.slidenav-link ul li div a:hover{ background: none;}
.slidenav-link ul li:hover div{ display: block!important;}
.slidenav-link ul li a{color: #000; margin: 0 10px;}
.slidenav-link ul li a:hover{ color: #1DB17C;}0!important;}
.user-item{ margin:0; padding: 0 0 40px 0; border-bottom: 1px #CFE3E2 solid; position: relative;}
.user-item p{ position: relative;}
.user-item p:nth-child(1)::after{content: '';  display: block; width: 70px; height: 48px; background: url(../images/tfv-user-tips.svg) no-repeat; position: absolute; right: 0; top: 0;}
.user-item p span{ font-size: 1.25rem;}

.vc-faq-main{ background: #fff; border-radius: 30px; padding: 30px 0; margin-top: 50px;}
.fc-buy-faq{ list-style: none; padding: 40px 0;}
.fc-buy-faq li{border-bottom: 1px #EDEDED solid; padding: 30px 0;}
.fc-buy-faq li b{ display: block; padding: 8px 0; font-size:24px;}
.fc-buy-faq li b:hover{cursor: pointer; color: #13BE9F;}
.fc-buy-faq li b::after{content: '\e62f';  font-family: fs; font-size: 28px; float: right;}
.fc-buy-faq li div{ font-size: 20px; padding:0; color: #333; display: block; height: 0; transition: height 0.5s;overflow: hidden;}
.fc-buy-faq li div p{ color: #000;}
.buy-faq-show{ height: 200px!important; line-height: 2rem; padding: 10px 0; overflow: hidden;}
.buy-faq-sel{color: #13BE9F;}
.buy-faq-sel::after{ transform:rotate(45deg); transition:transform 0.1s linear;}

.tips-link{ display: block; color: #333; text-align: center; margin: 20px; font-size: 18px;}
.tips-link:hover{ color: #13BE9F;}

.faq-block{border-bottom: 1px #e3e3e3 solid;}
.faq-title{ font-size: 22px;  padding:20px 0; cursor: pointer; position: relative; color: #333;}
.faq-title::after{content: '\e62f'; font-family: fs; display: block; position: absolute; right: 0; margin: -30px 0 0 0; transition:transform 0.3s linear; font-weight: bold; font-size: 18px;}
.faq-title:hover{color: #13BE9F}
.sel{color: #13BE9F}
.sel::after {  transform: rotate(45deg); }
.faq-content{ font-size: 18px; padding: 16px 0; display: none;}
.faq-content a{ color: #13BE9F}
.faq-content a:hover{color: #13BE9F text-decoration: underline;}
.acitve{ display: block!important;}

.fv-tips-item{ color: #000; display: block; text-align: center;}
.fv-tips-item p img{ border-radius: 16px;}
.fv-tips-item:hover{ color:#13BE9F}

.fv-dl-block{ background: #F3FFFB url(../images/sfv-fv-dl.webp) no-repeat center right;  padding: 80px 100px 80px 100px; border-radius: 16px;}
.fv-dl-block h3{ line-height: 60px;}
.fv-dl-logo{ display: flex; align-items: center;}
.fv-dl-logo b{ font-size: 28px; margin: 0 0 0 8px;}

.fv-dl-btn{ display:inline-block; border-radius: 8px; background: linear-gradient(90deg,#5AFDC4 0,#13BE9F 100%); font-size: 24px; color: #000; padding: 20px 60px; font-weight: 600;}
.fv-dl-btn:hover{ color: #000;}
.audio-player{ display: none;}

.slidenav{top: 0; padding: 8px 0; margin: 0 auto; width: 100%; position: fixed; z-index: 100; display: none; background: #fff;  box-shadow: 0 2px 6px rgb(0 0 0 / 10%); }
.selnav{ background: #fff; position:fixed!important; box-shadow:0 2px 6px rgb(0, 0, 0,0.1); display: block!important;}
.slidenav-logo{overflow:hidden;}
.slidenav-logo b{ font-size: 24px; position: relative; top: 6px; padding: 0 0 0 8px; color: #000;}
.slidenav-logo img{ width: 42px; height: 42px;}
.slidenav-link{ text-align: right; line-height: 48px; overflow:hidden;}
.slidenav-link ul{list-style: none; margin: 0; padding: 0;}
.slidenav-link ul li div{ display: none; position: absolute; border: 1px #ccc solid;text-align: left;background: #fff;border-radius: 4px; padding: 4px;}
.slidenav-link ul li div a{ font-size: 16px;font-weight: 400;  display: block; line-height: 24px; padding:8px 0;}
.slidenav-link ul li div a:hover{ background: none;}
.slidenav-link ul li:hover div{ display: block!important;}
.slidenav-link ul li a{color: #000; margin: 0 10px;}
.slidenav-link ul li a:hover{ color: #1DB17C;}

.sn-dl{ background: #1DB17C; border-radius: 8px; padding:8px 16px; color: #fff!important;}
.sn-dl:hover{text-decoration: none; background: #20c78a;}
.sn-buy{ background: #FF9A26; border-radius: 8px; padding:8px 32px; color: #fff!important;}
.sn-buy:hover{text-decoration: none; background: #FFA43C;}
.trusted-link{
	padding: 30px 0;
}
.trusted-link a{
	display: inline-block;
	margin: 8px;
}
@media (max-width: 1820px) {
	.sticky-content-slide{ height: 700px;}
  }
@media (max-width: 1720px) {
	.sticky-content-slide{ height: 680px;}
	.fav-title{padding: 0 20px 0 40px}
  }
@media (max-width: 1620px) {
	.sticky-content-slide{ height: 640px;}
	.card{ margin: 20px 10px;}
	.case-block{ width:500px; bottom: -185px;}
	.fav-title{padding: 0 20px 0 40px}
  }
@media (max-width: 1520px) {
	.sticky-content-slide{ height: 620px;}
	.card{ margin: 20px 10px;}
	.case-block{ width:500px; bottom: -185px;}
	.fav-title{padding: 0 20px 0 20px}
	.fav-title h3{ font-size: 50px;}
  }
@media (max-width: 1440px) {
	.fv-banner-photos{ width: 100%; height: auto;}
	.sticky-content-slide{ height: 580px;}
	.fav-title h3{ font-size: 42px;}
	.fv-dl-block{padding:30px;}
	.card{ margin: 20px 10px;}
	.case-block p b{font-size: 28px;}
	.case-block{ width:550px; bottom: -180px;}
  }
@media (max-width: 1280px) {
	.fv-banner-photos{ width: 100%; height: auto;}
	.sticky-content-slide{ height: 540px;}
	.fav-title h3{ font-size: 38px;}
	.fav-title p{font-size: 16px;}
	.fv-dl-block{padding:30px;}
	.case-block p b{font-size: 24px;}
	.case-block p span{font-size:15px;}
	.case-block{ width:450px; bottom: -180px;}
	.fav-title{ text-align: center; padding: 24px 16px 0 16px;}
	.vc-faq-main{ padding: 16px 30px;}
  }
@media (max-width: 1024px) {
	.fv-banner-photos{ width: 100%; height: auto;}
	.banner-audio{ width: 100%;}
	.sticky-content-slide{ height: 500px;}
	.fv-dl-block{padding:30px;}
	.case-block p b{font-size: 20px;}
	.case-block p span{font-size:13px;}
	.case-block{ width:380px; bottom: -180px;}
	.slidenav{ display: none!important;}
}

@media (max-width: 992px) {
	.banner-title{ font-size: 52px; font-weight: 600; position: relative;}
	.mb-photo{ width: 100%; height: auto;}
	.user-item p:nth-child(1)::after{ display: none;}
	.swiper-pagination{display: none;}
	.user-main .swiper-slide{ padding: 20px;}
	.slidenav{ display: none!important;}
	.fav-block-left{ display: none;}
	.fav-block2-item{ display: none;}
	.fav-block3-item{ display: none;}
}

@media (max-width: 768px) {
	.banner-title{ font-size: 42px; font-weight: 600; position: relative;}
	.banner-float1{ display: none;}
	.banner-float2{ display: none;}
	.banner-float3{ display: none;}
	.banner-float4{ display: none;}
	.why-block1{ background: #EAFDFA;}
	.mb-photo{ width: 100%; height: auto;}
	.fv-user-bor{height: auto; overflow: inherit;}
	.fv-user-mian{display: block; height: auto; position: relative; }
	.fv-user-blcok{ width: 100%!important; margin: 10px 0;}
	.banner-btn-block{ display: block;}
	.banner-btn-block a{ margin: 16px 0; width: 100%;}
	
	.user-main .swiper-slide{ padding:1.25rem;}
	.user-item{ margin:0;  border-bottom: 1px #CFE3E2 solid; text-align: center;}
	.user-item p span{ font-size:16px;}
	.user-item p img{ width: 100%; height: auto;}
	.fv-tips-item{ text-align: center;}
	.fv-dl-logo{ display: block;}
	.fv-dl-block{background: #F3FFFB; padding: 16px; text-align: center;}
	.fv-way-item{ text-align: center; padding: 10px; margin: 0 20px;}
	.fav-title{padding: 20px;}
	.user-container {display: block;}
	.slidenav{ display: none!important;}
	.case-block p b{font-size: 32px;}
	.fv-tool-block{ height: auto;}
	.fv-tool-title{ text-align: center; padding: 30px;}
}