@charset "utf-8";
/* CSS Document */

.bangongshi-1{ color:#BCB8B7;}
.bangongshi-1-words{ color:#BCB8B7; }
.bangongshi-1-words2{ color:#E5DBD4; padding:10px 0px 0px;}
.bangongshi-1-words2 strong{ color:#FFB137;}
.time-content strong{color:#707276;display:block;margin-bottom: 0px;margin-top: 15px;}
 .bg-black{ background:#221F1E;}
 .bangongshi-13 .counter{ color:#D5A354; font-size:35px; font-weight:bold;}
 .jiahao{ color:#D5A354; font-size:35px; font-weight:bold; margin-left:5px;}
 .bangongshi-13 p{ color:#707276;}
 .bangongshi-display{ display:flex;     justify-content: center;}
 
 
 /* ===== 通用 ===== */
.xl-section {
    background: #f5f1ec;
    padding: 60px 0;
    font-family: Arial, sans-serif;
}

/* ===== 顶部问题卡片 ===== */
.xl-problem-card {
    background: #fff;
    padding: 20px;
    height: 100%;
    border-radius: 6px;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}
.xl-problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}
.xl-problem-title {
    font-weight: bold;
    margin-bottom: 8px;
}
.xl-solution {
    margin-top: 10px;
    color: #333;
}
.xl-green {
    color: #222;
    font-weight: bold;
}
.xl-orange {
    color: #221F1E;
}

/* ===== 中间套餐卡片 ===== */
.xl-package {
    background: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
    height: 100%;
}
.xl-package:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.xl-package img {
    width: 100%;
}
.xl-package-body {
    padding: 30px 30px 40px;
}
.xl-package-title {
    font-weight: bold;
    font-size: 20px;
    font-family: math;
}
.xl-check {
    color: #28a745;
    margin-right: 5px;
}

/* ===== 右侧高亮 ===== */
.xl-highlight {
    border: 2px solid #f5a623;
}

/* ===== 按钮 ===== */
.xl-btn {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.xl-btn-outline {
    border: 1px solid #333;
    background: transparent;
    text-transform: capitalize;
    padding: 13px 10px;
}
.xl-btn-outline:hover {
    background: #333;
    color: #fff;
}
.xl-btn-main {
    background: #f5a623;
    color: #343434;
    font-weight: 600;
    border: none;
    text-transform: capitalize;
    padding: 13px 10px;
}
.xl-btn-main:hover {
    background: #e08e10;
}

/* ===== 底部条 ===== */
.xl-bottom-bar {
    background: #F9F5F2;
    padding: 20px 35px;
    margin-top: 30px;
}
.xl-p{font-style:italic;color: #707276;line-height: normal;}
.xl-solution small{ color:#BCB8B7; font-weight:bold; font-size:16px;}
.xl-solution small span{ color:#D5A354;}
.xl-coin1{ padding-right:5px;}
.xl-coin2{ padding-right:5px;}
.xingxing{ color:#D5A354 !important;}
.bangongshi-line{border-top: 1px solid #ddd;margin: 50px 0px;}
.xl-package-body h4{ font-size:30px; font-weight:bold; color:#D4A153;}
.xl-package-body .mt-3 small{ color:#BCB8B7; font-weight:normal; font-size:16px;}
.bgs-p1{color:#D6A354;font-size:20px;margin-bottom: 5px;}
.bgs-p2{ color:#707276; font-style:italic;}
.bgs-small{ font-size:16px !important;}
.xl-package-body h3{ color:#D6A354;}
.xl-1-3{ color:#D4A153;}
.xl-1-4{ color:#BCB8B7; margin-top:15px; text-align:center; text-transform:capitalize; text-decoration: underline;}
.xl-2-1{ color:#D5A354; font-size:18px;}
.xl-2-2{ background:#fff; padding:10px 20px !important;}
/* ===== 整体区域 ===== */
.zk-section {
    /* background: #F9F5F2; */
    /* padding: 70px 0; */
    /* font-family: Arial, sans-serif; */
}

/* ===== 卡片 ===== */
.zk-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.35s ease;
    border: 1px solid #e6e2dc;
}
.zk-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* ===== 图片 ===== */
.zk-img-wrap {
    overflow: hidden;
}
.zk-img-wrap img {
    width: 100%;
    transition: transform 0.5s ease;
}
.zk-card:hover .zk-img-wrap img {
    transform: scale(1.05);
}

/* ===== 内容 ===== */
.zk-body {
    padding: 35px;
}
.zk-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    font-family: math;
}

/* ===== 列表 ===== */
.zk-list {
    padding-left: 18px;
}
.zk-list li {
    margin-bottom: 8px;
    color: #555;
    list-style: disc;
    font-size: 14px;
}

/* ===== 案例框 ===== */
.zk-case {
    background: #f5f3ef;
    padding: 12px 15px;
    border-radius: 20px;
    font-size: 13px;
    margin-top: 15px;
}

/* ===== 链接 ===== */
.zk-link {
    color: #e6a23c;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.3s;
}
.zk-link:hover {
    color: #c97f10;
    transform: translateX(5px);
    text-decoration: none;
}

/* ===== 底部按钮条 ===== */
.zk-bottom {
    margin-top: 40px;
    background: #f5a623;
    padding: 18px;
    text-align: center;
    color: #2c2c2c;
    font-weight: 500;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    transition: all 0.3s ease;
}
.zk-bottom:hover {
    background: #e5941c;
    letter-spacing: 0.5px;
}
.zk-p{ color:#BCB8B7;}
.zk-p1{ margin-bottom:5px; font-size:14px;}
.zk-h{ margin-top:3rem;}


/* ===== 主体 ===== */
.rtx-section{
    /* background:#f3efe9; */
    /* padding:60px 0; */
    font-family: Arial, sans-serif;
}

/* ===== 卡片 ===== */
.rtx-card{
    background:#fff;
    border-radius:8px;
    border:1px solid #e6e2dc;
    margin-bottom:40px;
    transition:.35s;
}
.rtx-card:hover{
    box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* ===== 图片 ===== */
.rtx-img-wrap{
    position:relative;
    overflow:hidden;
}
.rtx-img-wrap img{
    width:100%;
    display:block;
    transition:.5s;
}
.rtx-card:hover .rtx-img-wrap img{
    transform:scale(1.05);
}

/* ===== 图片文字覆盖 ===== */
.rtx-overlay{
    position:absolute;
    left:20px;
    bottom: 100px;
    font-size: 20px;
    color:#fff;
}
.rtx-overlay h4{
    margin:5px 0;
    color: #fff;
    font-size: 26px;
}

/* ===== 内容区 ===== */
.rtx-content{
    padding: 35px;
    font-size:14px;
    color:#555;
    line-height:1.7;
}

/* 标题 */
.rtx-title{
    font-weight:bold;
    margin-bottom:10px;
    color: #707276;
    font-size: 16px;
}

/* 小标题 */
.rtx-sub{
    font-weight:bold;
    margin-top:15px;
    color: #707276;
    font-size: 16px;
}

/* 结果框 */
.rtx-result{
    padding: 25px;
    border-radius:8px;
    margin-top:10px;
    font-size: 16px;
    color: #221F1E;
    background: #F9F5F2;
}

/* 引用 */
.rtx-quote{
    background: #F9F5F2;
    padding: 25px;
    border-radius:8px;
    margin-top:10px;
    font-style:italic;
    font-size: 16px;
}

/* 链接 */
.rtx-link{
    color:#e6a23c;
    margin-right:20px;
    display:inline-block;
    margin-top:15px;
    transition:.3s;
}
.rtx-link:hover{
    color:#c97f10;
    text-decoration:none;
    transform:translateX(5px);
}
.rtx-p{ font-size:15px;}
.rtf-3-1 {
    display: flex;
    column-gap: 30px;
    flex-wrap: wrap;
    margin-top: 5rem;
}
.rtx-quote span{ color:#222; font-weight:600;}
.rtx-result strong{ color:#707276;}

/* 整体区域 */
.xl-commit-section{
}

/* 标题 */
.xl-commit-title{
    text-align:center;
    margin-bottom:60px;
}
.xl-commit-title h2{
    font-size:36px;
    font-weight:600;
}
.xl-commit-title p{
    color:#666;
    margin-top:10px;
}

/* 卡片 */
.xl-commit-card{
    background:#fff;
    padding:30px;
    height:100%;
    transition:all .3s ease;
    border:1px solid #eee;
}
.xl-commit-card:hover{
    transform:translateY(-8px);
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* 图标 */
.xl-commit-icon{
    font-size:28px;
    margin-bottom:15px;
}

/* 标题 */
.xl-commit-card h5{
    font-size: 20px;
    font-weight:600;
    margin-bottom:15px;
}

/* 小标题 */
.xl-green{
    color:#1f8f5f;
    font-weight: 700;
}
.xl-orange{
    color:#c89c3d;
    font-weight: 700;
}

/* 内容 */
.xl-commit-card p{
    /* font-size:14px; */
    color:#555;
    line-height:1.7;
}

/* 底部黑色块 */
.xl-dark-block{
    background:#1c1c1c;
    color:#fff;
    padding:60px;
    margin-top:60px;
}
.xl-dark-block h3{
    font-size: 30px;
    color: #fff;
    margin-bottom:20px;
}
.xl-dark-block p{
    color:#ccc;
    /* font-size:14px; */
}

/* 按钮 */
.xl-btn-main{
    background:#f5a623;
    color:#fff;
    padding:12px 30px;
    display:inline-block;
    margin-top:20px;
    transition:.3s;
}
.xl-btn-main:hover{
    background:#d98c12;
    text-decoration:none;
    color:#fff;
}

/* 渐入动画 */
.xl-fade{
    opacity:0;
    transform:translateY(30px);
    transition:all .6s ease;
}
.xl-fade.show{
    opacity:1;
    transform:none;
}
.xl-line{
    margin: 30px 0px 20px;
}
.xl-yellow{
    color: #BCB8B7;
    font-weight: 700;
}
.xl-xieti{
    font-style: italic;
    color: #707276;
}
.xl-name{
    color: #323232;
}


@media (min-width: 768px) {
    .col-md-25 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 20%;
        max-width: 20%;
    }
	.bangongshi-2 .col-6 {
        padding-right: 5px;
    padding-left: 5px;
}
}