/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 .12rem "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color:#333; }
.pw1300 { max-width: 13rem; width: 94%; margin: 0 auto; position: relative;}
.pw1400 { max-width: 14rem; width: 94%; margin: 0 auto; position: relative;}

.rtl{direction: rtl;}
.rtl>div{direction: ltr;}
.def_effect{ transform:translateY(.5rem); opacity:0;transition:transform 0.5s ease-out, opacity 0.5s ease-out;}
.current.def_effect{transform:translateY(0); opacity:1;}


.def_effect1{transform:translateY(.5rem); opacity:0;animation: eff1 .5s 0s ease-out forwards;}
.def_effect2{transform:translateY(.5rem); opacity:0;animation: eff1 .5s .2s ease-out forwards;}
.def_effect3{transform:translateY(.5rem); opacity:0;animation: eff1 .5s .4s ease-out forwards;}
.def_effect4{transform:translateY(.5rem); opacity:0;animation: eff1 .5s .6s ease-out forwards;}
.def_effect5{transform:translateY(.5rem); opacity:0;animation: eff1 .5s .8s ease-out forwards;}

@keyframes eff1 {0%{transform:translateY(.5rem); opacity:0;}100%{transform:translateY(0); opacity:1;}}






img{vertical-align: middle;max-width: 100%;}
h2{max-width: 11.6rem;margin: 0 auto;color: #000;
  text-align: center;
  font-size: .4rem;
  font-weight: 700;
  }
.maxw1100{max-width: 11rem;}
/* section1 */
.section1{position: relative;}
.banner-img{width: 100%;position: absolute;top: 0;left: 0;pointer-events: none;}
.banner-img img{width: 100%;}
.banner-img svg{width: 14.8rem;height: 3.98rem;position: absolute; top: 0;left: 50%;transform: translateX(-50%);max-width: 100%; opacity: 0.6;}

.banner{padding: 1.3rem 0 1.07rem;text-align: center;}
.logo_title img{
  width: .8rem;margin-right: .26rem;
  box-sizing: border-box;
  border-radius: .24rem;vertical-align: middle;
  border: 1px solid #1F1F1F;
}
.logo_title {color: #000;
  font-size: .35455rem;
  font-weight: 600;
}

.banner h1{
  color: #000;
  font-size: .46rem;
  font-weight: 700;margin: .3rem auto;
}
.banner .banner-text>p{color: #333;
  font-size: 18px;
  }

