/**20250520*/
.tablebox {
    width: 100%;
    border-radius: 6px 6px 6px 6px;
    overflow-x: auto;
    margin-top: 15px;
    margin-bottom: 30px;
    padding: 10px 10px 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tablebox .tbox {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
    /* 定义整个滚动条的样式 */
    /* 定义滚动条轨道的样式 */
    /* 定义滚动条滑块的样式 */
}
.tablebox .tbox p ,.tablebox .tbox *{line-height: 2.2!important;}
.tablebox .tbox p:has(> img) {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tablebox .tbox::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    /* 滚动条宽度 */
}
.tablebox .tbox::-webkit-scrollbar-track {
    background: #F1F3F5;
    /* 轨道背景色 */
}
.tablebox .tbox::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    /* 滑块背景色 */
    border-radius: 6px;
    /* 滑块圆角 */
    -webkit-transform: all 0.3s;
    transform: all 0.3s;
}
.tablebox .tbox::-webkit-scrollbar-thumb:hover {
    background: #C9E166;
    /* 滑块悬停背景色 */
}
.tablebox * {
    margin: 0 !important;
}
.tablebox table {
    border: none;
    width: 100% !important;
    overflow-x: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    overflow-x: scroll;
}
.tablebox table tbody,
.tablebox table thead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}
.tablebox table tbody:first-child tr:first-child th,
.tablebox table thead:first-child tr:first-child th,
.tablebox table tbody:first-child tr:first-child td,
.tablebox table thead:first-child tr:first-child td {
    width: 174px;
    height: 69px;
    background: #AEB8C4;
    border-radius: 6px 6px 6px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    line-height: 28px;
}
.tablebox table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    gap: 4px;
}
.tablebox table tr:nth-child(odd) th,
.tablebox table tr:nth-child(odd) td {
    width: 174px;
    background:#FAF0E6;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.tablebox table tr:nth-child(even) th,
.tablebox table tr:nth-child(even) td {
    width: 174px;
    background: #E0FFFF;
    border-radius: 6px 6px 6px 6px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.tablebox table tr td,
.tablebox table tr th {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    color: #21261E;
    line-height: 25px;
    border: none;
}
.tablebox table tr td img,
.tablebox table tr th img {
    width: 156px;
    height: 118px;
    border-radius: 2px;
    -o-object-fit: contain;
    object-fit: contain;
}



@media (max-width: 640px) {
    .tablebox ul li{
        position: relative;
        padding-left: 12px;
      }
    .tablebox ul li::before{
        content: "";
        position: absolute;
        top:13px;
        width: 8px;
        height: 8px;
        background: #0ab99d;
        border-radius: 50%;
        margin-left: -12px;
    }
    
    
    .tablebox ol{
        list-style-type: none;
        counter-reset: item;
        padding-left: 0;
      }
      
    .tablebox  ol li {
        counter-increment: item;
        margin-bottom: 12px;
        position: relative;
        padding-left: 32px;
    }
    
    .tablebox   ol li::before {
        content: counter(item);
        position: absolute;
        left: 0;
        top: 0;
        background: #0ab99d;
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
    }
    
    
    /* 主有序列表样式 */
    .tablebox ol {
        list-style-type: none; /* 取消默认数字 */
        counter-reset: section; /* 初始化计数器 */
        padding-left: 0;
        margin: 1em 0;
      }
      
      /* 主列表项 */
      .tablebox  ol > li {
        counter-increment: section; /* 递增计数器 */
        position: relative;
        padding-left: 2em;
        margin-bottom: 0.5em;
        font-weight: bold;
        color: #333;
      }
      
      /* 主列表项前的数字 */
      .tablebox  ol > li::before {
        content: counter(section); /* 显示1., 2.等 */
        position: absolute;
        left: 30px;
        top: 5px;
        font-weight: bold;
        color: #fff;
      }
      
      /* 嵌套无序列表样式 */
      .tablebox  ol > ul {
        list-style-type: none;
        padding-left: 2em;
        margin: 0.5em 0;
      }
      
      /* 嵌套无序列表项 */
      .tablebox  ol > ul > li {
       position: relative;
      }
      
      /* 无序列表项前的小圆点 */
      .tablebox   ol > ul > li::before {
        content: "";
        position: absolute;
        top:13px;
        width: 8px;
        height: 8px;
        background: #0ab99d;
        border-radius: 50%;
        margin-left: 40px;
      }
      
    .tablebox ol li p{font-weight: 500;}
    
    
    .tablebox .hasTips{
        position: relative;
        margin: 1.5rem 0;
        border-radius: 10px;
        background: rgb(10 185 157);
        box-shadow: 0 5px 20px rgb(10 185 157, 0.05);
        border-left: 4px solid;
        border-color:#0ab99d;
    }
    .tablebox .hasTips{
        border-color: #2ecc71;
        background-color: #f0fdf4;
        padding: 0 10px;
    }
    
    .tablebox ol{padding:0}
    .tablebox ol li{
        padding-left: 28px;
    }
    .tablebox ol li::before{
        margin-left: 0px;
    }
    
    .tablebox ol > li::before{
        left: 0;
    }
    
    .tablebox ol > ul > li{
        padding-left:10px
    }
    .tablebox ol > ul > li::before{
        margin-left: 0px;
    }
    }