#onep {
    width: 100%;
    height: 100%;
    background: url(../img2025/bg.jpg) no-repeat center center / cover;
}

img {
    width: 100%;
    display: block;
    pointer-events: none;
}
 header {
    width: 92vw;
    margin: 0 auto;
    padding-top: 6vh;
}

footer {
    width: 30vw;
    position: absolute;
    bottom: 0;
    right: 0;
}

.title {
    margin-top: 7vh;
    margin-left: 5vw;
    width: 30vw;
    margin-bottom: 8vh;
}
.title2{
    width: 22vw;
    position: absolute;
    top: -2.5vw;
    z-index: 3;
    left: 25vw;
}
 .k {
    background: url("../img2025/k.png") no-repeat top;
    background-size: 100% 100%;
    width: 73vw;
    margin: 0 auto;
    padding-top: 1vh;
}
.num_bg {
    --number_0: 0;
    --number_1: 0;
    --number_2: 0;
    --number_3: 0;
    --number_4: 0;
    --number_5: 0;
    --number_6: 0;
    --number_7: 0;
    --number_8: 0;
    --number_9: 0;
    --number_10: 0;

    width: 72vw;
    height: 9.5vw;
    margin: 0 auto;
    /* margin-top: 1vw; */
    padding: 1vw;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #fe8579, #e2152d);
    /* background-color: rgba(238, 48, 48, 1); */
    border-radius: 8px;
    /* border: 2px solid white; */
    opacity: 0.9;
}

.num_box {
    display: flex;
    align-items: center;
    height: 100%;
    /* background: linear-gradient(to bottom,rgb(254,223,174), rgb(255,238,210), rgb(254,223,174)); */
    background: white;
    border-radius: 8px;
    /* border: 2px solid white; */
    box-sizing: border-box;
}

.num {
    aspect-ratio: var(--scale);
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    border-right: 10px solid rgba(238, 48, 48, 1);
}

.num:last-child{
    border: none;
}

.num>span {
    content: '';
    position: absolute;
    background: url("../img/num3.png")top center repeat-y;
    background-size: 100% auto;
    width: 100%;
    aspect-ratio:1 / 1;
    z-index: 2;
    /* filter: invert(1); */
}

.num:nth-child(1)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_0))) * -1);
}

.num:nth-child(2)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_1))) * -1);
}

.num:nth-child(3)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_2))) * -1);
}

.num:nth-child(4)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_3))) * -1);
}

.num:nth-child(5)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_4))) * -1);
}

.num:nth-child(6)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_5))) * -1);
}

.num:nth-child(7)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_6))) * -1);
}

.num:nth-child(8)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_7))) * -1);
}

.num:nth-child(9)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_8))) * -1);
}

.num:nth-child(10)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_9))) * -1);
}

.num:nth-child(11)>span {
    background-position-y: calc((100% / 9 * (10 - var(--number_10))) * -1);
}

.num_box.hide .num:nth-child(4),
.num_box.hide .num:nth-child(5),
.num_box.hide .num:nth-child(6),
.num_box.hide .num:nth-child(7) {
    background: url("../img/xinghao.png")no-repeat center;
    background-size: 70%;
    /* filter: invert(1); */
}

.num_box.hide .num:nth-child(4) span,
.num_box.hide .num:nth-child(5) span,
.num_box.hide .num:nth-child(6) span,
.num_box.hide .num:nth-child(7) span{
    background: unset;
}

.lp {
    width: 72vw;
    /* text-align: center; */
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    padding-left: 14vw;
    padding-right: 14vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    margin-top: 0.5vw;
    border-radius: 5px;
}

.box {
    width: 72vw;
    margin: 0 auto;
    display: flex;
}

.list {
    background: rgba(255,225,225, 0.8);
    /* flex: 1; */
    width: 35.5vw;
    margin: 0 0.25vw;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
}
.list ul{
    height: 24vh;
    overflow-y: auto;
}
.list_title {
    display: flex;
    height: 3vw;
    align-items: center;
    font-weight: bold;
    position: relative;
    color: #e82f32;
    font-size: 20px;
}

.list_title::after {
    content: '';
    background: linear-gradient(to right, transparent, #fff, transparent);
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

ul li {
    display: inline-flex;
    width: 100%;
    margin-top: 0.1vw;
}

ul li>span {
    /* flex: 1; */
    text-align: center;
    overflow: hidden;
    font-size: 1vw;
    margin: auto;
    text-wrap: nowrap;
}
.box.order-3>.list.show>ul li>span {
    /* flex: 1; */ 
    font-size: 1.7vw;
}
.list_title>div{
    text-align: center;
}

.list_title>div:first-child,
ul li>span:first-child{
    flex: 1;
}
.list_title>div:nth-child(2),
ul li>span:nth-child(2){
    width: 13vw;
}
.list_title>div:nth-child(3),
ul li>span:nth-child(3){
    width: 24vw;
}
.list_title>div:last-child,
ul li>span:last-child {
    width: 20vw;
}
::-webkit-scrollbar{
	display: none;
}