.custom-page .page-title,
.main-page .page-title {
    margin-bottom: 20px;
    text-align: center;
}

.use-info {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
}

.use-info-hover {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 100px;
    height: 80px;
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.use-info .read-more {
    display: flex;
    white-space: nowrap;
}

.use-info .use-info-icon {
    width: 25px;
    height: 25px;
}

.use-info .use-info-more {
    /* display: none;
    text-align: left;
    margin-top: 20px; */
    max-height: 14px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.use-info .use-info-more.open {
    max-height: 1000px;
    opacity: 1;
}

.use-info .read-more {
    text-decoration: none;
    position: absolute;
    color: #0f74b8;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    right: 10px;
    bottom: 55px;
    z-index: 999;
    /* margin-top: 50px; */

}

.use-info .tou {
    width: 24px;
    height: auto;
}

.arrow {
    transition: transform 0.3s ease;
    /* Smooth transition for transform property */
}

.arrow.rotated {
    transform: rotate(180deg);
    /* Rotate the arrow by 180 degrees */
}

.use-info-little {
    width: 24px;
    height: auto;
}
.use-info-text p{
    font-family: Arial, Helvetica, sans-serif;
}
@media screen and (max-width: 959px) {
    .use-info .page-use-info {
        max-width: 100%;
        padding: 20px;
    }

    .use-info .use-info-bigtitle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
    }

    .use-info-hover {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 55px;
        height: 80px;
        display: block;
        background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    }
}
@media screen and (max-width: 480px) {
    .use-info .use-info-bigtitle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        text-align: left;
        line-height: 32px;
    }
}
@media screen and (min-width: 960px) {

    .custom-page .page-title,
    .main-page .page-title {
        margin-bottom: 15px;
    }
}

.custom-page .placeholder {
    display: inline-block;
    height: 335px;
    width: 100%;
    background-color: rgba(var(--color-text), 0.05);
}

@media screen and (min-width: 960px) {
    .custom-page .placeholder {
        width: 100%;
        height: 525px;
    }

    .use-info .page-use-info {
        max-width: 1160px;
        padding: 20px;
    }

    .use-info .use-info-bigtitle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        text-align: left;
    }
}
@media screen and (max-width: 1024px){
        .use-info .read-more {
            text-decoration: none;
            position: absolute;
            color: #0f74b8;
            font-weight: 400;
            font-size: 14px;
            cursor: pointer;
            right: 10px;
            bottom: 20px;
            /* margin-top: 50px; */
        
          }
}
table {
            border-collapse: collapse;
            margin: 20px 0;
        }

        th, td {
            position: relative;
            padding: 10px;
            text-align: left;
        }

        th::before, th::after,
        td::before, td::after {
            content: "";
            position: absolute;
            box-shadow: 0 0 0 1px #000; /* 模拟边框 */
            pointer-events: none;
        }

        /* 添加边框到所有四个边 */
        th::before, td::before {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            box-shadow: -1px -1px 0 0 #000, 1px -1px 0 0 #000, -1px 1px 0 0 #000, 1px 1px 0 0 #000;
        }

        th::after, td::after {
            display: none; /* 避免重复边框 */
        }
/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */