/*公用的radio checkbox样式*/
.dpradio:focus,
.was-validated .dpradio:focus,
.was-validated .dpradio:valid,
.was-validated .dpradio:valid:focus{
    box-shadow: none;
    border-color: #E0E9E9;
}
.dpradio:checked,
.was-validated .dpradio:checked,
.was-validated .dpradio:valid:checked
{
    background-color: #E0E9E9;
    border-color: #E0E9E9;
    box-shadow: none;
}
.dpradio:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%230A0C29'/%3e%3c/svg%3e");
}


.from-input.is-invalid, .was-validated .from-input:invalid,
.form-dp-select.is-invalid, .was-validated .form-dp-select:invalid,
.form-textareais-invalid, .was-validated .form-textarea:invalid {
    border-color: var(--bs-danger);
}
.dpcheckbox{
    border: #D5D6D8 1px solid;
    --bs-form-check-bg: var(--bs-form-control-bg);
    margin-left:-24px;
    margin-top:8px;
    margin-right: 14px;
    width: 20px;
    height: 20px;
}
.dpcheckbox:checked,.was-validated .dpcheckbox:valid:checked {
    background-color: #0A0C29;
    border-color: #0A0C29;
}

.dpcheckbox:focus,.was-validated .dpcheckbox:valid:focus,.was-validated .dpcheckbox,.was-validated .dpcheckbox:focus{
    border: #D5D6D8 1px solid;
    box-shadow: none;

}

.checkcursor{cursor: pointer;}

/*公用的radio checkbox样式结束*/


/*公用添加地址样式*/
/* 必填时，laber出现标识 */
label:has(+ input[required])::after,label:has(+ select[required])::after,label:has(+ textarea[required])::after {
    content: "*";
    color: red;
    display: inline;
}
.address-form{
    margin-top: 10px;
}
.address-form label{
    line-height: 39px;
}

.address-form-item{
    margin-top: 20px;
}
.address-box{
    margin-bottom: 20px;
}
.additional-street{
    margin-top: 20px;
}
.address-tips{
    color: #999999;
    font-size: 14px;
    font-family: inherit;
    margin-top: 10px;
}
.submit-btn,.cancal-btn{
    width: 100%;
    box-sizing: border-box
}

/*公用添加地址样式结束*/
/*公用表单格式*/
.from-input{width: 100%; height: 44px; border: 1px solid #D5D6D8; border-radius: 8px; padding: 0 14px;}

.form-textarea{width: 100%;border: 1px solid #D5D6D8;border-radius: 8px; padding: 7px 14px;}

.form-dp-select{display: block;width: 100%;padding: 10px 14px;border: 1px solid #D5D6D8;border-radius: 8px;}


.form-file-hidden{display: none !important; }

/*公用链接下划线*/
.link-line{color: #0A0C29; text-decoration: underline;}
/*公用链接下划线结束*/
/*公用禁用按钮*/
.disabled-btn,.disabled-btn:focus{background: #D5D6D8; color: #fff; border: 1px solid #D5D6D8; cursor: not-allowed;}
/*公用禁用按钮结束*/
/*公用表单格式结束*/

.help-link{display: flex; width: 100%;justify-content: space-between; align-items: center;}



.faq-content{max-width: 1342px;position: relative; margin: 0 auto;padding:0 32px;}

.left-back-btn-box{position: absolute; width: 140px; left:-140px;top: 50px;}
.faq-btn img{margin-right: 10px;}

.faq-content-box {display: flex;justify-content: space-between;column-gap: 24px;row-gap: 24px;}
.faq-content-box-left{position: relative;max-width: 850px;width: calc(100% - 364px);}
.faq-article{margin-top: 40px; line-height: 26px;}
.faq-article p{margin-block-end:16px;margin-block-start:16px}
.faq-article img{max-width: 100%;}

.right-related-list-ul{padding-left: 0; width: 100%;margin-top: 24px;}
.right-related-list-li{border-top: 1px solid #090909;padding:20px 0;}

.right-related-list-box{width: 340px;}



.leftneav-list-item-list {display: block;}


.faq-list-ul{padding-left: 0; width: 100%;}
.faq-list-li{border-bottom: 1px solid #D5D6D8; padding: 10px 0;}

.faq-page-box{margin: 40px 0 100px; width: 100%; display: flex; align-items: center;justify-content:center}

.page-ul{display: flex;list-style: none; margin: 0;}
.page-item{width: 47px;height: 47px; display: flex; align-items: center; justify-content: center; border: 1px transparent solid;}
.page-item.active{border: 1px #000000 solid; border-radius: 8px;}
.perpage{border:1px solid #090909;height: 47px;}

.faqlist-content-box{
    flex-direction: row-reverse;
    max-width: 1280px;
    margin: 0 auto;
    padding: 50px 24px 0;

}
.faq-content-back{display: flex;}
.faq-content-back-btn{display: flex;align-items: center;}
.faq-content-back-btn .pod-icons{margin-right: 10px;width: 18px;height: 18px;background: var(--icon-color,#000);}
.faq-content-back-btn span{font-family:'Poppins-Regular';}


.faqlist-content{display: flex;column-gap:80px;row-gap:32px;justify-content: space-between;}
.faqlist-content-lef{width: 280px;}
.faqlist-content-lef-tit{line-height:48px;}
.faqlist-content-rig{width:calc(100% - 360px);}

.faqlist-content-rig .help-center-list-box{margin-top: 0;}

@media (max-width: 1440px){
  .faqlist-content{column-gap:40px;}
  .faqlist-content-rig{width:calc(100% - 320px);}

}
@media (max-width: 1024px){
    .faq-content-box{flex-wrap: wrap;}
    .faq-content-box-left{width: 100%;max-width: 100%;}
    .right-related-list-box{width: 100%;}

    
    .faqlist-content{flex-wrap: wrap;}
    .faqlist-content-lef{width: 100%;}
    .faqlist-content-rig{width: 100%;}
  
}
