body {

    font-family: Arial, sans-serif;

    margin: 0;

    padding: 0;

    background-color: rgba(255, 255, 255, 1);

}

.head {

    position: sticky;

    top: 0;

    z-index: 1000;

}

.top {

    width: auto;

    background-color: rgba(1, 14, 41, 1);

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.phone-back {

    background-color: rgba(11, 44, 107, 1);

    border-radius: 22px;

    align-items: center;

    padding: 5px 10px;

    float: right;

}

.phone-img {

    margin-right: 5px;

}

.phone {

    color: rgba(229, 229, 229, 1);

    text-decoration: none;

}

.time-now {

    color: rgba(255, 255, 255, 1);

}

.topul {

    display: flex;

    background-color: rgba(11, 36, 89, 1);

    color: rgba(134, 158, 191, 1);

    text-align: center;

    align-items: center;

    font-weight: 600;

}

.topul-word {

    flex: 1;

}

.totalwidth {

    display: flex;

    margin-top: 0.5vh;

}

.header {

    display: flex;

    writing-mode: vertical-lr;

    align-items: center;

    background-color: rgba(235, 241, 255, 1);

    width: 15vw;

    justify-content: center;

    color: rgba(60, 56, 107, 1);

    font-weight: 600;

    letter-spacing: 5px;

}

.firstul-block {

    width: 100%;

}

.firstul {

    display: flex;

    margin: 0;

    padding: 0;

    list-style: none;

}

.firstul li {

    text-align: center;

}

.orwd-underline {

    text-decoration: underline;

    text-decoration-color: rgba(221, 221, 221, 1);

    text-decoration-thickness: 1px;

    text-underline-offset: 5px;

    margin-bottom: 5px;

}

.backdrop {

    background-color: rgba(245, 248, 255, 1);

}

.flex_product {

    color: rgba(60, 56, 107, 1);

    font-weight: 600;

    -ms-flex: 2;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

}

.lastli {

    align-content: center;

}

.lastul li {

    border-bottom: none;

}

.greenfont {

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-align: center;

    align-items: center;

    font-weight: 600;

}

li {

    -webkit-box-flex: 2;

    flex: 2;

}

.arrow {

   display: inline-block;

   line-height: 1; /* 调整行高以确保箭头和数字对齐 */

   vertical-align: middle; /* 垂直居中对齐 */

}

.up {

    color: rgba(233, 77, 68, 1);

}

.down {

    color: rgba(4, 181, 119, 1);

}

.price-container {

    display: flex;

    justify-content: center;

    align-items: center;

}

.price-number {

    min-width: 60px; /* 根据实际情况调整 */

    text-align: right;

}

/* 竖屏适配 */

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

   .top {

        height: 10vh;

    }

    .back {

        margin: 0.5vh 3vw 0.5vh 0;

    }

   .logo-img {

        height: 7vh;

        margin: 2vh 0 0 3vw;

    }

   .phone-back {

        margin: 2.5vh 0 0.5vh 0;

    }

   .phone-img {

        width: 14px;

        height: 14px;

    }

   .phone {

        font-size: 15px;

    }

   .time-now {

        font-size: 15px;

    }

   .topul {

        padding-left: 12vw;

        height: 5vh;

    }

   .topul-word {

        font-size: 18px;

    }

   .header {

        width: 14vw;

        font-size: 18px;

    }

   .vertical-th {

         width: 10vw;

    }

   .firstul {

        height: 7vh;

    }

   .firstul li {

        font-size: 18px;

    }

   .arrow {

       margin: -5px 0 0 5px;

       font-size: 16px;

    }

}

/* 横屏适配 */

@media only screen and (min-width: 600px) {

   .top {

        height: 15vh;

    }

    .back {

        margin: 0.5vh 8vw 0.5vh 0;

    }

   .logo-img {

        height: 11vh;

        margin: -0.5vh 0 0 8vw;

    }

   .phone-back {

       margin: 1vh 0 0.5vh 0;

    }

   .phone-img {

        width: 16px;

        height: 16px;

    }

   .phone {

        font-size: 17px;

    }

   .time-now {

       font-size: 17px;

    }

   .topul {

        padding-left: 7vw;

        height: 7vh;

    }

   .topul-word {

        font-size: 20px;

    }

   .header {

        width: 8vw;

        font-size: 20px;

    }

   .vertical-th {

         width: 12vw;

    }

   .firstul {
        height: 12.8vh;
    }

   .firstul li {

        font-size: 18.5px;

    }

   .arrow {

       margin: -6px 0 0 5px;

       font-size: 18px;

    }

}