/* =========================
   About Page
========================= */

.about-main{
    width:100%;
    background:#fff;
    padding:50px 0 70px; 
}

.about-main *{
    box-sizing:border-box;
}

.about-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding:50px;
    background:linear-gradient(120deg, #f3f8ff 0%, #ffffff 58%, #fff6ef 100%);
    border-radius:18px;
    margin-bottom:60px;
    overflow:hidden;
    position:relative;
}

.about-banner::after{
    content:"";
    position:absolute;
    right:-80px;
    top:-80px;
    width:220px;
    height:220px;
    background:rgba(0,70,170,.08);
    border-radius:50%;
}

.about-banner-text{
    width:50%;
    position:relative;
    z-index:2;
}

.about-banner-text span,
.about-title span{
    display:block;
    color:#f26b21;
    font-size:14px;
    letter-spacing:2px;
    font-weight:bold;
    margin-bottom:8px;
    text-transform:uppercase;
}

.about-banner-text h1{
    font-size:36px;
    color:#003e9c;
    line-height:46px;
    margin-bottom:20px;
    font-weight:bold;
}

.about-banner-text p{
    color:#555;
    font-size:16px;
    line-height:30px;
}

.about-banner-pic{
    width:45%;
    position:relative;
    z-index:2;
}

.about-banner-pic img{
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
    box-shadow:0 20px 45px rgba(0,58,140,.15);
}


.about-section{
    margin-bottom:65px;
}

.about-title{
    margin-bottom:28px;
}

.about-title h2{
    font-size:28px;
    color:#111;
    line-height:38px;
    font-weight:bold;
    position:relative;
    padding-bottom:14px;
}

.about-title h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:54px;
    height:4px;
    background:linear-gradient(90deg, #003e9c, #f26b21);
    border-radius:10px;
}

.about-title-center{
    text-align:center;
}

.about-title-center h2::after{
    left:50%;
    transform:translateX(-50%);
}

.about-title-center p{
    color:#666;
    font-size:15px;
    line-height:26px;
    margin-top:12px;
}


.about-profile{
    display:flex;
    align-items:center;
    gap:45px;
}

.about-profile-pic{
    width:43%;
}

.about-profile-pic img{
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
    box-shadow:0 18px 42px rgba(0,0,0,.10);
}

.about-profile-info{
    width:57%;
}

.about-profile-info h3{
    font-size:24px;
    color:#003e9c;
    line-height:34px;
    margin-bottom:18px;
    font-weight:bold;
}

.about-profile-info p{
    color:#555;
    font-size:15px;
    line-height:28px;
    margin-bottom:12px;
}

.about-profile-info ul{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
    margin-top:24px;
}

.about-profile-info ul li{
    background:#f7fbff;
    border:1px solid #e5eefb;
    border-radius:12px;
    padding:16px 18px;
    transition:all .25s ease;
}

.about-profile-info ul li:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 28px rgba(0,58,140,.08);
}

.about-profile-info ul li strong{
    display:block;
    color:#003e9c;
    font-size:17px;
    margin-bottom:6px;
}

.about-profile-info ul li em{
    display:block;
    color:#666;
    font-size:14px;
    font-style:normal;
}


.about-culture-wrap{
    background:#f5f9ff;
    padding:60px 0;
    margin-bottom:65px;
}

.about-culture-list{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

.about-culture-item{
    background:#fff;
    border-radius:16px;
    padding:34px 24px;
    text-align:center;
    transition:all .25s ease;
    border:1px solid #edf3fb;
}

.about-culture-item:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,58,140,.10);
}

.about-culture-item i{
    display:block;
    width:64px;
    height:64px;
    line-height:64px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg, #003e9c, #0d68db);
    color:#fff;
    font-size:28px;
}

.about-culture-item h3{
    font-size:20px;
    color:#111;
    margin-bottom:12px;
    font-weight:bold;
}

.about-culture-item p{
    color:#666;
    font-size:14px;
    line-height:25px;
}


.about-advantage{
    display:flex;
    align-items:center;
    gap:48px;
}

.about-advantage-info{
    width:56%;
}

.about-advantage-item{
    display:flex;
    gap:18px;
    padding:20px 0;
    border-bottom:1px solid #eee;
}

.about-advantage-item:last-child{
    border-bottom:none;
}

.about-advantage-item b{
    flex-shrink:0;
    width:54px;
    height:54px;
    line-height:54px;
    text-align:center;
    border-radius:12px;
    background:#003e9c;
    color:#fff;
    font-size:20px;
    font-weight:bold;
}

.about-advantage-item h3{
    font-size:20px;
    color:#111;
    margin-bottom:8px;
    font-weight:bold;
}

.about-advantage-item p{
    color:#666;
    font-size:15px;
    line-height:26px;
}

.about-advantage-pic{
    width:44%;
}

.about-advantage-pic img{
    width:100%;
    height:auto;
    display:block;
    border-radius:18px;
    box-shadow:0 18px 42px rgba(0,0,0,.10);
}



.about-info{ padding:30px; margin-bottom:30px; width:100%;}
.about-info h1{ font-size:1.8rem; line-height:36px;}
.about-info-content{ padding-top:20px; line-height:26px; font-size: 1rem;}
.about-info-content img{max-width:100%; height:auto;}

