/* 基础重置与公共样式 */

.price-container{
    background: linear-gradient(135deg, #FFFFFF 0%, #FFEAD1 100%);
}
/* 头部横幅样式 */
.discounts-header{
    background: url('./../img/discounts_bg.png') no-repeat center center;
}
.discounts-header p .strong_p{
    font-weight: bold;
}
.discounts-header .tooltip-trigger {
    position: relative;
    color: #FF6933!important;
    cursor: pointer;
  }
  .discounts-header .tooltip-trigger i{
    background: url('./../img/question.png') no-repeat center center;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 5px;
  }
  .discounts-header .tooltip-content {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    /* 红框下方显示 */
    left: 0;
    width: 639px;
    padding: 18px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    color: #181818;
    font-size: 13px;
  }
/* 三角形（气泡箭头）样式 */
.tooltip-content::before {
    content: '';
    position: absolute;
    top: -7px; /* 向上偏移，贴在提示框顶部 */
    left: 80px; /* 三角形的水平位置，可调整 */
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff; /* 与提示框背景色一致 */
    border-top: 0;
}
/* 三角形的边框（若提示框有边框，需加这层） */
.tooltip-content::after {
    content: '';
    position: absolute;
    top: -8px; /* 比before再向上1px，模拟边框 */
    left: 80px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff; /* 与提示框边框色一致 */
    border-top: 0;
}
  .discounts-header .tooltip-trigger:hover .tooltip-content {
    display: inline-block;
    transition: all 0.3s linear;
  }
/* 内容区块公共样式 */
.font-Semibold{
    font-family: 'PingFang SC-Semibold';
    font-weight: 600;
}
.font-Medium{
    font-family: 'PingFang SC-Medium';
    font-weight: 500;
}
.discounts-middle-item {
    /* margin-bottom: 40px; */
    color: #181818;
    padding-top: 32px;
}

.discounts-middle-item:last-child {
    margin-bottom: 0;
}

/* 标题文本公共样式 */
.discounts-middle-item h2 {
    /* font-family: 'PingFang SC-Medium';
    font-weight: 500;
    color: #181818;*/
    font-size: 36px;
    line-height: 44px;
    /* margin-top: 64px; */
}
.discounts-middle-item h2::before{
    content: '';
    display: inline-block;
    width: 4px;
height: 28px;
background: #FF6933;
margin-right: 12px;
}
.discounts-middle-item h3 {
    margin: 15px 0;
    color: #34495e;
}
.discounts-top .header_p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
}
.discounts-middle-item p  {
    font-size: 16px;
    line-height: 24px;
}

.discounts-middle-item .header_p {
    margin-top: 12px;
}
.header_p_strong{
    font-weight: bold;
}
/* 表格公共样式 */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0 32px 0;
    background-color: white;
}
.table2{
    margin-bottom: 0;
}
table th,
table td {
    border: 1px solid #E1E1E1;
    text-align: center;
    padding: 15px 0;
    font-size: 13px;
    line-height: 22px;
}

.discounts-middle-item th {
    background-color: #F6F6F6;
    font-size: 14px;
}

/* 表格特殊单元格样式 */
/* .discounts-middle-item .th1 { */
table .th1{
    /* font-family: 'PingFang SC-Medium';
    font-weight: 500; */
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: #181818;
    padding-right: 16px;
}
table .td1 {
    /* font-family: 'PingFang SC-Semibold';
    font-weight: 600;
    color: #181818;*/
    width: 147px;
    padding-right: 16px;
    text-align: right;
}

.td_bg {
    background: #FFF6EC;
    color: #DE4D3A;
}
.td_x {
    color: rgba(24, 24, 24, 0.5);
}
.text-right,table .text-right{
    text-align: right;
}
.text-center,table .text-center{
    text-align: center;
}
.thead_th {
    /* font-family: 'PingFang SC-Medium';
    font-weight: 500; */
    font-size: 16px;
    /* color: #181818; */
    line-height: 24px;
}
.thead_th .t2{
font-size: 12px;
font-weight: normal;
}
/* 表格宽度类 */
.width_147{
    width: 147px;
}

.width_210{
    width: 210px;
}

.width_216 {
    width: 216px;
}

