/*公用的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;}

.help-link span{width: calc(100% - 26px);}
.help-link .pod-icons{width:24px;height:24px;background: var(--icon-color,#000);}

.help-content-box{max-width: 1280px; margin:40px auto;}

/* .help-link span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis} */

.popular-questions-list{margin: 40px -10px;}
.popular-questions-list-ul{display: flex;flex-wrap: wrap;  padding-left: 0; width: 100%;row-gap: 20px;}
/* .popular-questions-list-ul::after {content: "";flex: auto; min-width: calc(33.3333% - 20px);} */
.popular-questions-list-li{display: flex;
    padding: 16px 24px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.5); margin: 0 10px 0;box-sizing: border-box;}



.contact-us-list{margin: 40px -10px;flex-wrap: wrap; display: flex;}

.contact-us-item{display: flex;flex-direction: column;padding: 25px; border-radius: 8px; border: 1px solid rgba(0,0,0,0.5); margin: 0 10px 10px;box-sizing: border-box;}

.contact-us-item-title{margin-bottom: 20px;}

.phone-work-time{display: flex; justify-content:space-between; align-items: center;}

.contact-us-btn-box{margin-top: auto;}
.contact-us-btn{padding: 12px 24px;display: flex;background: #0A0C29;
    color:#fff ;border: 1px solid #0A0C29; border-radius: 8px;}
.contact-us-btn .pod-icons{width: 24px;height: 24px; background: var(--icon-color,#000);margin-right: 14px;}

.phone-work-time-box{margin-bottom: 40px;}

.contact-us-tips{margin-bottom: 40px;}

.contact-us-popup-box{position: fixed;top:50%;left: 0;width: 100%;height: 100%;z-index: 212;display: none;}

.contact-us-popup-div{background: #fff;border-radius: 16px;padding:30px 20px 40px;width:700px;transform: translateY(-50%);margin: 0 auto;position: relative;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);}
.contact-us-popup-div{overflow-y:auto; max-height: 96%; min-width: 300px;}
.contact-us-popup-title{font-weight: bold;}
.contact-us-popup-tip{margin-top: 20px;}

.callback-request-form{margin-top: 20px;}

.callback-privacy-cookieprivacy-checkbox-box{margin: 30px 0;}
.callback-privacy-cookieprivacy-checkbox{margin-top:0;}

.contact-us-popup-close-box{text-align: right;}

.email-request-form{margin-top: 20px;}
.email-browse-files-box{display: flex; align-items: center;}
.email-browse-files-label-btn{border-radius: 8px; border:1px solid #D5D6D8; padding: 20px 40px; margin-right: 20px; cursor: pointer;}
.email-browse-files-tips{flex: 1;}

.preview-email-img-item{margin-bottom:10px ;}


.help-center-list{padding:8px 0 20px;}
.help-center-list-box{display: flex;flex-wrap: wrap; margin: 24px 0;column-gap: 32px;}
.help-center-list-item{box-sizing: border-box;
    margin: 0 0 60px; display: flex; flex-direction: column; }
.help-center-list-ul{padding-left: 0; width: 100%;}
.help-center-list-li{border-bottom: 1px solid rgba(0,0,0,0.5); padding: 10px 0;}
.help-center-list-li a{padding: 12px 0;}

.help-center-list-more-link{display: flex; align-items: center;}
.help-center-list-more-link img{margin-left: 16px;}
.help-center-list-more-link .pod-icons{width:24px;height:24px;background: var(--icon-color,#000);margin-right: 14px;}
.help-center-list-more-link span{font-size: 16px;}


@media (min-width:1440px){
    .popular-questions-list-li{flex: 0 0 calc(33.3333% - 20px);}
    .contact-us-item{flex:1 1 calc(33.3333% - 20px)}

    .help-center-list-item{flex: 0 0 calc(50% - 20px);}

}
@media (max-width:1439px){
    .help-content-box{margin:0px 20px 40px;}
    .popular-questions-list-li{flex: 0 0 calc(50% - 20px);}
    .contact-us-item{flex:1 1 calc(33.3333% - 20px)}

    .help-center-list-item{flex: 0 0 calc(50% - 20px);}
}
@media (max-width:1023px){
    .help-content-box{margin: 50px 20px 100px;}
    .popular-questions-list-li{flex: 0 0 calc(100% - 20px);}
    .contact-us-item{flex:1 1 calc(100% - 20px)}

    .help-center-list-item{flex: 0 0 calc(100%);}

    .popular-questions-list{margin: 24px -10px;}
    .contact-us-list{margin: 24px -10px;}

    .help-center-list-item{margin-bottom:40px;}

}
@media (max-width:767px){
    .help-content-box{margin:0 20px 40px;}
    .popular-questions-list-li{flex: 0 0 calc(100% - 20px);} 
    .contact-us-item{flex:1 1 calc(100% - 20px)}

}
