@charset "utf-8";
body{background:#fcfcfc;font-family:"Google Sans",MavenPro,Poppins,sans-serif;
    --pay-select-color:#FE4D3A;
    --gradient-color-start:#FF5C30;
    --gradient-color-end:#FC3748;
    --pay-recommend-color:#FF293B;

    --plan-starter-color:#3D89F7;
    --plan-pro-color:#F64B4B;
    --plan-premium-color:#8532EE;
}
.biopayment{font-size:14px;font-weight:400;width:1000px;margin:0 auto;padding:160px 0 40px}
.biopayment h2{color:#000;font-size:40px;}
.biopayment.pay_content_spp{width:1200px;}
.plan_page_promote{text-align:center}
.plan_page_tips{text-align:center;color:#000;margin:8px 0 8px;font-size:16px;}
.plans-intro{max-width:1200px;margin:auto;}
.pay_content_spp+.plans-intro{width:1200px;}
.monthly_starter .pro-mark{ background: var(--plan-starter-color);}
.monthly_pro .pro-mark{ background: var(--plan-pro-color);}
.monthly_premium .pro-mark{ background: var(--plan-premium-color);}
.biopayment h5{margin-top:16px;color:#555;text-align:center;font-size:20px;line-height:28px}
.pay_content{display:flex;color:#000;justify-content:center;margin-top:24px;}
.price_free,.price_premium,.price_pro{width:30%;margin:0 auto}
.price_starter{display:none;}
.pay_content_spp .price_free,.pay_content_spp .price_premium,
.pay_content_spp .price_pro,.pay_content_spp .price_starter{width:23.6%;margin:0 auto}
.pay_content_spp .price_starter{display:block;}
.pay_content_spp .prods_price{display:block;}
.pay_content_card,.pay_content_free{width:100%;padding:20px;position:relative}
.pay_content_free{color:#000;max-width:300px;background:#fff;border-radius:24px;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.04);height:100%;}
.pay_content_card{cursor:pointer;max-width:300px;background:#fff;border-radius:24px;box-shadow:0 0 24px 0 rgba(0,0,0,.04);height:100%}
.pay_content_card,.pay_content_free{display:flex;flex-direction:column;justify-content:space-between}
.pay_content_card .card_line,.pay_content_free .card_line{width:100%;height:1px;background-color:#d8d8d8}
.pay_content_card h2,.pay_content_free h2{font-weight:500;text-align:left;font-size:24px}
.pay_content h2{height:30px;display:flex;align-items:center}
h2 .pro-mark{width:28px;height:28px;text-align:center;vertical-align:middle;border-radius:8px;margin-right:8px;padding-top:6px}
.pro-mark svg{width:16px;height:16px}
.pay_content_free p{text-align:left}
.pay_content_card h2>span{font-size:12px;color:#777}
.pay_content_card h2>span:nth-child(2){margin-left:12%}
.pay_content_card p{font-size:12px;text-align:left;color:#666}
/* .pay_content_card p>span{color:#ff6541;font-size:16px;} */
.pay_content_card p strong,
.pay_content_free p strong{font-size:24px;color:#000}
.pay_content_card ul li,.pay_content_free ul li{position:relative;margin:16px 0;padding-left:22px;height:20px}
.pay_content_card ul li i,.pay_content_free ul li i{display:inline-flex;position:absolute;width:12px;height:12px;margin-right:10px;top:4px;left:0;background:center/cover url(https://bio.linkcdn.cc/instabio.cc/v5.8/icons/price_yes.png) no-repeat}
/* .pay_content_free a{display:inline-block;bottom:28px;left:40px;background:#EBEDEF;padding:8px 16px;border-radius: 18px;color:#666;min-width:200px;text-align:center;width: 100%;} */
/* .pay_content_free button{display:inline-block;bottom:28px;left:40px;background:#EBEDEF;padding:8px 16px;border-radius: 18px;color:#666;min-width:200px;text-align:center} */
/* .pay_content_card a{display:inline-block;background-color:#EBEDEF;padding:8px 16px;border-radius:18px;color:#666;min-width:200px;text-align:center} */
.pay_content_free a,.pay_content_card button{display:inline-block;padding:8px 16px;border-radius:30px;color:#666;min-width:200px;width:100%;text-align:center;height:52px;margin:10px 0 6px;border: 2px solid #666666;line-height:36px;}
/*.pay_content_card a:hover,*/
/* .pay_content_free a:hover{background:var(--pay-select-color);color:#FFF} */
/* .card_active ul li i{background:center/cover url(https://bio.linkcdn.cc/instabio.cc/images/icon/price_yes_active.png) no-repeat} */
/*.card_active>a{background-color:#ff6541;color:#fff}*/
/* .pay_content_card:hover p strong{color:var(--pay-select-color)} */
/* .pay_content_card:hover ul li i{background:center/cover url(https://bio.linkcdn.cc/instabio.cc/images/icon/price_yes_active.png) no-repeat} */
.pay_content_free a:hover,.uptopro:hover{color: #fff;border:0;background:linear-gradient(103deg,var(--gradient-color-start),var(--gradient-color-end) 96%, var(--gradient-color-end) 97%);}

/* .pay_content_card.selected p strong{color:var(--pay-select-color)} */
/* .pay_content_card.selected ul li i{background:center/cover url(https://bio.linkcdn.cc/instabio.cc/images/icon/price_yes_active.png) no-repeat} */
/* .pay_content_card.selected .uptopro{color:#fff;background:linear-gradient(118deg,var(--gradient-color-start),var(--gradient-color-end));} */
.price-group.price-one{display:none}
.price-item{position:relative;margin-top:16px;border-radius:14px;opacity:1;box-sizing:border-box;border:2px solid #e4e8ed;padding:20px 16px}
.price-item .price__box{display:flex;align-items:center;justify-content:space-between}
.price__box p:first-child{width:100%}
.price__box p:last-child{min-width:60px;text-align:right}
.price-item .price__einfo{padding-left:18px;display:flex;align-items:center;justify-content:space-between}
.price__einfo .price__save{padding:2px 6px;background-color:var(--pay-recommend-color);color:var(--pay-recommend-color);border-radius:12px}
.price-item.selected{border:2px solid var(--pay-select-color)}

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}
h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
ctoolion,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
/* switch */
.btn-switch{display:inline-block;width:58px;height:30px;border-radius:15px;position:relative;cursor:pointer;transition:all 1s;}
.closed::before{content:" ";display:inline-block;width:22px;height:22px;border-radius:50%;background:#FFFFFF;position:absolute;left:6px;top:4px;transition:all 1s;}
.opened::before{content:" ";display:inline-block;width:22px;height:22px;border-radius:50%;background:#FFFFFF;position:absolute;right:6px;top:4px;transition:all 1s;}
.monthly_yearly,.prods_price{text-align:center;color:#333333;font-size:20px;margin:24px 20px;line-height:30px;}
.prods_price{color:#000;display:none;}
.monthly_yearly .plan_monthly,.prods_price .auto_renew{vertical-align:top;margin-right:10px}
.monthly_yearly .plan_yearly,.prods_price .onetime_pro{vertical-align:top;margin-left:10px}
/*.monthly_yearly .plan_off{display:inline-block;vertical-align:top;color:var(--theme-red);font-size:12px;min-width:60px;height:28px;margin-left:6px;margin-top:1px;border-radius:8px;padding:0 28px 0 6px;*/
/*background:calc(100% - 4px) center/20px url(https://bio.linkcdn.cc/instabio.cc/images/icon/price_save.png) no-repeat rgba(254,0,22,0.1);}*/
.prods_price .bg--color{background-color:#ECECEC;}
.prods_price .bg--color.closed::before{background:#000000;}
.prods_price .bg--color.opened::before{background:#000000;}
.yearly_pro,.yearly_premium{display:none}
.renew_onetime{display:none}
.renew_onetime .btn-switch{display:flex;margin:0 auto;width:160px;font-size:12px;border-radius:8px;overflow:hidden;border:1px solid #333}
.renew_onetime .btn-switch span{display:inline-block;width:50%;height:28px;line-height:28px;position:relative;z-index:2}
.renew_onetime .closed::before{width:80px;height:30px;border-radius:0;background:#000;left:0;top:0}
.renew_onetime .closed .auto_renew{color:#fff}
.renew_onetime .opened::before{width:80px;height:30px;border-radius:0;background:#000;right:0;top:0}
.renew_onetime .opened .onetime_pro{color:#fff}
.onetime_tips{display:none;color:#666;line-height:20px;font-size:16px}
.price__box p span{color:#555;font-size:12px}
.price__box .price__tips{text-align:right}
.price__recomm{background-color:var(--pay-recommend-color);display:inline-block;color:#fff;font-size:12px;line-height:12px}
.price-item .price__recomm{position:absolute;right:-2px;top:-2px;padding:6px 10px;border-radius:0 14px 0 14px}
.price__box .price__recomm{width:96px;height:18px;border-radius:10px;line-height:18px;text-align:center}
.price__box .v-radio-label{height:28px;padding-left:18px;}
.card_active p{color:#FC3B47}
.plan_detail{padding-top:60px;max-width:1000px;width:92%;margin:auto;min-width:900px}
.plan_detail-txt{margin-bottom:40px;line-height:1;}
.plan_detail-txt p{font-size:14px;color:#777777}
.plan_detail-txt h2{font-weight:600;font-size:24px;margin-top:16px;}
.plan_detail_table{border-radius:16px;border:1px solid #D8DBDE;overflow:hidden;margin-bottom:24px;}
.plan_detail table{width:100%;border-collapse:initial;border:0;border-radius:10px;color:#333;font-size:14px}
.plan_detail_table .head-table thead{height:58px;background:#EBEDEF;font-size:20px}
table thead{height:48px;background:rgba(235,237,239,0.5);font-size:16px}
table tbody tr{height:60px;line-height:60px}
table thead th{min-width:200px;width:200px}
table thead th:first-child{width:auto}
table tr td:first-child,table tr th:first-child{text-align:left;padding-left:30px}
table tr td:first-child{display:flex;align-items:center}
.detail-free,.detail-pro,.detail-tips{display:inline-block;width:20px;height:20px;border-radius:50%;color:#fff;line-height:20px;text-align:center}
.detail-free .iconfont,.detail-pro .iconfont{font-weight:600;font-size:12px;line-height:20px}
.detail-tips{position:relative;color:#777;padding-left:4px;cursor:pointer;word-break:break-word}
.detail-tips .tips-txt{position:absolute;display:none;max-width:260px;padding:8px;border-radius:6px;border:1px solid #777;line-height:20px;font-size:14px;width:max-content;left:28px;top:10px;transform:translateY(-50%);background-color:#FFF;text-align:left}
.detail-tips .tips-txt:before{content:'';display:block;width:10px;height:10px;border:1px solid #777;background-color:#fff;position:absolute;border-right:0;border-top:0;left:-6px;top:50%;transform:translateY(-5px) rotate(45deg)}
.detail-tips:hover .tips-txt{display:block}
.detail-free{background-color:rgb(245,246,247);color:rgb(151,155,159)}
.detail-pro{background-color:var(--theme-active-color)}