.banner-btns{width: 508px; display: flex;justify-content: space-between;margin: .3rem auto 0;}
.banner-btns .ban-btn a{width: 234px;height: 64px;font-size: 20px; line-height: 64px; transition: box-shadow .3s, background .3s; font-weight: 600;text-decoration: none;text-decoration: none;border-radius: 10px;display: inline-block;vertical-align: middle;}
.download-btn a{background: #0A6AF9;color: #fff;}
.purchase-btn a{background: #FBCB47; color: #000;}

.download-btn a:hover{ box-shadow: 0 0 .2rem .2rem #0443C6 inset;}
.purchase-btn a:hover{ box-shadow: 0 0 .3rem .2rem rgba(251, 203, 71, 1) inset; background: #FBDB47;}

.download-btn a::before { content: "\e93a"; display: inline-block; font-family: 'iconfont'; font-size: 24px; margin-right: 12px; vertical-align: middle; font-weight: normal; }
.purchase-btn a::before { content: "\e93b"; display: inline-block; font-family: 'iconfont'; font-size: 24px; margin-right: 12px; vertical-align: middle; font-weight: normal; }


/* section2 */
.section2{position: relative ;transition:width .1s; padding: 1rem .3rem;overflow: hidden; box-sizing: border-box; z-index: 2; width: 83.3333333333%;margin: 0 auto;border-radius: .8rem;background: #000001;}

.keynote-areas{ max-width: 14rem;margin: 0 auto;}
.keynote-areas h2{color: white;font-weight: 600;}
.sec2bg1{width: 9.2rem;height: 9.2rem;border-radius: 50%;opacity: 0.3;
  background: linear-gradient(90deg, #0443C6 4.51%, #0169F9 100%);pointer-events: none;z-index: 2;
  position: absolute;left: 0%;top: 0%;transform: translate(-45%,-45%);
  filter: blur(1.5rem);}
  .sec2bg2{width: 100%;position: absolute;bottom: 0;right: 0;z-index: 2;pointer-events: none;}
.keynote-item{display: flex;padding: .3rem;box-sizing: border-box; height: 4.12rem; position: relative;z-index: 2; justify-content: space-around;align-items: center; margin-top: .4rem; border: 2px solid #2C4468; border-radius: 20px;}
.keynote-item::after{content: "";pointer-events: none; position: absolute;width: calc(100% - 4px); height: calc(100% - 4px); top: 2px;left: 2px; bottom: 2px; right: 2px;border-radius: 20px;background: #000001;}
.keynote-item>div{position: relative;z-index: 2;}
.keynote-item .item-img{max-width: 5.5rem;}
.keynote-item1{height: 5.5rem;}
.keynote-item .item-text{max-width: 7.2rem;}
.keynote-item .item-imgs{position: relative;}
.item-imgs img{opacity: 0;transition: opacity .3s;}
.item-imgs .act{opacity: 1;}
.item-imgs .pta{position: absolute;left: 0;top: 0;}

.keynote-item h3{color: #FFF;
font-size: .28rem;
font-weight: 600;
}
.nowrap{white-space: nowrap;}

.keynote-item h4{
color: #FFF;position: relative;
font-size: .16rem;
font-weight: 600;
}
.keynote-item h4::after{content: "";position: absolute;left: -22px; top: 50%;transform: translateY(-50%); width: 12px;height: 12px;border-radius: 50%;opacity: 0.1;
background: #FFF;}
.keynote-item h4::before{content: "";position: absolute;left: -19px; top: 50%;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 50%;background: #FFF;transition: .3s;}

.step-item{position: relative;cursor: pointer; margin-top: .14rem;border-radius: .08rem;padding: 10px 40px;box-sizing: border-box;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%);}
.step-item::after{content: "";position: absolute;top: calc(20px + .12rem);height: calc(100% - 40px - .12rem);width: 1px;background: rgba(255, 255, 255, 0.15);left: 23px;}
.step-item::before{content: "";position: absolute;top: calc(20px + .12rem);height:0;width: 1px;background: #0A6AF9;left: 23px;}
.step-item.act h4::before{background: #0A6AF9;

box-shadow: 0px 0px 5px 0px #02D6E8;}

.step-item.act{padding: 20px 40px;}
.step-item.act1 p{display: block;}
.step-item.act::before{animation: stepact 6s infinite linear;}
@keyframes stepact {
0%{height: 0;}
100%{height: calc(100% - 40px - .12rem);}
}
.step-item>p{color: rgba(255, 255, 255, 0.60);display: none;
margin-top: .1rem;
font-size: .16rem;}
/* .step-item.act>p{display: block;} */

.item-text>p{color: rgba(255, 255, 255, 0.70);
margin-top: .2rem;
font-size: .16rem;}

.content-navbtns{display: flex;justify-content: space-between;padding: .16rem .2rem;align-items: center;position: relative;z-index: 2;
border-radius: .2rem;margin-top: .4rem;
background: rgba(255, 255, 255, 0.09);}
.content-navbtns .nav_title img{width: .66rem;margin-right: .15rem;}
.content-navbtns .nav_title{color: #FFF;
font-size: .26rem;
font-weight: 600;
}
.content-navbtns .content-btns{width: 4.86rem;display: flex;justify-content: space-between;}
.content-btns .navbtns-btn a{display: inline-block;vertical-align: middle;text-decoration: none;
height: .58rem;font-size: .2rem;text-align: center; transition: box-shadow .3s, background .3s;
width: 2.34rem;border-radius: .1rem;line-height: .58rem;font-weight: 600;
}
.content-btns .download-btn a::before,
.content-btns .purchase-btn a::before{font-size: .24rem;margin-right: .12rem;}



/* section3 */
/* vd-core */
.section3 {padding: 1rem .3rem 1rem; background: url(../paramount-plus-downloader/img/sec3bg1.png) no-repeat; background-size: cover; background-position: center center; }
.core-areas { max-width: 14rem; width: 100%; margin: 0 auto; text-align: center; }
.core-tabs {margin: .9rem auto .44rem; position: relative; z-index: 2;display: flex;justify-content: space-around;align-items: flex-start; border-bottom: 2px solid #0a6af933;}

.core-tabs-item{width: 2.42rem;cursor: pointer;position: relative;}
.core-tabs-item::after{content: "";transition: .3s; position: absolute;width: 0%;height: 4px;bottom: -2px;left: 50%;transform: translateX(-50%); border-radius: 4px;background: #333;}
.core-tabs-item img{width: .64rem;border-radius: 50%;}
.core-tabs-item .active{display: none;}
.core-tabs-item .default{display: inline-block;}

.core-tabs-item .core-tabs-text{color: #333;display: block;font-size: .18rem;margin: .2rem 0;font-weight: 500;}
.core-tabs-icon-mo{display: none;}
.core-tabs-icon-mo img{width: .64rem;height: .64rem; border-radius: 50%;}
.core-tabs-icon-mo .core-tabs-text{color: #000;display: inline-block;font-size: .18rem;margin: .2rem 0; margin-left: .2rem; font-weight: 700;vertical-align: middle;}

.core-tabs-item.act .active{display: inline-block;}
.core-tabs-item.act .default{display: none;}
.core-tabs-item.act .core-tabs-text{ font-weight: 700;color: #000;}
.core-tabs-item.act::after{width: 64%;}


.core-items{position: relative;}
.core-items .ptr{position: relative;}
.core-items .pta{position: absolute;}
.core-items .act{opacity: 1; pointer-events: all;}
.core-item{display: flex;  padding: 1.05rem .3rem;box-sizing: border-box;display: flex;justify-content: space-around;align-items: center;
  position: relative;opacity: 0;top: 0;left: 0;width: 100%;pointer-events: none;
  overflow: hidden;border-radius: .2rem;
  background: #6EA8FF;
}
.core-item::after{content: "";position: absolute;border-radius: .18rem;pointer-events: none; left: 2px;top: 2px;right: 2px;bottom: 2px;
  background: linear-gradient(90deg, #F5FBFF 0%, #F1F5FB 15.12%, #F9FBFF 70.27%, #F1F2FE 88.11%, #FBFBFF 99.92%);}
  .core-item>div{position: relative;z-index: 2;}
.core-item-text{max-width: 6.5rem;text-align: left;}

.core-item-text h3{color: #333;
  font-size: .34rem;
  font-weight: 700;transform: translateY(.5rem);opacity: 0;
  }
.core-item-text p{color: #333;
  font-family: Poppins;
  font-size: .16rem;transform: translateY(.5rem);opacity: 0;
  margin-top: .36rem;
}
.core-item-img img{width: 5.1rem;}
.core-item.act h3{animation: switch_dh .3s ease-out forwards;}
.core-item.act p{animation: switch_dh .3s .2s ease-out forwards;}
.core-item.act img{animation: switch_opt .3s linear forwards;}
@keyframes switch_dh {
  0%{transform: translateY(.5rem);opacity: 0;}
  100%{transform: translateY(0);opacity: 1;}
}
@keyframes switch_opt {
  0%{opacity: 0;}
  100%{opacity: 1;}
}

/* vd-comment */
.section4 { background: #fff; padding: 1rem 0;  }
.comment-areas { max-width: 14rem; width: 100%;padding: 0 .3rem;box-sizing: border-box; margin: 0 auto; text-align: center; }
.comment-areas h2 { color: #000;  font-weight: 600; }
.comment-visible { width: 14rem; overflow: hidden; }
.comment-items { width: 48rem; display: flex; margin: .6rem auto .4rem; position: relative;}
.comment-item { display: flex; flex-direction: column;margin: 0 0 0 0; justify-content: space-between; width: 4.4rem; min-height: 4.4rem; border-radius: .2rem; box-sizing: border-box; padding: .3rem .3rem; }

.comment-item.comment-item1 { background: url(../paramount-plus-downloader/img/ndhome-user-bg1.png) top center no-repeat; background-size: cover;  }
.comment-item.comment-item2 { background: url(../paramount-plus-downloader/img/ndhome-user-bg2.png) top center no-repeat; background-size: cover;  }
.comment-item.comment-item3 { background: url(../paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }
.comment-item.comment-item4 { background: url(../paramount-plus-downloader/img/ndhome-user-bg1.png) top center no-repeat; background-size: cover;justify-content: center; padding: .45rem .5rem; }

.comment-item4 .user-text{margin: .5rem auto 0;width: 3.4rem;max-width: 100%;}
.user-text .stars_title{font-size: .18rem;color: rgb(255,255,255,.7);margin-bottom: .12rem;}
.user-text li{display: flex;justify-content: space-between;align-items: center;margin-bottom: .08rem;}

.user-text li em{color: #97BDC0;display: flex;justify-content: space-between;align-items: center;
  font-size: .15rem;width: .25rem;
  font-weight: 500;
}
.user-text li em svg{display: inline-block;vertical-align: middle;}
.stars_line{width: 75%;max-width: 2.54rem;
  border-radius: .4rem;position: relative;margin-right: .04rem;
  height: .04rem;overflow: hidden;
  
  background: rgba(255, 255, 255, 0.21);
  background-blend-mode: screen, normal;}
  .stars_line::after{content: '';position: absolute; width: 50%;border-radius: .04rem; height: 100%;background: radial-gradient(135.38% 132.72% at 21.49% -21%, #FFF 0%, rgba(177, 230, 234, 0.00) 96.44%), linear-gradient(90deg, #0D8791 -34.44%, #B1E6EA 40.53%)}
  .stars_line.line5::after{width: 100%;}
  .stars_line.line4::after{width: 45%;}
  .stars_line.line3::after{width: 4%;}
  .stars_line.line2::after{width: 2%;}
  .stars_line.line1::after{width: 1%;}
.user-text li .stars_num{
  display: inline-block;width: .3rem;
  font-size: .16rem;font-weight: 500; background: linear-gradient(90deg, #0D8791 -34.44%, #B1E6EA 40.53%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}


.comment-item3 .user-text p { color: #FFF; margin-top: .15rem;}
.comment-item3 .user-title { text-align: left; }
.comment-item3 .user-title p { margin-left: 0; }
.comment-item4 .user-title p { max-width: 2rem; }
.user-title>img { width: 1.16rem; height: 1.08rem; vertical-align: middle; }
.user-title p { display: inline-block; margin-left: .12rem; vertical-align: middle;text-align: left; }
.user-title em { display: block; text-align: left;  color: rgb(255,255,255,.5); font-size: .2rem; font-style: italic; font-weight: 500; margin-bottom: .1rem;}
.user-title p img { width: 1.92rem; height: 0.32rem; vertical-align: middle; }
.user-text p { color: #fff; font-size: .16rem; text-align: left;}
.user-text svg { display: block; }
.user-text svg.left { float: none; margin-bottom: .2rem; }
.user-text svg.right { margin-top: .2rem; }
.comment-switch { width: 1.9rem; height: .8rem; margin: 0 auto; display: flex; justify-content: space-between; }
.comment-switch span { display: inline-block; width: .78rem; height: .78rem; background-color: #EFEFF2; border-radius: 50%; position: relative; cursor: pointer;}
.comment-switch span:first-child { transform:rotate(180deg); }
.vd-comment-prev:before{content:"\e802"; position:absolute; top:50%; transform: translate(-50%, -50%); left: 50%; font-family:'iconfont'; color:#717174; font-size:.24rem; font-weight: 700; }
.vd-comment-next:before{content:"\e802"; position:absolute; top:50%; transform: translate(-50%, -50%); left: 50%; font-family:'iconfont'; color:#717174; font-size:.24rem; font-weight: 700; }
.comment-switch span:hover { background: url(../paramount-plus-downloader/img/paramount-step-bgicon1.png) no-repeat;background-size: cover; }
.vd-comment-prev:hover:before, .vd-comment-next:hover:before { color: #000; }
/* vd-comment */




/* vd-usesteps */
.section5 { background: url(../paramount-plus-downloader/img/sec5bg1.png) no-repeat;background-size: 19.2rem auto; background-position: center top; padding: 1rem .3rem .8rem; box-sizing: border-box;}
.use-areas { max-width: 14rem; width: 100%; margin: 0 auto; text-align: center; }
.use-areas h2 {   font-weight: 600; }
.use-areas>p { color: #000; font-size: .18rem; margin: .2rem auto .6rem; }
.steps-tabs { margin-bottom: .6rem; }
.steps-tab { display: inline-block; margin-right: .75rem; cursor: pointer; }
.steps-tab:last-child { margin-right: 0; }
.steps-tab em { display: inline-block; width: .9rem; height: .9rem; background: #EFEFF2; border-radius: 50%; vertical-align: middle; }
.steps-tab em span { display: inline-block; color: #000; font-size: .62rem; font-style: italic; font-weight: 700; transform: translateX(-0.05rem); }
.steps-tab.act em { background: url(../paramount-plus-downloader/img/paramount-step-bgicon1.png) no-repeat; background-size: cover; }
.steps-tab.act h3 { color: #333;}
.steps-tab.act span {font-size: .62rem; font-style: italic; font-weight: 700; animation: numberAct 0.4s ease-in-out;}
.steps-tab h3 { display: inline-block; color: #999; font-size: .18rem; font-weight: 600; width: 3rem; text-align: left; margin-left: .2rem; vertical-align: middle;}
.steps-items {max-width:10.8rem; width: 100%; position: relative; margin: 0 auto;}
.steps-items::before{content: '';position: absolute; width: 100%;bottom: -.22rem;height: .42rem; border-radius: 1080px;left: 0;
  background: rgba(25, 17, 42, 0.60);
  filter:  blur(.15rem);
  }
.steps-items .steps-item {opacity: 0; position:absolute; top:0; left:0; right:0; }
.steps-items .steps-item1{position: relative;}
.steps-items .steps-item img { width: 10.8rem; height: auto; }
.steps-items .steps-item.act { opacity: 1; }
.vd-steps-prev:before{content:"\e802"; position:absolute; top:50%; transform: translateY(-50%); left: -0.5rem; font-family:'iconfont'; color:#717174; font-size:.24rem; transform:rotate(180deg); font-weight: 700; cursor: pointer;}
.vd-steps-next:before{content:"\e802"; position:absolute; top:50%;  transform: translateY(-50%); right: -0.5rem; font-family:'iconfont'; color:#717174; font-size:.24rem; font-weight: 700; cursor: pointer;}
.vd-steps-prev:hover:before, .vd-steps-next:hover:before{ color: #136878; }
@keyframes numberAct {
    from { opacity: 0; transform: scale(0.75) translateX(-0.05rem); }
    to{ opacity: 1; transform: scale(1) translateX(-0.05rem); }
}


.section5 .content-navbtns{border-radius: 0.2rem; background: rgba(10, 106, 249, 0.06); margin-top: .6rem;}
.section5 .content-navbtns .nav_title{color: #000;}
/* vd-usesteps */

/* vd-faq */
.section6 { background:url(../paramount-plus-downloader/img/paramount-faq-bg.png) no-repeat #fff;background-position: center top; padding: 1.2rem .3rem 1rem;box-sizing: border-box; }
.faq-areas { max-width: 14rem; width: 100%; margin: 0 auto; text-align: center; }
.faq-areas h2 {font-weight: 600;position: relative; }
.faq-areas h2>div{display: inline-block; font-size: inherit;position: relative; color: inherit;font-weight: inherit;}
.faq-areas h2 span{display: inline-block; font-size: inherit;position: relative; color: inherit;font-weight: inherit;}
.faq-areas h2 .faq-icons{position: absolute; width: 100%;height: 100%;top: 0;left: 0;}
.faq-icons img{position: absolute;transition: .3s;opacity: 0;}
.faq-lists{margin-top: .6rem;}
.faq-icons .faq-icon1{top: -.04rem;left: -1rem;transform-origin: 80% 80%; transform: translate(.4rem,.1rem) scale(0);}
.faq-icons .faq-icon2{bottom: -.1rem;right: -1rem;transform-origin: 20% 20%; transform: translate(-.4rem,-.1rem) scale(0);}
.faq-icons .faq-icon3{top: -.24rem;right: -2rem;transform-origin: 20% 80%; transform: translate(-.6rem,.2rem) scale(0);}
.act .faq-icons img{transform:translate(0) scale(1);opacity: 1;}


.faq-lists li { width: 100%; border-radius: .1rem; background: #F2F4F5; padding: .4rem .3rem; text-align: left; box-sizing: border-box; margin-top: .4rem; cursor: pointer;}
.faq-lists h3 { color: #333; font-size: .2rem;  font-weight: 500; padding-right: .6rem; position: relative; }

.faq-lists h3 .icon_down { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: .18rem; color: #717174; line-height: 1; }
.faq-lists h3 .icon_down:after { content: "\e937"; margin: 0 .1rem; font-family: "iconfont"; }
.faq-lists h3.notes_act em.icon_down { transition: all .2s ease-in-out; transform: translateY(-50%) rotateZ(180deg);}
.faq-lists .answer { display: none; color: #666; font-size: .16rem; margin-top: .2rem; padding-right: 0.6rem;}
.faq-lists li:hover h3, .faq-lists li:hover .icon_down { color: #0A6AF9; }
.faq-lists li:hover { background: #F7FAFF; }
.faq-lists li.li-select { background: #F7FAFF; }
.faq-lists .li-select h3, .faq-lists li.li-select .icon_down { color: #0A6AF9; }
/* vd-faq */



/* netflix-guide */
.section7{position: relative;}
.sec7bg{position: absolute;left: 0;bottom: -1.3rem;width: 100%;pointer-events: none;z-index: 1;}
.netflix-guide{max-width: 14rem;margin: 0 auto;padding: 0.4rem 0rem 1rem; box-sizing: border-box;border-top: 1px solid #CDF0F3;position: relative;z-index: 2;}

/* 20250411 */
.guide-swiper {position: relative;margin-top: .45rem;}
.swiper-container1 {overflow: hidden;padding: 0 2px;box-sizing: border-box;}
.guide-cont-swiper {display: flex;width: 69rem;}
.guide-cont-swiper .guide-item-img img{height: 2.56rem;}
.guide-button-next::before,
.guide-button-prev::before {content: "\e802";position: absolute;top: 50%;transform: translateY(-50%);font-family: 'iconfont';color: #717174;font-size: .24rem;font-weight: 700;cursor: pointer;}
.guide-button-next::before {right: -.56rem;}
.guide-button-prev::before {transform: translateY(-50%) rotateZ(180deg);left: -.56rem;}
.guide-button-next:hover::before,
.guide-button-prev:hover::before{color: #136878;}
/* end */
.guide-cont{margin-top: .45rem;display: flex;justify-content: start; flex-flow: wrap;}

.guide-item:nth-child(3n){margin-right: 0;}
.guide-item{
  margin-right: .15rem;
  margin-top: .15rem;
  text-decoration: none;
  width: 32.3%;max-width: 4.52rem;
    padding: .1rem;box-sizing: border-box;
  border-radius: .2rem;
  border: 1px solid #B6B6B6;
  background: rgba(255, 255, 255, 0.60);}
  .guide-item .guide-item-img{width: 100%;overflow: hidden;border-radius: .2rem;  }
  .guide-item-img img{width: 100%;height: auto;transition:transform .3s;}
  .guide-item p{margin-top: .2rem;color: #333;
    min-height: .54rem;padding-left: .3rem;
    font-size: .18rem;position: relative;
    font-weight: 500;
      display: -webkit-box; 
      -webkit-box-orient: vertical; 
      -webkit-line-clamp: 2; 
      overflow: hidden;
      text-overflow: ellipsis; 
  }

    .guide-item .guide-icon{position: absolute; top: .02rem;left: 0;width: .24rem;height: .24rem;}

    .guide-more{text-align: center;position: relative;z-index: 2;}
    .guide-more a{display: inline-block;font-weight: 600;
      width: 220px;color: #333;margin-top: .6rem;
      height: 50px;font-size: 20px;
      line-height: 50px;text-align: center;
      border-radius: .08rem;text-decoration: none;
border: 1px solid #333;
      }
      .guide-more a::after{content: "\e902";font-weight: 600;
        display: inline-block;
        font-family: 'iconfont';width: 0px;overflow: hidden;transition:width .3s;
        font-size: 16px;
        text-align: right;
        vertical-align: middle;
        }
        .guide-more a{width: 2.2rem;height: .5rem;line-height: .5rem; font-size: .2rem;border-radius: 8px;}
  .guide-more a::after{font-size: .16rem;}
      .guide-item:hover{text-decoration: #0A6AF9 underline;
        }
        .guide-item:hover p{color: #0A6AF9;}
        .guide-item:hover .guide-item-img img{transform: scale(1.05);}
        .guide-more a:hover::after{width: .3rem;}
/* vd-download */
.section8{position: relative;z-index: 2; padding-top: 1rem;padding-bottom: .6rem; background: linear-gradient(180deg, #f4f6ff00 0%, #00000100 30%, #000001 31%, #000001 100%);}
.sec8bg1{position: absolute;width: 100%;left: 0;top: 0;pointer-events: none;}

.download-areas {position: relative;z-index: 2;display: flex;justify-content: space-between;  width: 14rem;   margin: 0 auto; box-sizing: border-box; padding: .6rem .3rem 0.6rem; }
.download-text { width: 7.4rem;  display: inline-block; vertical-align: middle; }
.download-title img { vertical-align: middle; width: .78rem;}
.download-title p { display: inline-block; vertical-align: middle; margin-left: .2rem; color: #fff; font-size: .28rem; font-weight: 600; }
.download-text>p { color: #E7E7E7; font-size: .2rem; margin: .3rem auto;}
.content-btns .ban-btn { display: inline-block; text-align: center;width: 50%;width: 2.4rem; }
.content-btns {display: flex;justify-content: space-between;width: 5.2rem;}

.content-btns .ban-btn a { display: inline-block; color: #FFF; font-size: .2rem; font-weight: 600; text-decoration: none; border-radius: .1rem; padding: .17rem 0rem; min-width: 2.34rem; box-sizing: border-box; text-align: center; }
.content-btns .ban-btn em { display: block; margin-top: .1rem; color:rgba(255, 255, 255, 0.50);font-size: 12px; }
.download-text .content-btns .ban-btn em { display: block; margin-top: .1rem; color:#666;font-size: 12px; }
.content-btns .download-btn a { background: #0A6AF9;  }
.content-btns .download-btn a::before { content: "\e93a"; display: inline-block; font-family: 'iconfont'; font-size: .24rem; margin-right: .12rem; vertical-align: middle; font-weight: normal; }
.content-btns .purchase-btn a{background: #FBCB47; color: #000; transition: box-shadow .3s, background .3s;}
.content-btns .purchase-btn a::before { content: "\e93b"; display: inline-block; font-family: 'iconfont'; font-size: .24rem; margin-right: .12rem; vertical-align: middle; font-weight: normal; }

.content-btns .download-btn a:hover{box-shadow: 0 0 .2rem .2rem #0443C6 inset; transition: box-shadow .3s, background .3s;}
.content-btns .purchase-btn a:hover{ box-shadow: 0 0 .3rem .2rem rgba(251, 203, 71, 1) inset; background: #FBDB47; }

.download-img { display: inline-block; vertical-align: middle; }
.download-img img { width: 5.58rem; height:auto; }
/* vd-download */



/* vd-disclaimer */
.disclaimer-areas {position: relative;z-index: 2;display: flex;justify-content: start;align-items: center; width: 96%;max-width: 17.76rem; border-radius: .2rem; margin: 0rem auto 0; box-sizing: border-box; padding: .3rem .80rem; 

  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 10px 0 rgba(59, 137, 255, 0.08) inset;
}
.disclaimer-areas img { display: inline-block; vertical-align: middle; width: 0.57rem; height: 0.63rem; }
.disclaimer-areas>p { display: inline-block; max-width: 15rem; width: 100%; margin-left: .3rem;  vertical-align: middle; color: rgba(255, 255, 255, 0.80); font-size: .18rem; }
.disclaimer-areas>p strong { color: rgba(255, 255, 255, 1); font-size: .18rem; font-weight: 600; }
/* vd-disclaimer */

/* en */

#en .keynote-item h3{max-width: 6rem;}

/* #br */
#br .comment-item.comment-item3 { background: url(https://keeprix-resource.com/br/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }

/* #de */
#de .comment-item.comment-item3 { background: url(https://keeprix-resource.com/de/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }
#de .guide-cont{justify-content: center;}

/* #es */
#es .comment-item.comment-item3 { background: url(https://keeprix-resource.com/es/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }
#es .guide-cont{margin-top: .45rem;display: flex;justify-content: center; flex-flow: wrap;}

/* #fr */
#fr .comment-item.comment-item3 { background: url(https://keeprix-resource.com/fr/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }
#fr .comment-item{min-height: 5.5rem;}
#fr .guide-cont{justify-content: center;}

/* #jp */
#jp .comment-item.comment-item3 { background: url(https://keeprix-resource.com/jp/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }


/* #it */

#it .guide-cont{margin-top: .45rem;display: flex;justify-content: center; flex-flow: wrap;}
#it .guide-item{margin: .15rem .15rem 0;}
#it .comment-item.comment-item3 { background: url(https://keeprix-resource.com/it/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }

/* #tr */
#tr .comment-item.comment-item3 { background: url(https://keeprix-resource.com/tr/paramount-plus-downloader/img/ndhome-user-bg3.png) top center no-repeat; background-size: cover;justify-content: flex-end;  }
#tr .guide-cont{justify-content: center;}


@media screen and (min-width: 1920px) {

  .banner-btns{width: 5.08rem;}
  .banner-btns .ban-btn a{width: 2.34rem;height: .64rem;line-height: .64rem;font-size: .2rem;}
  .banner-btns .ban-btn a::before{font-size: .24rem;}
  .banner .banner-text>p{font-size: .18rem;}

  
}

@media screen and (max-width: 1400px) {
  .core-item>div{margin: 0 .2rem;}

}

@media screen and (max-width: 1200px) {
  .keynote-item .item-text{width: 100%;}
  .keynote-item{height: auto;}
  .comment-items{width: 51rem;}
  .comment-visible{position: relative;width: auto;box-sizing: border-box;}
  .comment-visible::after{content: "";position: absolute;right: -1px;height: 100%;top: 0;width: .5rem;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #fff 90%, #fff 100%);height: 100%;width: 1rem;}

  .steps-tabs{display: flex;justify-content: space-between;}
  .steps-tab{margin: 0;width: 31%;}
  .steps-tab h3{text-align: center;margin: 0;margin-top: .2rem;width: auto;}

    .download-text{width: 52%;}
  .download-areas{width: auto;}

    .guide-button-next::before {
      right: -.3rem;
    }
  
    .guide-button-prev::before {
      transform: translateY(-50%) rotateZ(180deg);
      left: -.3rem;
    }
.netflix-guide{padding: 1rem .3rem;}
}


@media screen and (max-width: 1200px) {
  .steps-items {width: 90%; height: auto;}
  .guide-item p{white-space: inherit;}
}


@media screen and (max-width: 980px) {
  h1 br, h2 br { display: none; }
  .rtl{direction: ltr;}
  .nowrap {white-space:inherit}
  .faq-icons{display: none;}
  .banner-img svg{width: 8.88rem;height: 2.388rem;}
  .user-text svg{width: .38rem;height: .28rem;}
  .section2 {width: 100%;border-radius: 0; padding: 1rem .6rem;}
  .keynote-item h3{font-size: .34rem;}
  .keynote-item h4,
  .step-item>p,
  .item-text>p{font-size: .24rem;}
  .core-item-text p,
  .core-tabs-icon-mo .core-tabs-text{font-size: .24rem;}
  .user-text .stars_title{font-size: .26rem;}
  .user-text li em svg{width: .27rem;height: .33rem;}
  .comment-item4 .user-text{width: 94%;}
  .comment-item4 .user-title p{max-width: none;margin:.1rem auto 0;text-align: center;display: block;}
  .comment-item4 .user-title em{text-align: center;}
  .user-text li em{width: .5rem;}
  .user-title em{font-size: .32rem;}
  .user-text li .stars_num{width: .6rem;}
  .user-text p,
  .user-text li .stars_num
  {font-size: .24rem;}
  .user-text li em{font-size: .21rem;}
  .stars_line{max-width: 3.2rem;}

  .steps-tab h3,
  .use-areas>p{font-size: .26rem;}
  .faq-lists h3{font-size: .28rem;}
  .faq-lists .answer{font-size: .24rem;}

  .download-title p{font-size: .36rem;}
  .download-text>p{font-size: 18px;}
  .keynote-item{padding: .6rem;}
  .step-item{padding: .2rem .2rem .2rem .6rem;}
  .step-item.act{padding: .2rem .2rem .2rem .6rem;}
  .step-item::after {top: calc(.44rem);height: calc(100% - .8rem);left: .23rem;width: 0.02rem;}
  .step-item::before {content: "";position: absolute;top: calc(.44rem);left: .23rem;width: 0.02rem;}
  @keyframes stepact {0%{height: 0;}100%{height: calc(100% - .8rem);}}
  .keynote-item h4::after {left: -.48rem;top: 50%;transform: translateY(-50%);width: .24rem;height: .24rem;}
  .keynote-item h4::before {left: -.42rem;top: 50%;transform: translateY(-50%);width: .12rem;height: .12rem;}

  .core-item-text h3{max-width: none;}
  .keynote-item{display: block;}
  .keynote-item .item-text{max-width: none;}
  .keynote-item .item-img{max-width: none;text-align: center;}
  
  .item-imgs .pta{left: 50%;transform: translateX(-50%);}

  .content-navbtns{flex-flow: wrap;justify-content: center;padding: .4rem;}
  .content-btns .navbtns-btn a{margin-top: .3rem;}
  .core-tabs-icon-mo{display: block;margin-bottom: .3rem;}
  .content-navbtns .nav_title{font-size: .28rem;}
  .content-btns,
  
  .content-navbtns .content-btns{width: 508px;}
  .content-btns .ban-btn{width: auto;}
  .content-btns .ban-btn a,
  .content-btns .navbtns-btn a {
    padding: 0;
    height: 58px;
    font-size: 20px;
    width: 234px;
    border-radius: 10px;
    line-height: 58px;
}

.guide-item p{font-size: .2rem;}

.core-item-text h3{opacity: 1;transform: translate(0,0);animation:none;}
.core-item-text p{opacity: 1;transform: translate(0,0);animation:none;}
.core-item.act h3{animation: none;}
.core-item.act p{animation: none;}

  .section3{padding: 1rem .6rem;}
  .core-tabs{display: none;}
  .core-items{margin-top: .8rem;}
  .core-item{display: block;padding: .6rem .6rem;margin-top: .4rem; opacity: 1;pointer-events: all;}
  .core-item>div{margin: 0 auto;max-width: none;}
  .core-items .pta{position: relative;}
.core-item p{

  margin-bottom: .3rem;
}
  @keyframes switch_dh {
    0%{transform: translateX(.5rem);opacity: 0;}
    100%{transform: translateX(0);opacity: 1;}
  }
  @keyframes switch_opt {
    0%{opacity: 0;}
    100%{opacity: 1;}
  }
  .vd-steps-prev:before,
  .vd-steps-next:before{font-size: .36rem;}
  .comment-areas{padding: 0 .6rem;}
  /* .section5{padding: 1rem .6rem;} */

  .steps-tab{display: none;width: 100%;}
  .steps-tab h3{width: 75%;text-align: left;margin: 0 0 0 .3rem;}
  .steps-tab.act{display: block;}




  .section6{padding: 1rem .6rem 1rem;}

  .netflix-guide{padding: 1rem .6rem;}
  .guide-cont{flex-flow: wrap;margin-top: .4rem;justify-content: space-between;}
  .guide-item{width: 48%;max-width: none;margin: .4rem 0 0;}
  .sec7bg{bottom: -.6rem;}
  .section8 {overflow: hidden;
    background: linear-gradient(180deg, #f4f6ff00 0%, #00000100 10%, #001C28 11%, #001C28 100%);
}
.sec8bg1{width: 1000px;left: 50%;transform: translateX(-50%);}
  .download-areas{display: block;padding: 0rem .6rem;text-align: center;}

  .download-text{width: auto;text-align: center;margin-top: .4rem;}
  .content-btns{margin-left: auto;margin-right: auto;margin-bottom: .0rem;}
  .disclaimer-areas{margin-top: .4rem;}

    .guide-cont-swiper {
      display: flex;
      width: auto;
      flex-flow: wrap;
      justify-content: space-between;
    }
  
    .guide-button-prev::before,
    .guide-button-next::before {
      display: none;
    }
/* #en */
  #en .keynote-item h3{max-width: none;}

  /* #es */
#es .guide-cont{margin-top: .45rem;display: flex;justify-content: space-between; flex-flow: wrap;}
#es .guide-item{margin: .4rem 0 0;}
/* #de */


/* #it */
#it .guide-cont{margin-top: .45rem;display: flex;justify-content: space-between; flex-flow: wrap;}
#it .guide-item{margin: .4rem 0 0;}

}


@media screen and (max-width: 750px) {

  
  .content-btns, .content-navbtns .content-btns,
  .banner-btns{width: auto;display: block;}
  .banner .banner-text>p{font-size: .32rem;}
  .banner-btns .ban-btn a,
  .content-btns .ban-btn a,
  .content-btns .navbtns-btn a {
    display: block;
    margin: .3rem auto 0;
    padding: 0;
    height: 1rem;
    font-size: .4rem;
    width: 4.6rem;
    border-radius: 10px;
    line-height: 1rem;
}


.content-btns .download-btn a::before,
.content-btns .purchase-btn a::before,
.banner-btns .ban-btn a::before,
.content-btns .ban-btn a::before {

  font-size: .36rem;
  margin-right: .24rem;
 
}
.section2{padding: 1rem .3rem;}
.keynote-item{padding: .3rem;}

.keynote-item::after {
  content: "";
  pointer-events: none;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  border-radius: 20px;;
}

.core-item-text p, .core-tabs-icon-mo .core-tabs-text,
.keynote-item h4, .step-item>p, .item-text>p{font-size: .28rem;}


.stars_line{width: 70%;}
.steps-tab h3, .use-areas>p{font-size: .3rem;}


.faq-lists h3{font-size: .32rem;}
.faq-lists h3 .icon_down:after{font-size: .24rem;}
.faq-lists .answer{font-size: .28rem;}

.keynote-item .item-text{margin-top: .2rem;}


.step-item{padding: .2rem .2rem .2rem .6rem;}
.step-item.act{padding: .2rem .2rem .2rem .6rem;}
.step-item::after {top: calc(.44rem);height: calc(100% - .8rem);left: .22rem;width: 0.02rem;}
.step-item::before {content: "";position: absolute;top: calc(.44rem);left: .22rem;width: 0.02rem;}
@keyframes stepact {0%{height: 0;}100%{height: calc(100% - .8rem);}}
.keynote-item h4::after {left: -.48rem;top: 50%;transform: translateY(-50%);width: .24rem;height: .24rem;}
.keynote-item h4::before {left: -.42rem;top: 50%;transform: translateY(-50%);width: .12rem;height: .12rem;}


.content-navbtns .nav_title img{width: 1.2rem;display: block;margin: 0 auto .2rem;}
.content-navbtns .nav_title{font-size: .36rem;}

.section5,.section3,
.section4{padding: .8rem .3rem;}
.core-item{padding: .3rem;}
.guide-cont-swiper .guide-item-img img {
  height: auto;
}
.comment-areas{padding: 0 .3rem;}
.netflix-guide{padding: .8rem .3rem 1rem;}
.section6{padding: .8rem .3rem .8rem;}

.guide-cont{justify-content: center;}
.guide-item{width: 96%;padding: .2rem;
  border-radius: .4rem;}
  .guide-item .guide-icon{width: .48rem;height: .48rem;}
  .guide-item p{font-size: .28rem;margin-top: .3rem;padding-left: .7rem;}

  .guide-more a {
    min-width: 3.6rem;
    width: auto;
    padding: 0 .3rem;box-sizing: border-box;
    height: .8rem;
    line-height: .8rem;
    font-size: .36rem;
    border-radius: .16rem;
}
.guide-more a::after{font-size: .28rem;width: auto;margin-left: .2rem;}
.guide-more a:hover::after{width: auto;}
.download-title p{font-size: .35rem;}
.download-areas{padding: 0rem .3rem;}

.disclaimer-areas{padding: .4rem .4rem;font-size: .24rem;display: block;text-align: center;}
.disclaimer-areas img{width: .84rem;height: auto;display: none;}
.disclaimer-areas>p{margin-left: 0;margin-top: 0rem;text-align: left;}
.disclaimer-areas>p{font-size: .28rem;}
.disclaimer-areas>p strong{display: block;font-size: .32rem;}


#es .guide-cont{justify-content: center;}
#it .guide-cont{justify-content: center;}
}


@media screen and (max-width: 586px) {
  .comment-item{min-height: 6rem;}
  .user-text p, .user-text li .stars_num {font-size: .2rem;}

  #fr .comment-item {min-height: 6.8rem;}
}