.about-info-list{ }
.about-info-list dl{ width:32.3%; margin-bottom:2%;}
.about-info-list dl dt img{ width:100%; height:auto;}
.about-info-list dl dd{ text-align:center; line-height:42px; height:42px; background:#eee;}


/*support*/
.support-left-menu{ display:none;}
.support-left{ width:20%; background:#fff; padding:25px;}
.support-left h1{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-left a{ display:block; line-height:32px;}
.support-right{ width:78%; background:#fff; padding:25px;}
.support-right h2{ font-size:1.8rem; line-height:36px; margin-bottom:10px;}
.support-right-info{ line-height:28px;}


/*Contact-Us*/
/* =========================
   Contact Page
========================= */

.contact-box{
    padding:45px 0 70px;
}

.contact-box *{
    box-sizing:border-box;
}

.contact-page-head{
    text-align:center;
    margin-bottom:28px;
}

.contact-page-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:2px;
    margin-bottom:8px;
}

.contact-page-head h1{
    font-size:32px;
    color:#111;
    line-height:42px;
    margin-bottom:12px;
    font-weight:bold;
}

.contact-page-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}

.contact-notice{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#fff7ec;
    border:1px solid #ffe0bd;
    color:#8a4b00;
    border-radius:10px;
    padding:14px 20px;
    margin-bottom:30px;
    font-size:15px;
}

.contact-notice i{
    color:#f26b21;
    font-size:18px;
}

.contact-notice a{
    color:#003e9c;
    font-weight:bold;
    text-decoration:underline;
}

.contact-box-main{
    display:flex;
    gap:35px;
    align-items:stretch;
    margin-bottom:45px;
}

.contact-box-main-left{
    width:62%;
    background:#fff;
    border-radius:16px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.07);
    border:1px solid #eef2f7;
}

.contact-box-main-right{
    width:38%;
}

.contact-form-title{
    margin-bottom:24px;
}

.contact-form-title h2{
    font-size:26px;
    color:#003e9c;
    line-height:34px;
    font-weight:bold;
    margin-bottom:8px;
}

.contact-form-title p{
    color:#666;
    font-size:14px;
    line-height:24px;
}

.form-box{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
}

.form-group{
    width:100%;
}

.form-group-full{
    grid-column:1 / 3;
}

.form-group label{
    display:block;
    color:#333;
    font-size:15px;
    margin-bottom:8px;
    font-weight:bold;
}

.textRed{
    color:#ff3b30;
}

.form-control{
    width:100%;
    height:46px;
    border:1px solid #dce3ec;
    background:#fff;
    border-radius:8px;
    padding:0 14px;
    color:#333;
    font-size:14px;
    transition:all .2s ease;
}

textarea.form-control{
    height:130px;
    padding:12px 14px;
    resize:none;
    line-height:24px;
}

.form-control:focus{
    border-color:#003e9c;
    box-shadow:0 0 0 3px rgba(0,62,156,.08);
    outline:none;
}

.form-group.contact-field-error .form-control{
    border-color:#ff4d4f;
    box-shadow:0 0 0 3px rgba(255,77,79,.08);
}

.form-group.contact-field-error .form-control::placeholder{
    color:#ff4d4f;
}

.btn-default-contact{
    grid-column:1 / 3;
    width:180px;
    height:48px;
    line-height:48px;
    border:none;
    border-radius:24px;
    background:#003e9c;
    color:#fff;
    font-size:16px;
    cursor:pointer;
    transition:all .25s ease;
}

.btn-default-contact:hover{
    background:#f26b21;
    color:#fff;
}

.btn-default-contact.disabled,
.btn-default-contact:disabled{
    opacity:.65;
    cursor:not-allowed;
}

.contact-info-card,
.contact-service-card{
    background:#fff;
    border-radius:16px;
    padding:30px;
    border:1px solid #eef2f7;
    box-shadow:0 15px 40px rgba(0,0,0,.07);
}

.contact-info-card{
    margin-bottom:22px;
}

.contact-info-card h3{
    font-size:24px;
    color:#003e9c;
    line-height:32px;
    font-weight:bold;
    margin-bottom:20px;
    padding-bottom:15px;
    border-bottom:1px solid #edf1f6;
}

.contact-box-main-rightinfo{
    color:#444;
    font-size:15px;
    line-height:30px;
}

.contact-box-main-rightinfo p{
    margin-bottom:8px;
}

.contact-service-card h4{
    font-size:20px;
    color:#111;
    margin-bottom:12px;
    font-weight:bold;
}

.contact-service-card p{
    color:#666;
    font-size:14px;
    line-height:26px;
    margin-bottom:18px;
}

.contact-service-card a{
    display:inline-block;
    height:38px;
    line-height:38px;
    padding:0 20px;
    background:#fff0e5;
    color:#f26b21;
    border-radius:20px;
    font-weight:bold;
}

.contact-service-card a:hover{
    background:#f26b21;
    color:#fff;
}

.contact-map{
    width:100%;
    height:360px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}


/* =========================
   Popup
========================= */

.contact-popup-mask,
.contact-loading-mask{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:99999;
    display:none;
}

.contact-popup-box{
    width:360px;
    max-width:calc(100% - 40px);
    background:#fff;
    border-radius:14px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:35px 28px 28px;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    animation:contactPop .22s ease-out;
}

@keyframes contactPop{
    from{
        opacity:0;
        transform:translate(-50%, -48%) scale(.96);
    }
    to{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
    }
}

.contact-popup-icon{
    width:58px;
    height:58px;
    line-height:58px;
    border-radius:50%;
    margin:0 auto 16px;
    background:#003e9c;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    font-family:Arial, sans-serif;
}

.contact-popup-icon.success{
    background:#20b26b;
}

.contact-popup-icon.error{
    background:#ff4d4f;
}

.contact-popup-icon.warning{
    background:#ff9800;
}

.contact-popup-box h3{
    font-size:20px;
    color:#222;
    margin:0 0 10px;
    font-weight:bold;
}

.contact-popup-box p{
    font-size:15px;
    color:#666;
    line-height:24px;
    margin:0 0 24px;
}

.contact-popup-box a{
    display:inline-block;
    min-width:120px;
    height:42px;
    line-height:42px;
    background:#003e9c;
    color:#fff;
    border-radius:22px;
    text-decoration:none;
    font-size:15px;
}

.contact-popup-box a:hover{
    background:#f26b21;
    color:#fff;
}

.contact-loading-box{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:220px;
    background:#fff;
    border-radius:14px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.contact-loading-box span{
    display:block;
    width:42px;
    height:42px;
    border:4px solid #e8f0ff;
    border-top-color:#003e9c;
    border-radius:50%;
    margin:0 auto 15px;
    animation:contactLoading .8s linear infinite;
}

@keyframes contactLoading{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.contact-loading-box p{
    margin:0;
    color:#333;
    font-size:15px;
}



/* =========================
   TX News Page
   新闻频道页面独立样式
========================= */

.tx-news-page{
    width:100%;
    background:#f6f8fb;
    padding:45px 0 70px;
}

.tx-news-page *{
    box-sizing:border-box;
}

.tx-news-layout{
    display:flex;
    align-items:flex-start;
    gap:30px;
}

.tx-news-main{
    flex:1;
    min-width:0;
}

.tx-news-side{
    width:310px;
    flex-shrink:0;
}


/* =========================
   Page Header
========================= */

.tx-news-head{
    background:#fff;
    border-radius:16px;
    padding:30px 34px;
    margin-bottom:24px;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-news-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-news-head h1{
    color:#003e9c;
    font-size:32px;
    line-height:42px;
    font-weight:bold;
    margin-bottom:8px;
}

.tx-news-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* =========================
   Tabs
========================= */

.tx-news-tabs{
    background:#fff;
    border-radius:16px;
    padding:10px;
    margin-bottom:24px;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    overflow:hidden;
}

.tx-news-tabs ul{
    display:flex;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    padding-bottom:2px;
}

.tx-news-tabs ul::-webkit-scrollbar{
    height:4px;
}

.tx-news-tabs ul::-webkit-scrollbar-thumb{
    background:#d9e4f5;
    border-radius:10px;
}

.tx-news-tabs li{
    flex-shrink:0;
}

.tx-news-tabs li a{
    display:block;
    height:40px;
    line-height:40px;
    padding:0 20px;
    border-radius:22px;
    color:#333;
    font-size:15px;
    background:#f7faff;
    transition:all .22s ease;
}

.tx-news-tabs li a:hover,
.tx-news-tabs li.active a{
    background:#003e9c;
    color:#fff;
}


/* =========================
   Tab Content
========================= */

.tx-news-tab-content{
    margin-bottom:30px;
}

.tx-news-pane{
    display:none;
}

.tx-news-pane.active{
    display:block;
}

.tx-news-feature-grid{
    display:grid;
    grid-template-columns:1fr 360px;
    gap:24px;
}

.tx-news-top-list,
.tx-news-hot-card,
.tx-news-recommend,
.tx-news-side-card{
    background:#fff;
    border-radius:16px;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-news-top-list{
    padding:24px;
}

.tx-news-hot-card{
    padding:24px;
}

.tx-news-section-title,
.tx-news-card-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:18px;
}

.tx-news-section-title h2,
.tx-news-card-title h2{
    color:#111;
    font-size:22px;
    line-height:30px;
    font-weight:bold;
}

.tx-news-section-title span,
.tx-news-card-title span{
    color:#f26b21;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1.5px;
    text-transform:uppercase;
}


/* =========================
   Top News
========================= */

.tx-news-top-item{
    display:flex;
    gap:18px;
    padding:16px 0;
    border-bottom:1px solid #edf2fa;
}

.tx-news-top-item:first-of-type{
    padding-top:0;
}

.tx-news-top-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.tx-news-top-pic{
    width:220px;
    height:124px;
    flex-shrink:0;
    border-radius:12px;
    overflow:hidden;
    background:#f3f6fb;
}

.tx-news-top-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .35s ease;
}

.tx-news-top-item:hover .tx-news-top-pic img{
    transform:scale(1.06);
}

.tx-news-top-info{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tx-news-title-link{
    display:block;
    color:#111;
    font-size:17px;
    line-height:26px;
    font-weight:bold;
    transition:all .22s ease;
}

.tx-news-title-link:hover{
    color:#003e9c;
}

.tx-news-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:12px;
    color:#8a96a8;
    font-size:13px;
}

.tx-news-meta span{
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.tx-news-meta i{
    color:#003e9c;
}


/* =========================
   Hot News
========================= */

.tx-news-hot-item{
    width:100%;
}

.tx-news-hot-pic{
    width:100%;
    height:205px;
    border-radius:14px;
    overflow:hidden;
    background:#f3f6fb;
    margin-bottom:16px;
}

.tx-news-hot-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .35s ease;
}

.tx-news-hot-item:hover .tx-news-hot-pic img{
    transform:scale(1.06);
}

.tx-news-hot-info .tx-news-title-link{
    font-size:18px;
    line-height:28px;
}


/* =========================
   Recommended News
========================= */

.tx-news-recommend{
    padding:26px;
}

.tx-news-recommend-list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:22px;
}

.tx-news-recommend-item{
    display:flex;
    gap:18px;
    padding:18px;
    border:1px solid #edf2fa;
    border-radius:14px;
    background:#fff;
    transition:all .25s ease;
}

.tx-news-recommend-item:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 38px rgba(0,62,156,.10);
}

.tx-news-recommend-pic{
    width:180px;
    height:118px;
    flex-shrink:0;
    border-radius:12px;
    overflow:hidden;
    background:#f3f6fb;
}

.tx-news-recommend-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .35s ease;
}