.width_288 {
    width: 288px;
    text-align: right;
}
.width_310{
    width: 310px;
    text-align: right;
}
.width_323 {
    width: 323px;
}
.width_137{
    width: 137px;
}
.width_124{
    width: 124px;
}
.width_109{
    width: 109px;
}
.width_306{
    width: 306px!important;
}
.width_198{
    width: 198px;
}
.width_160{
    width: 160px;
}
/* .width_188{
    width: 188px;
} */
/* .width_141{
    width: 141px;
} */
.width_100{
    width: 100px;
}
.width_77{
    width: 77px;
}
.table_still_img {
    table-layout: fixed; /* 固定表格布局 */
    width: 100%; /* 确保表格宽度填满容器 */
  }
.table_still_img thead th{
    font-family: 'PingFang SC-Medium';
    font-weight: 500;
    font-size: 16px;
    color: #181818;
    line-height: 24px;
    vertical-align: middle;

}
.table_still_td1{
    /* font-family: 'PingFang SC-Semibold';
    font-weight: 600; */
    /* color: #181818; */
    vertical-align: middle;
font-size: 14px;
line-height: 22px;
width: 77px;
}
.table_still_img td{
    vertical-align: middle;
    padding-right: 6px;
    padding-left: 6px;
    /* text-align: right; */
}
.table_still_img .width_125,
.table_still_img .width_188,
.table_still_img .width_141{
    padding: 0;
}
.table_still_img .width_158{
    padding-left: 0;
}
/* 特殊表格（discounts-middle-item4）样式 */
.discounts-middle-item4 table th,
.discounts-middle-item4 table tbody .tr1 td {
    background-color: transparent;
    /* padding: 24px 0;
    line-height: 24px; */
}

.discounts-middle-item4 table td.width_210 {
    background: #FBFBFB;
    vertical-align: middle;
    font-weight: 500;
    font-family: 'PingFang SC-Medium';
    font-size: 16px;
}

.discounts-middle-item4 table td,
.discounts-middle-item4 table td.last_width_210,
.discounts-middle-item4 .table1 tbody .tr1 td {
    background-color: #fff;
}

.discounts-middle-item4 table tbody .tr1 td {
    font-family: 'PingFang SC-Medium';
    font-weight: 500;
    font-size: 16px;
    color: #181818;
    line-height: 24px;
}

/* 背景图表格样式 */
.table {
    width: 100%;
    margin-top: 32px;
    font-size: 16px;
    color: #181818;
    line-height: 24px;
    text-align: center;
}

.table table {
    margin: 0;
    background: url('./../img/dis_item_1.png') no-repeat center top;
}

.table1 table {
    margin: 0;
    background: url('./../img/dis_item_2.png') no-repeat center top;
}

.table1_td_bg,
.discounts-middle-item4 .table1 tbody td.table1_td_bg {
    background: radial-gradient(240.35% 137.41% at 100% 1.43%, #FEB425 0%, #FF4400 100%);
    vertical-align: middle;
    font-family: 'PingFang SC-Medium';
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    border-color: rgba(225, 225, 225, 0.5);
}

/* 说明文本样式 */
.note p {
    font-size: 16px;
    color: rgba(24, 24, 24, 0.65);
    line-height: 24px;
}

.note p.strong_p,.note p .strong_p {
    color: #181818;
    font-weight: 500;
    font-family: 'PingFang SC-Medium';
    padding: 12px 0 2px;
}

.note p.strong_p_1 {
    padding: 0;
    padding-bottom: 12px;
}

.note ul li {
    font-size: 16px;
    color: rgba(24, 24, 24, 0.8);
    line-height: 24px;
    margin-top: 12px;
    margin-left: 18px;
}

/* 橙色提示框样式 */
.orange-box {
    background: #FFFAF4;
    border-radius: 4px;
    border: 2px solid #F8A21A;
    padding: 24px;
    margin: 32px 0;
}

.orange-box h3 {
    font-size: 16px;
    color: #181818;
    font-family: 'PingFang SC-Medium';
    font-weight: 500;
    line-height: 24px;
    margin: 8px 0 2px;
}

.orange-box ul {
    font-size: 16px;
    padding-left: 18px;
}

.orange-box p {
    color: rgba(24, 24, 24, 0.8);
    margin-bottom: 12px;
}

.orange-box .text_1 {
    margin-top: 0;
}

.orange-box li span {
    font-family: 'PingFang SC-Semibold';
    font-weight: 600;
    color: #181818;
}

/* 特殊文本样式 */
.text_p {
    font-family: 'PingFang SC-Semibold';
    font-weight: 600;
    font-size: 16px;
    color: #181818;
    line-height: 24px;
}

/* 响应式适配 */
@media (max-width: 768px) {
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
    }

    td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 50%;
    }

    td:before {
        position: absolute;
        top: 8px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-label);
        font-weight: bold;
    }
}