.banner {
    background-image: url(/uploads/page/common/faqs-banner-bg.png);
    background-size: 100% 100%;
    padding: 75px 0 90px;
}
.banner h1 {
    color: #061C3D;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
}
@media screen and (max-width: 768px) {
    .banner {
        background-image: url(/uploads/page/common/faqs-banner-mb-bg.png);
        background-size: cover;
    }
    .banner h1 {
        font-size: 28px;
    }
}
.bread-crumbs {
    margin-top: 17px;
    overflow: hidden;
}
.bread-crumbs ul {
    display: flex;
    align-items: center;
}
.bread-crumbs ul li {
    color: #061C3D;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.bread-crumbs ul li a {
    color: #8E8E8E;
    display: inline-flex;
    align-items: center;
}
.bread-crumbs ul li span {
    display: inline-block;
    margin: 0 3px 0 6px;
}
@media screen and (max-width: 768px) {
    .bread-crumbs ul li {
        font-size: 12px;
    }
    .bread-crumbs ul li a {
        word-break: keep-all;
        white-space: nowrap;
    }
    .bread-crumbs ul li span {
        word-break: keep-all;
        white-space: nowrap;
    }
}
.wrap-form {
    margin-top: 48px;
}
.wrap-form .wrap-content-inner {
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    padding: 42px 50px 60px;
    max-width: 1008px;
    margin: 0 auto;
    text-align: center;
}
.wrap-form .wrap-content-inner h2 {
    color: #061C3D;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    margin-top: 30px;
}
.wrap-form .wrap-content-inner .form-desc {
    color: #061C3D;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}
.wrap-form .wrap-content-inner .form-desc a {
    color: #0B63E5;
}
@media screen and (max-width: 768px) {
    .wrap-form .wrap-content-inner {
        padding: 33px 18px 30px;
        max-width: 100%;
    }
    .wrap-form .wrap-content-inner h2 {
        color: #061C3D;
        font-size: 24px;
        line-height: 1.5;
        margin-top: 15px;
    }
    .wrap-form .wrap-content-inner .form-desc {
        font-size: 12px;
        margin-top: 15px;
    }
}
.form-box {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
}
.form-box .form-item {
    position: relative;
    width: 516px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    height: 56px;
    margin-bottom: 0;
}
.form-box .form-item .iconfont {
    font-size: 24px;
    padding: 0 14px;
    border-right: 1px solid #DEDEDE;
    display: inline-block;
    font-weight: 500;
    color: #999;
}
.form-box .form-item input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 16px;
    color: #999;
    height: 100%;
    padding: 0 14px 0 14px;
}
.form-box .form-item .input-error {
    position: absolute;
    left: 0;
    bottom: -20px;
    color: #E74C3C;
    font-size: 13px;
    display: none;
}
.form-box .btn-submit {
    width: 100%;
    max-width: 516px;
    height: 52px;
    background: #0B7BFF;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    position: relative;
}
.form-box .btn-submit:hover {
    background-color: #1342CC;
}
.form-box .btn-submit .btn-text {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-right: 10px;
}
.form-box .btn-submit .btn-text .iconfont {
    vertical-align: middle;
    font-size: 22px;
}
.form-box .btn-submit .btn-loading {
    width: 16px;
    height: 16px;
    border: 3px solid #fff;
    border-top: 3px solid #0B63E5;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
}
.form-box .btn-submit:active {
    background: #095ec2;
}
.form-box .btn-submit:disabled {
    background: #b3d3fd;
    cursor: not-allowed;
}
@media screen and (max-width: 768px) {
    .form-box {
        margin-top: 20px;
    }
    .form-box .form-item {
        width: 100%;
        height: 41px;
    }
    .form-box .form-item .iconfont {
        font-size: 18px;
        padding: 0 10px;
    }
    .form-box .form-item input {
        font-size: 12px;
        padding: 0 10px 0 10px;
    }
    .form-box .form-item .input-error {
        bottom: -20px;
        font-size: 12px;
    }
    .form-box .btn-submit {
        width: 100%;
        max-width: 100%;
        height: 41px;
        font-size: 14px;
        margin-top: 0;
    }
    .form-box .btn-submit:hover {
        background-color: #1342CC;
    }
    .form-box .btn-submit .btn-text {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-right: 10px;
    }
    .form-box .btn-submit .btn-text .iconfont {
        vertical-align: middle;
        font-size: 22px;
    }
    .form-box .btn-submit .btn-loading {
        width: 16px;
        height: 16px;
        border: 3px solid #fff;
        border-top: 3px solid #0B63E5;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        display: inline-block;
    }
    .form-box .btn-submit:active {
        background: #095ec2;
    }
    .form-box .btn-submit:disabled {
        background: #b3d3fd;
        cursor: not-allowed;
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.note-box {
    margin: 90px 0;
}
.note-box h2 {
    color: #061C3D;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
}
.note-box ul {
    margin-top: 20px;
}
.note-box ul li {
    color: #414141;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-left: 20px;
    list-style: inside;
}
.note-box ul li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .note-box {
        margin: 60px 0;
    }
    .note-box h2 {
        font-size: 24px;
    }
    .note-box ul {
        margin-top: 10px;
    }
    .note-box ul li {
        font-size: 14px;
    }
}
.result{display:none;padding:80px 0 40px;}
.result .info{display:none;margin:0 auto;max-width:600px;padding-left:16px;padding-right:16px;}
.result .info div{margin-bottom:12px;font-size:18px;}
.result .info div p{font-size:16px;line-height:26px;display:inline-block;text-indent:8px;}
.result .info div::before{content:'';display:inline-block;width:3px;height:14px;background:#4d6c82;margin-right:8px;}
.result .info div:last-child{margin-bottom:0;}
.result .info p.warning{font-size:18px;text-align:center;color:#f74440;}
.result .loading{display:none;width:50px;height:50px;margin:0 auto;margin-top:50px;justify-content:space-between;align-items:center;}
.result .loading span{display:inline-flex;width:4px;height:100%;border-radius:4px;background:#1e2426;animation:load 1s ease infinite;-webkit-animation:load 1s ease infinite;-moz-animation:load 1s ease infinite;}
.result .loading span:nth-child(2){animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s;}
.result .loading span:nth-child(3){animation-delay:.4s;-moz-animation-delay:.4s;-webkit-animation-delay:.4s;}
.result .loading span:nth-child(4){animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s;}
.result .loading span:nth-child(5){animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s;}
@media screen and (max-width:600px){
    .result .info div p{text-indent:0;word-break:break-all;}
}
@keyframes load{0%,100%{height:20px;background:#1e2426;}50%{height:40px;background:#4d6c82;}}
@-moz-keyframes load{0%,100%{height:20px;background:#1e2426;}50%{height:40px;background:#4d6c82;}}
@-webkit-keyframes load{0%,100%{height:20px;background:#1e2426;}50%{height:40px;background:#4d6c82;}}