.tx-news-recommend-item:hover .tx-news-recommend-pic img{
    transform:scale(1.06);
}

.tx-news-recommend-info{
    flex:1;
    min-width:0;
}

.tx-news-recommend-info .tx-news-meta{
    margin-top:0;
    margin-bottom:8px;
}

.tx-news-recommend-info .tx-news-title-link{
    font-size:16px;
    line-height:24px;
    height:48px;
    overflow:hidden;
}

.tx-news-recommend-info p{
    color:#666;
    font-size:14px;
    line-height:23px;
    height:46px;
    overflow:hidden;
    margin-top:8px;
}


/* =========================
   Sidebar
========================= */

.tx-news-side-card{
    padding:22px;
    margin-bottom:24px;
}

.tx-news-side-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:14px;
    margin-bottom:16px;
    border-bottom:1px solid #edf2fa;
}

.tx-news-side-title b{
    color:#111;
    font-size:20px;
    line-height:28px;
    font-weight:bold;
}

.tx-news-side-title-more a{
    color:#003e9c;
    font-size:14px;
}

.tx-news-side-title-more a i{
    margin-left:5px;
}

.tx-news-side-title-more a:hover{
    color:#f26b21;
}


/* Category */

.tx-news-category-list a{
    display:flex;
    align-items:center;
    gap:8px;
    height:42px;
    padding:0 12px;
    border-radius:9px;
    color:#333;
    font-size:15px;
    transition:all .22s ease;
}

.tx-news-category-list a i{
    color:#003e9c;
}

.tx-news-category-list a:hover{
    background:#f5f8ff;
    color:#003e9c;
    padding-left:16px;
}


/* Product */

.tx-news-product-item{
    display:flex;
    gap:13px;
    padding:14px 0;
    border-bottom:1px solid #edf2fa;
}

.tx-news-product-item:first-child{
    padding-top:0;
}

.tx-news-product-item:last-child{
    padding-bottom:0;
    border-bottom:none;
}

.tx-news-product-pic{
    width:72px;
    height:72px;
    flex-shrink:0;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #edf2fa;
    background:#fff;
}

.tx-news-product-pic img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    transition:all .3s ease;
}

.tx-news-product-item:hover .tx-news-product-pic img{
    transform:scale(1.06);
}

.tx-news-product-info{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tx-news-product-info a{
    display:block;
    color:#111;
    font-size:15px;
    line-height:22px;
    font-weight:bold;
    max-height:44px;
    overflow:hidden;
}

.tx-news-product-info a:hover{
    color:#003e9c;
}

.tx-news-product-info em{
    display:block;
    color:#777;
    font-size:13px;
    line-height:20px;
    font-style:normal;
    margin-top:4px;
}




/* =========================
   TX News List Page
   新闻列表页独立样式
========================= */

.tx-news-list-page{
    width:100%;
    background:#f6f8fb;
    padding:38px 0 70px;
}

.tx-news-list-page *{
    box-sizing:border-box;
}


/* =========================
   Category Submenu
========================= */

.tx-news-list-submenu{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:14px;
    margin-bottom:24px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-news-list-submenu a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 20px;
    border-radius:22px;
    background:#f7faff;
    color:#333;
    font-size:15px;
    transition:all .22s ease;
}

.tx-news-list-submenu a:hover,
.tx-news-list-submenu a.active{
    background:#003e9c;
    color:#fff;
    box-shadow:0 8px 20px rgba(0,62,156,.18);
}


/* =========================
   Page Head
========================= */

.tx-news-list-head{
    background:
        radial-gradient(circle at 15% 25%, rgba(242,107,33,.11) 0, rgba(242,107,33,0) 28%),
        radial-gradient(circle at 90% 15%, rgba(0,62,156,.13) 0, rgba(0,62,156,0) 30%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 58%, #fff7ef 100%);
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:34px 38px;
    margin-bottom:26px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-news-list-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-news-list-head h1{
    color:#003e9c;
    font-size:32px;
    line-height:42px;
    font-weight:bold;
    margin-bottom:8px;
}

.tx-news-list-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* =========================
   News List
========================= */

.tx-news-list-wrap{
    width:100%;
}

.tx-news-list-item{
    display:flex;
    gap:24px;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:22px;
    margin-bottom:18px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    transition:all .25s ease;
}

.tx-news-list-item:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 42px rgba(0,62,156,.10);
}

.tx-news-list-pic{
    width:220px;
    height:136px;
    flex-shrink:0;
    border-radius:14px;
    overflow:hidden;
    background:#f3f6fb;
}

.tx-news-list-pic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .35s ease;
}

.tx-news-list-item:hover .tx-news-list-pic img{
    transform:scale(1.06);
}

.tx-news-list-info{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tx-news-list-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:8px;
    color:#8a96a8;
    font-size:13px;
}

.tx-news-list-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.tx-news-list-meta i{
    color:#003e9c;
}

.tx-news-list-info h2{
    margin-bottom:10px;
}

.tx-news-list-info h2 a{
    display:block;
    color:#111;
    font-size:20px;
    line-height:30px;
    font-weight:bold;
    transition:all .22s ease;
}

.tx-news-list-info h2 a:hover{
    color:#003e9c;
}

.tx-news-list-info p{
    color:#666;
    font-size:14px;
    line-height:25px;
    max-height:50px;
    overflow:hidden;
    margin-bottom:12px;
}

.tx-news-list-more{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#003e9c;
    font-size:14px;
    font-weight:bold;
    width:max-content;
    transition:all .22s ease;
}

.tx-news-list-more:hover{
    color:#f26b21;
}

.tx-news-list-more i{
    font-size:16px;
}


/* =========================
   Page Bar
========================= */

.tx-news-list-pagebar{
    margin-top:30px;
    text-align:center;
    clear:both;
}

/* 兼容常见分页输出结构 */
.tx-news-list-pagebar a,
.tx-news-list-pagebar span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 12px;
    margin:0 4px 8px;
    border-radius:20px;
    background:#fff;
    border:1px solid #dce4ef;
    color:#333;
    font-size:14px;
    transition:all .22s ease;
}

.tx-news-list-pagebar a:hover,
.tx-news-list-pagebar span.current,
.tx-news-list-pagebar .current{
    background:#003e9c;
    border-color:#003e9c;
    color:#fff;
}
/* =========================
   TX News Detail Page
   新闻详情页独立样式
========================= */

.tx-news-detail-page{
    width:100%;
    background:#f6f8fb;
    padding:45px 0 70px;
}

.tx-news-detail-page *{
    box-sizing:border-box;
}


/* =========================
   Detail Main
========================= */

.tx-news-detail-layout{
}

.tx-news-detail-main{
    width:100%;
}

.tx-news-detail-card{
    background:#fff;
    border-radius:18px;
    border:1px solid #edf2fa;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    padding:42px 52px;
}


/* =========================
   Header
========================= */

.tx-news-detail-head{
    text-align:center;
    padding-bottom:28px;
    margin-bottom:32px;
    border-bottom:1px solid #edf2fa;
}

.tx-news-detail-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.tx-news-detail-head h1{
    max-width:900px;
    margin:0 auto;
    color:#111;
    font-size:34px;
    line-height:46px;
    font-weight:bold;
}

