@charset "utf-8";
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Poppins", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust:100%; -webkit-text-size-adjust:none; line-height:1.2; color:#333;}
html{ font-size:16px; }
body { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; min-width: 920px; overflow-x: auto; }
* { margin: 0; padding: 0; }

.dsn { display: none; }
.pw1400 {  max-width: 1400px; width: 92%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }

/* head */
.header { padding: 10px 0; background: #fff; box-shadow: 0 1px 12px 0px rgb(219, 219, 219, .25); }
.header img { vertical-align: bottom; }
.head-logo a { display: block; }

/* main */
.main { display: flex; justify-content: space-between; max-width: 920px; width: 100%; height: 780px; border-radius: 10px; background: #FFF; box-shadow: 0px 0px 6.4px 0px rgba(178, 178, 178, 0.25); padding: 24px 0 24px 24px; margin: 40px auto; box-sizing: border-box; }
/* message */
.product-message {overflow: hidden; background: #fff ; background-size: cover; max-width: 375px; width: 100%; border-radius: 10px; padding: 20px 10px 0px; box-sizing: border-box; }
.au_fullbg.product-message { background: #fff; }


/* message nav 2024-11-14 */
.yeartips { display: inline-block; vertical-align: middle; margin-left: 2px; top: 1px; position: relative; font-weight: normal; color: inherit; cursor: default; font-style: normal;}
.yeartips:after { content: "\e923"; font-family: "iconfont"; display: inline-block; font-weight: normal; font-size: 14px;}
.yeartips i { display: inline-block; width: 190px; padding: 10px; font-size: 12px; line-height: 1.5; border-radius: 5px; box-shadow: 0 0 50px rgba(0,0,0,0.1); position: absolute; top: 26px; z-index: -3; left: -160px; background-color: #fff; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; font-style: normal; color: #000;}
.yeartips i:after { content: ""; display: inline-block; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 159px;}
.yeartips:hover i {opacity: 1; z-index: 10;}
.head-hover-tips{z-index: 3;cursor: pointer; display: inline-block;position: relative; vertical-align: bottom;margin-right: 12px;}
.head-hover-tips p{pointer-events: none; z-index: -2;cursor:context-menu; opacity: 0; transition:opacity .3s; position: absolute;width: 447px;padding: 10px;box-sizing: border-box;text-align: center;border-radius: 5px;background: #FFF;left: 50%;transform: translate(-50%,66%);box-shadow: 0px 0px 4.3px 0px rgba(0, 0, 0, 0.15);}
.head-hover-tips p span{position: relative;z-index: 6;}
.head-hover-tips p::after{transition:opacity .3s; content: "";position: absolute;width: 100%;height: 12px;top: -12px;left: 0;background: none;}
.head-hover-tips .svg{z-index: 2; position: absolute;background: white; width: 20px;box-shadow: 0px 0px 4.3px 0px rgba(0, 0, 0, 0.15);height: 20px;transform: rotateZ(45deg); left: 50%;top: -5px; transform: translate(-50%,0%) rotateZ(45deg);}
.head-hover-tips .svg1{z-index: 4; position: absolute;background: white; width: 50px;height: 20px; left: 50%;top: 0px; transform: translate(-50%,0%);}
.head-hover-tips:hover p{pointer-events: all; z-index: 3; opacity: 1;}


.message-nav{ margin-bottom: 30px; position: relative; display: flex;justify-content: center;padding: 12px;box-sizing: border-box;}

.message-nav::after{content: "";z-index: 2; position: absolute; bottom: 0; width: 106%;height: 2px; background: #D4EEEC;}
.message-nav::before{content: "";transition: .3s; z-index: 3;border-radius: 2px;left: -60%; position: absolute;bottom: 0; width: 55%; height: 2px;background: #33CDBD;}

.message-nav.full::before{left: 50%;}
.message-nav.feature::before{left: -3%;}


.message-nav.feature p:nth-child(1){color: #33CDBD;}
.message-nav.full p:nth-child(2){color: #33CDBD;}
.message-nav p{width: 53%;position: relative;cursor: pointer; color: #5D5D5D; text-align: center;font-size: 16px; font-weight: 700;}

/* .message-nav p.act{color: #33CDBD;} */

.message-nav .fullicon{position: absolute;left: 39%;top: -110%;}

.message-bottom.full{max-width: 355px;padding-top: 20px;text-align: center;display: none;}
.message-bottom.full svg{vertical-align: middle;}



.message-bottom.full .full-feature{margin-top: 10px; display: flex;justify-content: space-between;padding-right: 15px;}
.full-feature p{color: #FF9632; font-size: 14px;font-weight: 700;}
.full-feature p span{color: #FF9632;font-size: 14px; font-weight: 700;}


.full-puls{color: #1DC3AF;max-width: 340px;font-size: 12px;position: relative;}
.full-puls::after{content: "";top: 50%;left: 0; transform: translate(0,-50%); position: absolute;width: 131px;height: 2px;background: #C2F1EB;}
.full-puls::before{content: "";top: 50%;right: 0; transform: translate(0,-50%); position: absolute;width: 131px;height: 2px;background: #C2F1EB;}
.message-bottom.full .full-puls svg{vertical-align: sub;}
.message-bottom.full h4{font-size: 14px;color: #666;font-weight: 700;}

.full-item-name::before { content: "\e924";font-family: "iconfont";color: #999;font-size: 16px; position: absolute; top: 2px; margin-right: 8px;left: 0;}
.full-item{height: 177px;overflow: hidden;transition: height .3s;padding-right: 15px;}
.full-item::-webkit-scrollbar { width: 3px;}
.full-item::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #E0E0E0;-webkit-box-shadow: inset 1px 1px #eaeaea;}
.full-item p{ line-height: 14px;margin-top: 8px; position: relative; display: flex;color: #999; justify-content: space-between;padding-left: 18px;}

.full-item p span{font-size: 14px;color: #999;}

.full-item-more{text-align: left;margin-top: 12px;}
.full-item-more span{text-decoration: underline;cursor: pointer;color: #999;font-size: 14px;}
.full-item-more svg{cursor: pointer;}
/* 2024-11-14 end */
/* message top */
.message-top { text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #E1CEC0; }
.product-title { color: #000; font-size: 22px; font-weight: 600; }
.product-title span { color: #333; font-size: 18px; font-weight: 600; }
.product-plan { color: #333; font-size: 22px; font-weight: 500; margin: 10px 0; }
.product-device { display: inline-block; border-radius: 5px; background: #fff; padding: 2px 10px; color: #fff;font-size: 14px; font-weight: 500; }
.product-sale { margin: 20px auto 0; }
.product-sale span { color: #FF9533; font-size: 48px; font-weight: 600; line-height: 60px;}
.product-sale del { color: #666; font-size: 16px; font-weight: 500;}
/* message bottom */
.message-bottom { margin: 0 auto; padding-top: 40px; max-width: 335px; width: 100%; }
.equity-information li { position: relative; color: #666; font-size: 14px; margin-bottom: 10px; list-style: none; padding-left: 25px; }
.equity-information li::before { width: 16px; height: 16px; display: block; position: absolute; left: 0; top: 2px; content: ""; background: url(https://keeprix-resource.com/en/video-downloader/img/vdcheckout-equity-icon.png) top center no-repeat; background-size: contain; }
.offer-help { color: #999; font-size: 14px; margin-top: 70px; }
.offer-help a { color: #999; font-size: inherit; font-weight: 500; }
.offer-help a:hover { color: #666; }
/* price */
.product-price { background: #fff; width: 494px; height: 735px; box-sizing: border-box; position: relative; padding-right: 0px; scrollbar-gutter: stable; }
.product-price::-webkit-scrollbar { width: 6px;}
.product-price::-webkit-scrollbar-thumb { border-radius: 6px; background-color: #eaeaea; -webkit-box-shadow: inset 1px 1px #eaeaea;}
/* .product-price::-webkit-scrollbar-track { width: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 6px transparent; background-color: rgba(239,239,239,.89)} */
.checkout-container_loading{ width:100%; height:100%; position: absolute; z-index: 150;}
.checkout-container_loading img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}   
/* user message */
.pay-title { color: #333; font-size: 20px; font-weight: 500; margin-bottom: 20px; display: none; }
.buy-method { display: none; position: relative; justify-content: space-between; align-items: center; height: 52px; width: 95%; box-sizing: border-box; border-radius: 10px; border: 1px solid #E1E0E5; background: #fff; margin: 0 24px 25px auto;}
.buy-method p { width: 50%; height: 52px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; cursor: pointer;}
.buy-method p:hover { border: 2px solid #18B7A5; border-radius: 10px; }
.buy-method p.active-now { border-radius: 10px; border: 2px solid #18B7A5; background: #EDFFFD; }
.buy-method p img { vertical-align: middle; }
.buy-method p span { display: inline-block; color: #333; font-size: 18px; font-weight: 500; vertical-align: middle; margin-left: 10px; }
.input-tips { color: #666; font-size: 14px; line-height: 22px; margin-bottom: 15px; }
.input-name { display: none; margin: 10px auto; position: relative; }
.input-name label { position: absolute; top: 20px; left: 0; font-size: 16px; color: #30313d; margin-left: 12px; transition: all .3s ease-in-out; z-index: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}
.input-name.input-name-focus label { top: 10px; transform: scale(0.9); transition: all .3s ease-in-out; color: #797981; }
#name {width: 100%; border: 1px solid #e4e4e4; padding: 32px 12px 12px; border-radius: 5px; box-sizing: border-box; outline: none; font-size: 16px; color: #30313d; background-color: transparent !important; position: relative; z-index: 1; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}
#name:focus { border: 1px solid #0570de; box-shadow: 0 0 0 3px rgba(5, 115, 225, 0.25), 0 1px 1px 0 rgba(0, 0, 0, 0.08); }
#name::placeholder { color: transparent; font-size: 16px; font-family: 'Poppins';}
.input-name-focus #name::placeholder { color: #757680; transition: all .5s ease-in-out; }
input:-internal-autofill-selected, input:-webkit-autofill { -webkit-text-fill-color: #30313d; transition: background-color 5000s ease-in-out 0s !important;}
.pop_name_error { color: #df1b41; font-size: 15px; }
#name.name-error-tip { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px #df1b41; border: 1px solid #df1b41; }
.stripe-buy { display: block;  width: 97%; margin: 0 20px 0 0;padding-right: 15px;box-sizing: border-box; }
.paypal-buy { display: none;  width: 98%; margin: 0 20px 0 0;padding-right: 15px;box-sizing: border-box; }
.paypal-buy p { color: #999; font-size: 14px; margin-top: 30px; }
.paypal-button-container { margin: 15px auto 10px; }

.user-message .stripe-buy{ overflow-y: auto;box-sizing: border-box;padding-left: 3px; padding-right: 10px;height: 337px;}
.user-message{position: relative;}

.stripe-buy .subscription-form{width: 99%;}
.user-message .stripe-buy::-webkit-scrollbar {
  width: 8px;
}
.user-message .stripe-buy::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #eaeaea;
  -webkit-box-shadow: inset 1px 1px #eaeaea;
}
/* price message */
.price-message { position: relative; box-sizing: border-box; border-bottom: 1px solid #F0F0F0; margin: 30px 0 0 0; min-height: 120px; width: 95%; }
.coupon-title { display: flex; justify-content: space-between; }
.coupon-title p { color: #333; font-size: 20px; font-weight: 500;}
.coupon-title em { display: inline-block; color: #18B7A5; font-size: 16px; text-decoration-line: underline; cursor: pointer; }
.coupon-title em:hover { color: #1BD1BD; }
.input-coupon { position: absolute; bottom: -5px; border-radius: 10px; width: 100%; min-height: 90px; padding: 16px 12px 0; border: 1px solid #E4E4E4; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(226, 226, 226, 0.25); box-sizing: border-box;}
.input-coupon.isflag { display: none; }
.coupon-box input { border: none; background-color: #F7F7F7; border-radius: 10px; padding: 10px 0px 10px 10px; width: 300px; font-family: 'Poppins'; outline: none;}
.coupon-box input::placeholder { color: #999; font-size: 16px; }
.coupon-box button { background-color: #FF9632; border: none; color: #fff; font-size: 16px; font-family: "Poppins"; display: inline-block; border-radius: 10px; padding: 7px 18px; cursor: pointer; margin-left: 15px;}
.coupon-box button:hover { background-color: #F08D2F; }
.trvd .coupon-box button { padding: 7px; margin-left: 5px; }
.coupon-null, .coupon-invalid { color: #F74040; font-size: 14px; line-height: 22px; }
.sale-price { margin: 10px auto; }
.sale-price span { color: #000; font-size: 32px;font-weight: 600;}
.sale-price del { color: #999; font-size: 18px; }
.use-coupon { color: #666; font-size: 14px;line-height: 22px; display: none; }
.discount-amount { color: #FF9632;font-size: 16px; font-weight: 600; line-height: 22px; }
#submitPayment { width: 100%; text-decoration: none; border-radius: 10px; background: #FF9632; padding: 12px 0; font-size: 22px; font-weight: 500; color: #fff; cursor: pointer; text-align: center; margin: 30px auto 15px; display: none;}
#submitPayment:hover { background: #F08D2F; }
#submitPayment img { vertical-align: middle; margin-right: 10px; }
.paypal-buy .security-certification, .stripe-buy .security-certification { text-align: center; margin-top: 0; }
.security-certification a { text-decoration: none; display: inline-block; margin-left: 10px; }
.security-certification span { color: #999; font-size: 14px; line-height: 22px; }
.security-certification svg { vertical-align: middle; }
.security-certification img { vertical-align: middle; margin-top: -4px; }
.security-certification:hover svg path { fill: #666; }

.error_msg { display: none; width: 460px; margin: 0 auto; height: 100%; flex-direction: column; justify-content: center; align-items: center;}
.error_msg p { color: #000; text-align: center; font-size: 18px; line-height: 28px; margin: 25px auto 40px}
#error_btn { width: 50%; margin: 0 auto; font-size: 22px; font-weight: 600; color: #fff; border-radius: 10px; padding: 10px 0; background: #18B7A5; cursor: pointer; text-align: center;}

/* dk */
.main .buy-method p.active-now { border-radius: 10px; border: 2px solid #49C85B; background: #EFFFF1;}
.main .buy-method p:hover { border: 2px solid #49C85B; border-radius: 10px; }
.main .coupon-title em { color: #256CFF; }
.main .message-nav.feature p:nth-child(1), .main .message-nav.full p:nth-child(2) { color: #256CFF; }
.main .message-nav::before { background: #fff; }
.main .full-puls { color: #256CFF; }
.main .full-puls::after, .main .full-puls::before { background: #D9ECDC; }

.main .full-item { height: 205px; }
.main #name { border-radius: 10px; }
.main .message-nav::after { background: #fff; }

.vd_logo, .vc_logo { display: none; }
.vd .product-device { background: #E4C9FF; color: #8C54C3;}
.vd .product-message { background: #F9F7FF url(https://keeprix-resource.com/en/video-downloader/img/vdcheckout-bgimg.png) top center no-repeat; }
.vd .vd_fullbg.product-message { background: #F9F7FF url(https://keeprix-resource.com/en/video-downloader/img/vdcheckout-bgimg.png) top center no-repeat; padding-top: 40px; }

.vc .product-device { background: #E0EBFF; color: #1A68FF;}
.vc .product-message { background: #F9F7FF url(https://keeprix-resource.com/net/video-converter/img/vdcheckout-bgimg.png) top center no-repeat; }
.vc .vd_fullbg.product-message { background: #F9F7FF url(https://keeprix-resource.com/net/video-converter/img/vdcheckout-bgimg.png) top center no-repeat; padding-top: 40px; }

/* foot */
.footer { padding: 10px 0; border-top: 1px solid #F3F3F3; position: relative; bottom: 0; }
.homecopy_des { text-align: center; }
.homecopy_des p { color: #707070; font-size: 14px; font-weight: 500; line-height: 26px; }
.homecopy_des p a { font-size: inherit; font-weight: 500; text-decoration: none; color: #707070; }
.homecopy_des p a:hover { color: #000; }

/* payinsider */
.subscription_box { margin: 20px 0 10px; }
.subscription_box input { display: inline-block; vertical-align: top; margin-top: 4px;}
.subscription_box label { display: inline-block; padding-left: 4px; box-sizing: border-box; max-width: calc(100% - 20px); color: #999; font-size: 14px;}
.subscription_box span:hover { color: #000; }
.subscription_box span { text-decoration: underline; cursor: pointer; color: #666; font-size: inherit; }
.quality_pop { display: none; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.70); }
.quality_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  max-width: 800px; width: 100%; height: 600px; box-sizing: border-box; border-radius: 15px; background: #FFF; padding: 50px 10px 50px 40px;  }
.close_pop { position: absolute; right: 20px; top: 20px; cursor: pointer; }
.quality_main { height: 100%; }
.quality_title::before { width: 5px; height: 100%; content: ""; display: block; position: absolute; left: 0; top: 0; background: linear-gradient(358deg, #1A68FF 20.46%, #5DFF42 103.75%);}
#quality_first, #quality_second { display: none; height: calc(100% - 80px); overflow-y: auto; overflow-x: hidden; padding-right: 30px;}
.quality_main p { color: #333;font-family: 'Poppins';font-size: 16px;font-weight: 500; margin-bottom: 20px; }
.quality_main .quality_title { position: relative; background: linear-gradient(90deg, rgb(26, 104, 255, 0.2) 0%, rgba(86, 239, 86, 0) 100%); width: 100%; color: #000;font-family: 'Poppins';font-size: 24px;font-weight: 600; padding: 10px 20px; }
.quality_main .text_title { color: #000;font-family: 'Poppins';font-size: 22px;font-weight: 500; margin-bottom: 20px;}
.quality_main .last_text { margin-bottom: 0; }
::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-thumb { background: #d9d9d9; border-radius: 10px;}
.subscription_box .error_text, .subscription_box .error_text span { color: red; }
.message-nav .fullicon { left: unset; right: -5%; }
.payment_box { position: relative; }
.payment_box .error_msg { display: none; width: 100%; margin: 0 auto; height: 100%; position: absolute; background: #fff; top: 0; }
.payment_box .error_msg>div { display: flex;  width: 90%; height: 100%; margin: 0 auto; flex-direction: column; justify-content: center;align-items: center; }

#payinsider-payment-frame { height: 735px; background: #fff; border-radius: 16px;  overflow: hidden; }

.vd .product-message { padding-top: 40px; border-radius: 10px; background: linear-gradient(173deg, #E6D9FF -14.56%, #F9F6FF 0.01%, #FFFBF6 91.11%, #FFD39E 114.64%); }
.vc .product-message { padding-top: 40px; border-radius: 10px; background: linear-gradient(173deg, #9EC5FF -18.22%, #F7F9FF 11.29%, #F7FFFA 90.61%, #C5FFCB 104.44%); }
.vc .message-nav::before { background: #256CFF; }
.vc .message-nav::after { background: #D6E4FF; }
.vd .message-nav.feature p:nth-child(1), .vd .message-nav.full p:nth-child(2) {color: #8C54C3;}
.vd .message-nav::before { background: #8C54C3;}
.vd .message-nav::after { background: #F3E6FF; }
.product-plan { font-size: 18px; }
.equity-information li { color: #999; }
.equity-information li::before { background: url('https://keeprix-resource.com/net/video-converter/img/vdcheckout-equity-icon.svg') top center no-repeat; top: 3px; }


.checkout-container_loading img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.error_pop {position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);border-radius: 10px;display: none;}
.error_main {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 60%;width: 100%;background-color: #fff;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 35px 35px;box-sizing: border-box;}
.payment_box .error_msg { position: relative; display: flex; margin: 20px auto; }
.error_pop p {color: #000;text-align: center;font-size: 18px; line-height: 28px; margin: 20px auto;}
#error_btn { margin: 0 auto; font-size: 14px; font-weight: 400; color: #fff; border-radius: 10px; padding: 10px 54px; background: #2376FF; cursor: pointer; text-align: center;}

@media screen and (max-width: 980px) {
  body { overflow-x: hidden; min-width: auto; }
  .main {height: auto; max-width: 100%; width: 94%; justify-content: space-around; padding: 24px 0;}
  .product-price, .product-message { width: 46%; }
  .coupon-box input { width: 50%; }
  .coupon-box input::placeholder { font-size: 12px; }
}

@media screen and (max-width: 750px) {
  body { display: block; height: auto;}
  .header { padding: 15px 0; }
  .head-tips { display: none; }
  .vd .vd_fullbg.product-message { background: none; }
  .main { display: block; background: #fff; padding: 0; text-align: center; width: 100%; margin: 0; }
  .product-price, .product-message  { display: inline-block; max-width: 100%; width: 100%; margin: 0 auto; background: #fff; height: auto; }
  .message-bottom { display: none; }
  .user-message .stripe-buy { margin: 30px auto 0; height: auto; overflow: hidden; width: 100%; }
  .price-message { margin: 0px auto; padding: 0; min-height: auto; }
  .coupon-box input { width: 60%; }
  .input-coupon { width: 100%; min-height: auto; padding: 15px 12px; right: 0; }
  .input-tips, .pop_name_error, .sale-price { text-align: left; }
  .stripe-buy { margin: 0 auto; padding: 0; width: 100%; padding: 0 0 30px; }
  .message-top img { width: 70px; height: 70px; }
  .message-top { border-bottom: 1px dashed #f0f0f0; }
  .homecopy_des p { padding: 0 10px; }

  #de .coupon-title p, #de .coupon-title em { font-size: 13px; }
  .coupon-box button { padding: 7px; margin-left: 10px; }

  #tr .coupon-box input { width: 50%; }

  /* payinisder */
  .subscription_box label { text-align: left; }
  .quality_wrap { max-width: none; width: 94%; }
  .quality_main p { font-size: 14px; }
  .quality_main .quality_title { font-size: 20px; }
  .quality_main .text_title { font-size: 18px;}
  .vd .product-message,.vc .product-message { background: none; }
}

@media (max-width: 480px) {
  .payment_box { flex-direction: column;}
  .payment_list { margin: 1em 0 0 0; } 
}