.tx-news-detail-meta{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:18px;
}

.tx-news-detail-meta em{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#8a96a8;
    font-size:14px;
    font-style:normal;
}

.tx-news-detail-meta i{
    color:#003e9c;
}


/* =========================
   Content
========================= */

.tx-news-detail-content{
    color:#333;
    font-size:16px;
    line-height:1.9;
    word-break:break-word;
}

.tx-news-detail-content p{
    margin-bottom:18px;
}

.tx-news-detail-content img{
    max-width:100%;
    height:auto !important;
    display:block;
    margin:22px auto;
    border-radius:12px;
}

.tx-news-detail-content table{
    width:100% !important;
    border-collapse:collapse;
    margin:24px 0;
    font-size:14px;
}

.tx-news-detail-content table td,
.tx-news-detail-content table th{
    border:1px solid #e5eaf2;
    padding:10px 12px;
}

.tx-news-detail-content table th{
    background:#f5f8ff;
    color:#003e9c;
    font-weight:bold;
}

.tx-news-detail-content h2,
.tx-news-detail-content h3,
.tx-news-detail-content h4{
    color:#111;
    font-weight:bold;
    margin:28px 0 14px;
    line-height:1.45;
}

.tx-news-detail-content h2{
    font-size:26px;
}

.tx-news-detail-content h3{
    font-size:22px;
}

.tx-news-detail-content h4{
    font-size:18px;
}

.tx-news-detail-content ul,
.tx-news-detail-content ol{
    padding-left:24px;
    margin:16px 0;
}

.tx-news-detail-content li{
    margin-bottom:8px;
}

.tx-news-detail-content a{
    color:#003e9c;
    text-decoration:underline;
}

.tx-news-detail-content a:hover{
    color:#f26b21;
}


/* =========================
   Prev Next
========================= */

.tx-news-detail-prevnext{
    margin-top:38px;
    padding-top:24px;
    border-top:1px solid #edf2fa;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.tx-news-detail-prevnext p{
    margin:0;
    background:#f7faff;
    border:1px solid #e6eef9;
    border-radius:12px;
    padding:15px 18px;
    color:#555;
    font-size:14px;
    line-height:24px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.tx-news-detail-prevnext p span{
    color:#003e9c;
    font-weight:bold;
}

.tx-news-detail-prevnext p a{
    color:#333;
}

.tx-news-detail-prevnext p a:hover{
    color:#f26b21;
}

.tx-news-detail-next{
    text-align:right;
}


/* =========================
   Related News
========================= */

.tx-news-related{
    margin-top:32px;
}

.tx-news-related-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:24px 28px;
    margin-bottom:20px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-news-related-head span{
    display:block;
    color:#f26b21;
    font-size:13px;
    font-weight:bold;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:5px;
}

.tx-news-related-head h2{
    color:#111;
    font-size:24px;
    line-height:32px;
    font-weight:bold;
}

.tx-news-related-list{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:20px;
}

.tx-news-related-item{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    transition:all .25s ease;
}

.tx-news-related-item:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 42px rgba(0,62,156,.10);
}

.tx-news-related-pic{
    width:100%;
    height:0;
    padding-bottom:56%;
    position:relative;
    background:#f3f6fb;
    overflow:hidden;
}

.tx-news-related-pic img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:all .35s ease;
}

.tx-news-related-item:hover .tx-news-related-pic img{
    transform:scale(1.06);
}

.tx-news-related-info{
    padding:16px;
}

.tx-news-related-info em{
    display:flex;
    align-items:center;
    gap:6px;
    color:#8a96a8;
    font-size:13px;
    line-height:22px;
    font-style:normal;
    margin-bottom:8px;
}

.tx-news-related-info em i{
    color:#003e9c;
}

.tx-news-related-info a{
    display:block;
    color:#111;
    font-size:16px;
    line-height:24px;
    font-weight:bold;
    height:48px;
    overflow:hidden;
    transition:all .22s ease;
}

.tx-news-related-info a:hover{
    color:#003e9c;
}



/*brand*/
/* =========================
   TX Brand Page
   品牌列表页独立样式
========================= */

.tx-brand-page{
    width:100%;
    background:#f6f8fb;
    padding:45px 0 70px;
}

.tx-brand-page *{
    box-sizing:border-box;
}


/* =========================
   Section Head
========================= */

.tx-brand-section-head{
    margin-bottom:28px;
}

.tx-brand-section-head-center{
    text-align:center;
}

.tx-brand-section-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-brand-section-head h1,
.tx-brand-section-head h2{
    color:#003e9c;
    font-size:32px;
    line-height:42px;
    font-weight:bold;
    margin-bottom:8px;
}

.tx-brand-section-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* =========================
   Featured Brands
========================= */

.tx-brand-feature{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:34px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    margin-bottom:34px;
}

.tx-brand-feature-list{
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:16px;
}

.tx-brand-feature-item{
    display:flex;
    align-items:center;
    justify-content:center;
    height:92px;
    padding:18px;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:14px;
    transition:all .25s ease;
    overflow:hidden;
}

.tx-brand-feature-item:hover{
    transform:translateY(-4px);
    border-color:#cddcf1;
    box-shadow:0 16px 38px rgba(0,62,156,.10);
}

.tx-brand-feature-item img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
}


/* =========================
   A-Z Wrap
========================= */

.tx-brand-az-wrap{
    width:100%;
}

.tx-brand-letter-nav{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:14px;
    margin-bottom:24px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    position:sticky;
    top:10px;
    z-index:20;
}

.tx-brand-letter-nav ul{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
}

.tx-brand-letter-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#f7faff;
    color:#333;
    font-size:14px;
    font-weight:bold;
    transition:all .22s ease;
}

.tx-brand-letter-nav a:hover,
.tx-brand-letter-nav a.active{
    background:#003e9c;
    color:#fff;
    box-shadow:0 8px 20px rgba(0,62,156,.18);
}


/* =========================
   Brand List
========================= */

.tx-brand-list-panel{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:26px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-brand-group{
    display:flex;
    gap:24px;
    padding:24px 0;
    border-bottom:1px solid #edf2fa;
    scroll-margin-top:100px;
}

.tx-brand-group:first-child{
    padding-top:0;
}

.tx-brand-group:last-child{
    padding-bottom:0;
    border-bottom:none;
}

.tx-brand-group-letter{
    width:64px;
    height:64px;
    line-height:64px;
    flex-shrink:0;
    text-align:center;
    border-radius:18px;
    background:linear-gradient(135deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:26px;
    font-weight:bold;
    box-shadow:0 12px 26px rgba(0,62,156,.18);
}

.tx-brand-group-links{
    flex:1;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:12px;
    align-content:start;
}

.tx-brand-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:9px 13px;
    border-radius:10px;
    background:#f7faff;
    color:#333;
    font-size:14px;
    line-height:22px;
    transition:all .22s ease;
    overflow:hidden;
}

.tx-brand-link span{
    display:block;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.tx-brand-link em{
    flex-shrink:0;
    min-width:26px;
    height:22px;
    line-height:22px;
    text-align:center;
    border-radius:12px;
    background:#eef5ff;
    color:#003e9c;
    font-size:12px;
    font-style:normal;
}

.tx-brand-link:hover{
    background:#003e9c;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,62,156,.16);
}

.tx-brand-link:hover em{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.tx-brand-empty{
    color:#9aa5b5;
    font-size:14px;
    line-height:42px;
}

/* 字母导航吸顶滚动状态 */
.tx-brand-letter-nav.is-scrolled {
    box-shadow: 0 14px 36px rgba(0,62,156,.16);
    border-color: #dbe7f7;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(8px);
}

/* 当前滚动到的字母高亮 */
.tx-brand-letter-nav a.active {
    background: #003e9c;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,62,156,.22);
}

/* 鼠标经过 */
.tx-brand-letter-nav a:hover {
    background: #003e9c;
    color: #fff;
}
/* =========================
   Responsive
========================= */

@media screen and (max-width:1024px){

    .tx-brand-feature-list{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }

    .tx-brand-group-links{
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}

/* =========================
   TX Brand Detail Page
   品牌介绍页独立样式
========================= */

.tx-brand-detail-page{
    width:100%;
    background:#f6f8fb;
    padding:45px 0 70px;
}

.tx-brand-detail-page *{
    box-sizing:border-box;
}


/* =========================
   Brand Hero
========================= */

.tx-brand-detail-hero{
    display:flex;
    align-items:stretch;
    gap:28px;
    margin-bottom:34px;
}

.tx-brand-detail-logo-card{
    width:320px;
    flex-shrink:0;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:32px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    display:flex;
    align-items:center;
    justify-content:center;
}

.tx-brand-detail-logo{
    width:100%;
    min-height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:1px dashed #dce7f7;
    border-radius:16px;
    background:#f8fbff;
    padding:22px;
}

.tx-brand-detail-logo img{
    max-width:100%;
    max-height:120px;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
}

.tx-brand-detail-logo b{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:58px;
    color:#003e9c;
    font-size:26px;
    line-height:34px;
    font-weight:bold;
    text-align:center;
}

.tx-brand-detail-info{
    flex:1;
    min-width:0;
    background:
        radial-gradient(circle at 90% 15%, rgba(0,62,156,.12) 0, rgba(0,62,156,0) 30%),
        radial-gradient(circle at 10% 90%, rgba(242,107,33,.10) 0, rgba(242,107,33,0) 28%),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 58%, #fff7ef 100%);
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:36px 42px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-brand-detail-info span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-brand-detail-info h1{
    color:#003e9c;
    font-size:34px;
    line-height:44px;
    font-weight:bold;
    margin-bottom:18px;
}

.tx-brand-detail-desc{
    color:#555;
    font-size:15px;
    line-height:28px;
}

.tx-brand-detail-desc p{
    margin-bottom:12px;
}

.tx-brand-detail-desc img{
    max-width:100%;
    height:auto !important;
}

.tx-brand-detail-desc a{
    color:#003e9c;
    text-decoration:underline;
}

.tx-brand-detail-desc a:hover{
    color:#f26b21;
}


/* =========================
   Section Head
========================= */

.tx-brand-detail-section-head{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:18px;
    padding:28px 34px;
    margin-bottom:24px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.tx-brand-detail-section-head span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.tx-brand-detail-section-head h2{
    color:#111;
    font-size:28px;
    line-height:38px;
    font-weight:bold;
    margin-bottom:8px;
}

.tx-brand-detail-section-head p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* =========================
   Category List
========================= */

.tx-brand-detail-category-list{
    width:100%;
}

.tx-brand-detail-category-group{
    display:flex;
    gap:24px;
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:24px;
    margin-bottom:18px;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
    transition:all .25s ease;
}

.tx-brand-detail-category-group:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(0,62,156,.10);
}

.tx-brand-detail-category-title{
    width:230px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    gap:12px;
    padding-right:22px;
    border-right:1px solid #edf2fa;
}

.tx-brand-detail-category-title i{
    width:46px;
    height:46px;
    line-height:46px;
    text-align:center;
    border-radius:14px;
    background:linear-gradient(135deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:22px;
    flex-shrink:0;
}

.tx-brand-detail-category-title a{
    display:block;
    color:#111;
    font-size:20px;
    line-height:28px;
    font-weight:bold;
}

.tx-brand-detail-category-title a:hover{
    color:#003e9c;
}

.tx-brand-detail-category-links{
    flex:1;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    align-content:start;
}

.tx-brand-detail-category-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:42px;
    padding:9px 13px;
    border-radius:10px;
    background:#f7faff;
    border:1px solid #eef3fb;
    color:#333;
    font-size:14px;
    line-height:22px;
    transition:all .22s ease;
}

.tx-brand-detail-category-links a span{
    display:block;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.tx-brand-detail-category-links a i{
    color:#003e9c;
    flex-shrink:0;
    transition:all .22s ease;
}

.tx-brand-detail-category-links a:hover{
    background:#003e9c;
    border-color:#003e9c;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,62,156,.16);
}

.tx-brand-detail-category-links a:hover i{
    color:#fff;
    transform:translateX(3px);
}


/* =========================
   Responsive
========================= */
@media screen and (max-width:1024px){

    .tx-brand-detail-logo-card{
        width:280px;
    }

    .tx-brand-detail-category-links{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}


/*商家入驻*/
/* =========================
   Supplier Settlement Page
========================= */

.supplier-settle-page{
    width:100%;
    background:#fff;
}

.supplier-settle-page *{
    box-sizing:border-box;
}


/* =========================
   Hero Banner + Form
========================= */

.supplier-settle-hero{
    width:100%;
    padding:28px 0 34px;
    background:
        radial-gradient(circle at 10% 18%, rgba(242,107,33,.13) 0, rgba(242,107,33,0) 28%),
        radial-gradient(circle at 86% 18%, rgba(0,62,156,.15) 0, rgba(0,62,156,0) 30%),
        linear-gradient(135deg, #f4f8ff 0%, #ffffff 58%, #fff7ef 100%);
    overflow:hidden; margin-top:20px;
}

.supplier-settle-hero-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:42px;
}

.supplier-settle-hero-text{
    flex:1;
    min-width:0;
}

.supplier-settle-hero-text span,
.supplier-section-title span{
    display:block;
    color:#f26b21;
    font-size:14px;
    font-weight:bold;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}

.supplier-settle-hero-text h1{
    font-size:36px;
    color:#003e9c;
    line-height:46px;
    font-weight:bold;
    margin-bottom:14px;
}

.supplier-settle-hero-text p{
    color:#444;
    font-size:15px;
    line-height:27px;
    max-width:720px;
}

.supplier-settle-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.supplier-settle-tags em{
    display:inline-flex;
    align-items:center;
    gap:7px;
    height:34px;
    padding:0 15px;
    border-radius:20px;
    background:#fff;
    color:#003e9c;
    font-style:normal;
    font-size:14px;
    box-shadow:0 8px 24px rgba(0,62,156,.08);
}

.supplier-settle-tags em i{
    color:#20b26b;
}


/* =========================
   Form Card
========================= */

.supplier-settle-form-card{
    width:620px;
    flex-shrink:0;
    background:#fff;
    border-radius:18px;
    padding:22px 32px 26px;
    box-shadow:0 18px 48px rgba(0,62,156,.13);
    border:1px solid #edf2fa;
}

.supplier-settle-form-title{
    margin-bottom:15px;
    text-align:center;
}

.supplier-settle-form-title h2{
    font-size:26px;
    color:#111;
    line-height:32px;
    font-weight:bold;
    margin-bottom:5px;
}

.supplier-settle-form-title p{
    color:#666;
    font-size:13px;
    line-height:22px;
}


/* 表单改成两列 */
#supplier_apply_form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px 16px;
}

.supplier-form-group{
    margin-bottom:0;
    min-width:0;
}

/* 邮箱、供应商类型、备注、按钮独占一行 */
#supplier_apply_form .supplier-form-group:nth-of-type(5),
.supplier-form-group-full,
.supplier-submit-btn{
    grid-column:1 / 3;
}

.supplier-form-group label{
    display:block;
    color:#222;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

.supplier-form-group label span{
    color:#ff3b30;
    margin-right:3px;
}

.supplier-form-group input[type="text"],
.supplier-form-group textarea{
    width:100%;
    border:1px solid #dce4ef;
    background:#fff;
    border-radius:9px;
    color:#333;
    font-size:14px;
    transition:all .22s ease;
}

.supplier-form-group input[type="text"]{
    height:40px;
    line-height:40px;
    padding:0 14px;
}

.supplier-form-group textarea{
    height:62px;
    line-height:21px;
    padding:9px 14px;
    resize:none;
}

.supplier-form-group input[type="text"]::placeholder,
.supplier-form-group textarea::placeholder{
    color:#8b96a8;
}

.supplier-form-group input[type="text"]:focus,
.supplier-form-group textarea:focus{
    border-color:#003e9c;
    box-shadow:0 0 0 3px rgba(0,62,156,.08);
    outline:none;
}

.supplier-form-group.supplier-field-error input[type="text"],
.supplier-form-group.supplier-field-error textarea{
    border-color:#ff4d4f;
    box-shadow:0 0 0 3px rgba(255,77,79,.08);
}

.supplier-form-group.supplier-field-error input::placeholder,
.supplier-form-group.supplier-field-error textarea::placeholder{
    color:#ff4d4f;
}


/* =========================
   Radio
========================= */

.supplier-radio-list{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
}

.supplier-radio-list label{
    display:block;
    margin:0;
    cursor:pointer;
}

.supplier-radio-list input{
    display:none;
}

.supplier-radio-list em{
    display:block;
    height:38px;
    line-height:36px;
    text-align:center;
    border:1px solid #dce4ef;
    border-radius:9px;
    color:#555;
    font-style:normal;
    font-weight:normal;
    background:#fff;
    transition:all .22s ease;
}

.supplier-radio-list input:checked + em{
    border-color:#003e9c;
    background:#eef5ff;
    color:#003e9c;
    font-weight:bold;
}

.supplier-radio-list em:hover{
    border-color:#003e9c;
    color:#003e9c;
}


/* =========================
   Submit Button
========================= */

.supplier-submit-btn{
    width:100%;
    height:44px;
    border:none;
    border-radius:24px;
    background:linear-gradient(90deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    transition:all .25s ease;
    margin-top:4px;
}

.supplier-submit-btn:hover{
    background:linear-gradient(90deg, #f26b21, #ff8a2a);
    color:#fff;
    box-shadow:0 12px 28px rgba(242,107,33,.24);
}

.supplier-submit-btn.disabled,
.supplier-submit-btn:disabled{
    opacity:.65;
    cursor:not-allowed;
}


/* =========================
   Section Title
========================= */

.supplier-section{
    padding:55px 0;
}

.supplier-section-title{
    text-align:center;
    margin-bottom:34px;
}

.supplier-section-title h2{
    font-size:30px;
    color:#111;
    line-height:40px;
    font-weight:bold;
    margin-bottom:12px;
    position:relative;
    padding-bottom:15px;
}

.supplier-section-title h2::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:58px;
    height:4px;
    background:linear-gradient(90deg, #003e9c, #f26b21);
    border-radius:10px;
    transform:translateX(-50%);
}

.supplier-section-title p{
    color:#666;
    font-size:15px;
    line-height:26px;
}


/* =========================
   Advantages
========================= */

.supplier-advantage-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
}

.supplier-advantage-item{
    background:#fff;
    border:1px solid #edf2fa;
    border-radius:16px;
    padding:30px 24px;
    text-align:center;
    transition:all .25s ease;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.supplier-advantage-item:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,62,156,.12);
}

.supplier-advantage-icon{
    width:66px;
    height:66px;
    line-height:66px;
    margin:0 auto 18px;
    border-radius:20px;
    background:linear-gradient(135deg, #003e9c, #0b66d8);
    color:#fff;
    font-size:28px;
}

.supplier-advantage-item:nth-child(2n) .supplier-advantage-icon{
    background:linear-gradient(135deg, #f26b21, #ff8a2a);
}

.supplier-advantage-item h3{
    font-size:20px;
    color:#111;
    font-weight:bold;
    margin-bottom:10px;
}

.supplier-advantage-item p{
    color:#666;
    font-size:14px;
    line-height:25px;
}


/* =========================
   Process
========================= */

.supplier-process-wrap{
    padding:55px 0 65px;
    background:linear-gradient(135deg, #003e9c 0%, #074fb9 58%, #0b66d8 100%);
}

.supplier-section-title-white span{
    color:#ffb37a;
}

.supplier-section-title-white h2,
.supplier-section-title-white p{
    color:#fff;
}

.supplier-section-title-white h2::after{
    background:linear-gradient(90deg, #fff, #f26b21);
}

.supplier-process-list{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:16px;
}

.supplier-process-item{
    flex:1;
    background:#fff;
    border-radius:16px;
    padding:28px 20px;
    text-align:center;
    position:relative;
    box-shadow:0 18px 42px rgba(0,0,0,.13);
}

.supplier-process-num{
    position:absolute;
    right:16px;
    top:14px;
    color:#edf3ff;
    font-size:36px;
    font-weight:bold;
    line-height:1;
}

.supplier-process-icon{
    width:64px;
    height:64px;
    line-height:64px;
    margin:0 auto 16px;
    border-radius:50%;
    background:#eef5ff;
    color:#003e9c;
    font-size:27px;
}

.supplier-process-item h3{
    font-size:20px;
    color:#111;
    font-weight:bold;
    margin-bottom:9px;
}

.supplier-process-item p{
    color:#666;
    font-size:14px;
    line-height:24px;
}

.supplier-process-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:34px;
}


/* =========================
   Popup & Loading
========================= */

.supplier-popup-mask,
.supplier-loading-mask{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    z-index:99999;
    display:none;
}

.supplier-popup-box{
    width:360px;
    max-width:calc(100% - 40px);
    background:#fff;
    border-radius:14px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    text-align:center;
    padding:35px 28px 28px;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    animation:supplierPop .22s ease-out;
}

@keyframes supplierPop{
    from{
        opacity:0;
        transform:translate(-50%, -48%) scale(.96);
    }
    to{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
    }
}

.supplier-popup-icon{
    width:58px;
    height:58px;
    line-height:58px;
    border-radius:50%;
    margin:0 auto 16px;
    background:#003e9c;
    color:#fff;
    font-size:30px;
    font-weight:bold;
    font-family:Arial, sans-serif;
}

.supplier-popup-icon.success{
    background:#20b26b;
}

.supplier-popup-icon.error{
    background:#ff4d4f;
}

.supplier-popup-icon.warning{
    background:#ff9800;
}

.supplier-popup-box h3{
    font-size:20px;
    color:#222;
    margin:0 0 10px;
    font-weight:bold;
}

.supplier-popup-box p{
    font-size:15px;
    color:#666;
    line-height:24px;
    margin:0 0 24px;
}

.supplier-popup-box a{
    display:inline-block;
    min-width:120px;
    height:42px;
    line-height:42px;
    background:#003e9c;
    color:#fff;
    border-radius:22px;
    text-decoration:none;
    font-size:15px;
}

.supplier-popup-box a:hover{
    background:#f26b21;
    color:#fff;
}


/* Loading */

.supplier-loading-box{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:220px;
    background:#fff;
    border-radius:14px;
    padding:30px 20px;
    text-align:center;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.supplier-loading-box span{
    display:block;
    width:42px;
    height:42px;
    border:4px solid #e8f0ff;
    border-top-color:#003e9c;
    border-radius:50%;
    margin:0 auto 15px;
    animation:supplierLoading .8s linear infinite;
}

@keyframes supplierLoading{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.supplier-loading-box p{
    margin:0;
    color:#333;
    font-size:15px;
}



@media (max-width: 768px) {
	
.home-order-now{ margin-top: 15px;}

.about-main{
        padding:30px 0 45px;
    }

    .about-banner{
        display:block;
        padding:25px 18px;
        border-radius:14px;
        margin-bottom:38px;
    }

    .about-banner-text,
    .about-banner-pic{
        width:100%;
    }

    .about-banner-text{
        margin-bottom:22px;
    }

    .about-banner-text h1{
        font-size:26px;
        line-height:34px;
        margin-bottom:14px;
    }

    .about-banner-text p{
        font-size:14px;
        line-height:26px;
    }

    .about-section{
        margin-bottom:42px;
    }

    .about-title{
        margin-bottom:22px;
    }

    .about-title h2{
        font-size:24px;
        line-height:32px;
    }

    .about-profile{
        display:block;
    }

    .about-profile-pic,
    .about-profile-info{
        width:100%;
    }

    .about-profile-pic{
        margin-bottom:24px;
    }

    .about-profile-info h3{
        font-size:21px;
        line-height:30px;
    }

    .about-profile-info p{
        font-size:14px;
        line-height:26px;
    }

    .about-profile-info ul{
        grid-template-columns:repeat(1, 1fr);
        gap:12px;
    }

    .about-culture-wrap{
        padding:42px 0;
        margin-bottom:42px;
    }

    .about-culture-list{
        grid-template-columns:repeat(2, 1fr);
        gap:14px;
    }

    .about-culture-item{
        padding:24px 16px;
    }

    .about-culture-item i{
        width:54px;
        height:54px;
        line-height:54px;
        font-size:23px;
        margin-bottom:15px;
    }

    .about-culture-item h3{
        font-size:17px;
    }

    .about-culture-item p{
        font-size:13px;
        line-height:23px;
    }

    .about-advantage{
        display:block;
    }

    .about-advantage-info,
    .about-advantage-pic{
        width:100%;
    }

    .about-advantage-info{
        margin-bottom:24px;
    }

    .about-advantage-item{
        gap:14px;
        padding:17px 0;
    }

    .about-advantage-item b{
        width:46px;
        height:46px;
        line-height:46px;
        font-size:17px;
    }

    .about-advantage-item h3{
        font-size:18px;
    }

    .about-advantage-item p{
        font-size:14px;
        line-height:24px;
    }

.about-info{ padding:20px;}
.about-info h1{ font-size:1.4rem; line-height:30px;}


.about-info-list dl{ width:100%;}


/*support*/
.support-left-menu{ display:block; width:100%; height:42px; line-height:42px; background:#fff; padding:0 20px; cursor:pointer;}
.support-left-menu b{font-size:1.4rem;}
.support-left-menu i{ line-height:42px; font-size:1.2rem;}
.support-left{ width:100%; display:none; padding:20px;}
.support-left h1{display:none; }
.support-left a{ display:block; line-height:26px;}
.support-right{ width:100%; padding:20px; margin-top:10px;}
.support-right h2{ font-size:1.2rem; line-height:30px; }
.support-right-info{ line-height:26px;}


/*Contact-Us*/
.contact-box{
        padding:30px 12px 45px;
    }

    .contact-page-head h1{
        font-size:26px;
        line-height:34px;
    }

    .contact-page-head p{
        font-size:14px;
        line-height:24px;
    }

    .contact-notice{
        display:block;
        text-align:center;
        padding:13px 15px;
        font-size:14px;
        line-height:24px;
    }

    .contact-notice i{
        display:block;
        margin-bottom:5px;
    }

    .contact-box-main{
        display:block;
    }

    .contact-box-main-left,
    .contact-box-main-right{
        width:100%;
    }

    .contact-box-main-left{
        padding:24px 18px;
        margin-bottom:24px;
    }

    .form-box{
        display:block;
    }

    .form-group{
        margin-bottom:16px;
    }

    .btn-default-contact{
        width:100%;
        grid-column:auto;
    }

    .contact-info-card,
    .contact-service-card{
        padding:24px 18px;
    }

    .contact-map{
        height:300px;
    }
/*新闻频道页*/
.tx-news-layout{
        display:block;
    }

    .tx-news-side{
        width:100%;
        margin-top:28px;
    }

    .tx-news-feature-grid{
        grid-template-columns:1fr 330px;
    }

    .tx-news-recommend-list{
        grid-template-columns:repeat(2, 1fr);
    }
    .tx-news-page{
        padding:30px 12px 45px;
    }

    .tx-news-head{
        padding:24px 18px;
        border-radius:14px;
        margin-bottom:18px;
    }

    .tx-news-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-news-head h1{
        font-size:26px;
        line-height:34px;
    }

    .tx-news-head p{
        font-size:14px;
        line-height:24px;
    }

    .tx-news-tabs{
        border-radius:14px;
        margin-bottom:18px;
    }

    .tx-news-tabs li a{
        height:36px;
        line-height:36px;
        padding:0 15px;
        font-size:14px;
    }

    .tx-news-feature-grid{
        display:block;
    }

    .tx-news-top-list,
    .tx-news-hot-card,
    .tx-news-recommend,
    .tx-news-side-card{
        border-radius:14px;
        padding:18px;
    }

    .tx-news-hot-card{
        margin-top:18px;
    }

    .tx-news-section-title h2,
    .tx-news-card-title h2{
        font-size:20px;
        line-height:28px;
    }

    .tx-news-top-item{
        display:block;
    }

    .tx-news-top-pic{
        width:100%;
        height:auto;
        aspect-ratio:326 / 180;
        margin-bottom:12px;
    }

    .tx-news-title-link{
        font-size:16px;
        line-height:24px;
    }

    .tx-news-hot-pic{
        height:auto;
        aspect-ratio:326 / 180;
    }

    .tx-news-recommend{
        margin-top:22px;
    }

    .tx-news-recommend-list{
        grid-template-columns:repeat(1, 1fr);
        gap:15px;
    }

    .tx-news-recommend-item{
        display:block;
        padding:14px;
    }

    .tx-news-recommend-pic{
        width:100%;
        height:auto;
        aspect-ratio:326 / 180;
        margin-bottom:12px;
    }

    .tx-news-recommend-info .tx-news-title-link{
        height:auto;
        max-height:48px;
    }

    .tx-news-recommend-info p{
        height:auto;
        max-height:46px;
    }

    .tx-news-side{
        margin-top:22px;
    }

    .tx-news-product-pic{
        width:68px;
        height:68px;
    }

/*新闻列表页*/
 .tx-news-list-page{
        padding:28px 12px 45px;
    }

    .tx-news-list-submenu{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:10px;
        border-radius:14px;
        margin-bottom:18px;
    }

    .tx-news-list-submenu::-webkit-scrollbar{
        height:4px;
    }

    .tx-news-list-submenu::-webkit-scrollbar-thumb{
        background:#d9e4f5;
        border-radius:10px;
    }

    .tx-news-list-submenu a{
        flex-shrink:0;
        height:36px;
        padding:0 16px;
        font-size:14px;
    }

    .tx-news-list-head{
        padding:24px 18px;
        border-radius:14px;
        margin-bottom:20px;
    }

    .tx-news-list-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-news-list-head h1{
        font-size:26px;
        line-height:34px;
    }

    .tx-news-list-head p{
        font-size:14px;
        line-height:24px;
    }

    .tx-news-list-item{
        display:block;
        padding:16px;
        border-radius:14px;
        margin-bottom:15px;
    }

    .tx-news-list-pic{
        width:100%;
        height:auto;
        aspect-ratio:326 / 180;
        margin-bottom:14px;
    }

    .tx-news-list-info h2 a{
        font-size:18px;
        line-height:27px;
    }

    .tx-news-list-info p{
        font-size:14px;
        line-height:24px;
        max-height:48px;
    }

    .tx-news-list-pagebar{
        margin-top:24px;
    }

    .tx-news-list-pagebar a,
    .tx-news-list-pagebar span{
        min-width:34px;
        height:34px;
        padding:0 10px;
        font-size:13px;
    }
/*新闻详情页*/
 .tx-news-detail-layout,
    .tx-news-related{
        max-width:100%;
    }

    .tx-news-related-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
.tx-news-detail-page{
        padding:30px 12px 45px;
    }

    .tx-news-detail-card{
        padding:28px 18px;
        border-radius:14px;
    }

    .tx-news-detail-head{
        padding-bottom:22px;
        margin-bottom:24px;
    }

    .tx-news-detail-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-news-detail-head h1{
        font-size:24px;
        line-height:34px;
    }

    .tx-news-detail-meta{
        margin-top:14px;
    }

    .tx-news-detail-meta em{
        font-size:13px;
    }

    .tx-news-detail-content{
        font-size:15px;
        line-height:1.8;
    }

    .tx-news-detail-content h2{
        font-size:22px;
    }

    .tx-news-detail-content h3{
        font-size:19px;
    }

    .tx-news-detail-content h4{
        font-size:17px;
    }

    .tx-news-detail-content img{
        border-radius:10px;
    }

    .tx-news-detail-prevnext{
        display:block;
        margin-top:30px;
        padding-top:20px;
    }

    .tx-news-detail-prevnext p{
        margin-bottom:12px;
        white-space:normal;
    }

    .tx-news-detail-next{
        text-align:left;
    }

    .tx-news-related{
        margin-top:24px;
    }

    .tx-news-related-head{
        padding:20px 18px;
        border-radius:14px;
    }

    .tx-news-related-head h2{
        font-size:22px;
        line-height:30px;
    }

    .tx-news-related-list{
        grid-template-columns:repeat(1, minmax(0, 1fr));
        gap:15px;
    }

    .tx-news-related-item{
        border-radius:14px;
    }

    .tx-news-related-info a{
        height:auto;
        max-height:48px;
    }


/*brand*/
 .tx-brand-page{
        padding:30px 12px 45px;
    }

    .tx-brand-feature{
        padding:24px 16px;
        border-radius:14px;
        margin-bottom:24px;
    }

    .tx-brand-section-head{
        margin-bottom:22px;
    }

    .tx-brand-section-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-brand-section-head h1,
    .tx-brand-section-head h2{
        font-size:26px;
        line-height:34px;
    }

    .tx-brand-section-head p{
        font-size:14px;
        line-height:24px;
    }

    .tx-brand-feature-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }

    .tx-brand-feature-item{
        height:78px;
        padding:14px;
        border-radius:12px;
    }

    .tx-brand-letter-nav{
        padding:10px;
        border-radius:14px;
        overflow-x:auto;
        position:sticky;
        top:0;
    }

    .tx-brand-letter-nav ul{
        justify-content:flex-start;
        flex-wrap:nowrap;
        width:max-content;
        min-width:100%;
    }

    .tx-brand-letter-nav::-webkit-scrollbar{
        height:4px;
    }

    .tx-brand-letter-nav::-webkit-scrollbar-thumb{
        background:#d9e4f5;
        border-radius:10px;
    }

    .tx-brand-letter-nav a{
        width:34px;
        height:34px;
        font-size:13px;
    }

    .tx-brand-list-panel{
        padding:18px;
        border-radius:14px;
    }

    .tx-brand-group{
        display:block;
        padding:22px 0;
        scroll-margin-top:80px;
    }

    .tx-brand-group-letter{
        width:54px;
        height:54px;
        line-height:54px;
        font-size:22px;
        border-radius:15px;
        margin-bottom:16px;
    }

    .tx-brand-group-links{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .tx-brand-link{
        min-height:40px;
        padding:8px 11px;
        font-size:13px;
    }
    .tx-brand-detail-page{
        padding:30px 12px 45px;
    }

    .tx-brand-detail-hero{
        display:block;
        margin-bottom:24px;
    }

    .tx-brand-detail-logo-card{
        width:100%;
        padding:22px;
        border-radius:14px;
        margin-bottom:18px;
    }

    .tx-brand-detail-logo{
        min-height:140px;
        border-radius:14px;
        padding:18px;
    }

    .tx-brand-detail-logo img{
        max-height:100px;
    }

    .tx-brand-detail-logo b{
        font-size:22px;
        line-height:30px;
    }

    .tx-brand-detail-info{
        padding:26px 20px;
        border-radius:14px;
    }

    .tx-brand-detail-info span,
    .tx-brand-detail-section-head span{
        font-size:13px;
        letter-spacing:2px;
    }

    .tx-brand-detail-info h1{
        font-size:28px;
        line-height:36px;
        margin-bottom:14px;
    }

    .tx-brand-detail-desc{
        font-size:14px;
        line-height:26px;
    }

    .tx-brand-detail-section-head{
        padding:24px 18px;
        border-radius:14px;
        margin-bottom:18px;
    }

    .tx-brand-detail-section-head h2{
        font-size:24px;
        line-height:32px;
    }

    .tx-brand-detail-section-head p{
        font-size:14px;
        line-height:24px;
    }

    .tx-brand-detail-category-group{
        display:block;
        padding:18px;
        border-radius:14px;
        margin-bottom:15px;
    }

    .tx-brand-detail-category-title{
        width:100%;
        border-right:none;
        border-bottom:1px solid #edf2fa;
        padding-right:0;
        padding-bottom:16px;
        margin-bottom:16px;
    }

    .tx-brand-detail-category-title i{
        width:42px;
        height:42px;
        line-height:42px;
        font-size:20px;
        border-radius:12px;
    }

    .tx-brand-detail-category-title a{
        font-size:18px;
        line-height:26px;
    }

    .tx-brand-detail-category-links{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:10px;
    }

    .tx-brand-detail-category-links a{
        min-height:40px;
        font-size:13px;
        padding:8px 11px;
    }

/*商家入驻*/
.supplier-settle-hero-inner{
        gap:28px;
    }

    .supplier-settle-form-card{
        width:560px;
    }

    .supplier-settle-hero-text h1{
        font-size:32px;
        line-height:42px;
    }

    .supplier-settle-hero-text p{
        font-size:14px;
        line-height:25px;
    }
    .supplier-settle-hero {
        padding: 28px 0 34px;
    }

    .supplier-settle-hero-inner {
        display: block;
        padding-left: 12px;
        padding-right: 12px;
    }

    .supplier-settle-hero-text {
        width: 100%;
        margin-bottom: 22px;
        text-align: center;
    }

        .supplier-settle-hero-text span,
        .supplier-section-title span {
            font-size: 13px;
            letter-spacing: 2px;
        }

        .supplier-settle-hero-text h1 {
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 12px;
        }

        .supplier-settle-hero-text p {
            font-size: 14px;
            line-height: 24px;
        }

    .supplier-settle-tags {
        justify-content: center;
        gap: 8px;
        margin-top: 18px;
    }

        .supplier-settle-tags em {
            height: 34px;
            padding: 0 12px;
            font-size: 13px;
        }

    .supplier-settle-form-card {
        width: 100%;
        padding: 20px 16px;
        border-radius: 14px;
    }

    #supplier_apply_form {
        display: block;
    }

    .supplier-form-group {
        margin-bottom: 10px;
    }

    .supplier-settle-form-title {
        margin-bottom: 14px;
    }

        .supplier-settle-form-title h2 {
            font-size: 24px;
            line-height: 32px;
        }

    .supplier-form-group input[type="text"] {
        height: 40px;
        line-height: 40px;
    }

    .supplier-form-group textarea {
        height: 68px;
    }

    .supplier-radio-list {
        gap: 8px;
    }

        .supplier-radio-list em {
            height: 38px;
            line-height: 36px;
            font-size: 13px;
        }

    .supplier-submit-btn {
        height: 44px;
    }

    .supplier-section {
        padding: 42px 12px;
    }

    .supplier-section-title {
        margin-bottom: 28px;
    }

        .supplier-section-title h2 {
            font-size: 26px;
            line-height: 34px;
        }

        .supplier-section-title p {
            font-size: 14px;
            line-height: 24px;
        }

    .supplier-advantage-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .supplier-advantage-item {
        padding: 24px 16px;
        border-radius: 14px;
    }

    .supplier-advantage-icon {
        width: 58px;
        height: 58px;
        line-height: 58px;
        font-size: 24px;
        border-radius: 16px;
        margin-bottom: 14px;
    }

    .supplier-advantage-item h3 {
        font-size: 17px;
        margin-bottom: 8px;
    }

    .supplier-advantage-item p {
        font-size: 13px;
        line-height: 23px;
    }

    .supplier-process-wrap {
        padding: 42px 12px;
    }

    .supplier-process-list {
        display: block;
    }

    .supplier-process-item {
        margin-bottom: 16px;
        padding: 26px 18px;
    }

    .supplier-process-arrow {
        display: none;
    }

    .supplier-popup-box {
        width: 320px;
        padding: 30px 22px 24px;
    }

        .supplier-popup-box h3 {
            font-size: 18px;
        }

        .supplier-popup-box p {
            font-size: 14px;
        }
}