body {
    background: #fff;
}


.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hotLink__hover {
    font-weight: bold;
}

.hotLink__hover:hover {
    color: #000;
}

.hero__container {
    position: relative;
    width: 100%;
    height: 5rem;
    background-image: url(../images/hero-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero__title {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 0.38rem;
    color: #ffffff;
    text-align: center;
    margin-top: 0.86rem;
}

.hero__searchWarp {
    position: relative;
    width: 6.58rem;
    height: 0.8rem;
    margin-top: 0.56rem;
    margin-bottom: 0.46rem;
}

/* .hero__inputWarp {
    flex: 1;
    display: flex;
    height: 100%;
    background: #ffffff;
    border-radius: 0.52rem;
    z-index: 10;
} */

.hero__searchInput {
    position: relative;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 0.28rem;
    border: none;
    outline: none;
    padding: 0.38rem 2.46rem 0.38rem 0.54rem;

    background: #ffffff;
    border-radius: 0.52rem;
    z-index: 10;

    border-bottom: 1px solid #1472ff;
}

.hero__searchInput::placeholder {
    color: #7d7d7d;
}

.hero__searchBtn {
    position: absolute;
    right: 0.06rem;
    top: 0.06rem;
    width: 2.36rem;
    height: 0.65rem;
    background: #006DFD;
    border-radius: 0.52rem;
    font-weight: 400;
    font-size: 0.3rem;
    color: #ffffff;
    line-height: 0.09rem;

    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10;
}

.hero__searchBtn:hover {
    background: #2690FF;
}

/* search css -------------- start */
.suggest-box {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 0.12rem 0.12rem;
    list-style: none;
    padding-top: 0.52rem;
    margin: 0;
    display: none;
    /* max-height: 200px; */
    overflow-y: auto;
    z-index: 9;
}

.suggest-box li {
    padding: 0.2rem 0.18rem;
    cursor: pointer;
    font-weight: 400;
    font-size: 0.20rem;
    color: #000000;
    display: flex;
    align-items: center;
}

.suggest-box li:hover {
    background: #f5f5f5;
}

.suggest-index {
    width: 0.25rem;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.18rem;
    background: #D2DFF5;
    color: #ffffff;
}

/* search css -------------- end */


.hero__desc {
    width: 5.31rem;
    height: 0.98rem;
    font-weight: 400;
    font-size: 0.26rem;
    color: #bedcfe;
}

.hero__analysis {
    position: absolute;
    top: 4.6rem;
    width: 6.9rem;
    height: 2.65rem;
    background: #ffffff;
    box-shadow: 0rem 2px 4px 0rem rgba(137, 166, 222, 0.25);
    border-radius: 0.25rem;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 0.46rem;
    column-gap: 0.5rem;
    padding: 0.37rem 0.5rem;
}

.hero__analysis--item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hero__analysis--number {
    font-family: PingFang SC;
    font-weight: 800;
    font-size: 0.38rem;
    line-height: 0.21rem;
}

.hero__analysis--label {
    font-weight: 400;
    font-size: 0.2rem;
    color: #636363;
    margin-top: 0.28rem;
    line-height: 0.09rem;
}

.hero__analysis--blue {
    color: #0073fe;
}

.hero__analysis--purple {
    color: #815ffe;
}

.hero__analysis--yellow {
    color: #ff9f00;
}

.recommend__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.11rem;
    margin-top: 0.7rem;
    margin-bottom: 0.27rem;
}

.test__container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.test__category {
    width: 6.9rem;
    display: flex;
    flex-direction: column;
    margin-top: 0.4rem;
}

.verticalBar {
    width: 0.09rem;
    height: 0.37rem;
    background: #006DFD;
    border-radius: 0.04rem;
}

.test__more {
    display: block;
    position: absolute;
    right: 0rem;
    top: 0.06rem;

    width: 1.08rem;
    height: 0.4rem;
    font-weight: 400;
    font-size: 0.24rem;
    color: #6E747E;
    background: transparent;
    border-radius: 0.2rem;
    border: 0.01px solid #A6A6A6;

    display: flex;
    justify-content: center;
    align-items: center;
}

.test__more:hover {
    opacity: 0.7;
}

.test__list {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 0.18rem;

    margin-top: 0.33rem;
}

.test__list>*:nth-child(n+7) {
    display: none;
}

.test__itemWrap {
    width: 3.36rem;
    height: 4.01rem;
    background: #ffffff;
    /* box-shadow: 0rem 2px 4px 6px rgba(109, 126, 161, 0.1); */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    border-radius: 0.08rem;
    overflow: hidden;

    display: flex;
    flex-direction: column;
}

.test__itemImg {
    width: 100%;
    height: 1.76rem;
    border-radius: 0.08rem 0.08rem 0rem 0rem;
    overflow: hidden;
}

.test__itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.test__itemInfo {
    flex: 1;
}

.test__itemTitle {
    font-weight: 400;
    font-size: 0.3rem;
    color: #333333;
    text-align: center;
    margin-top: 0.17rem;
    padding: 0 0.24rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.test__itemDesc {
    padding: 0 0.24rem;
    font-weight: 400;
    font-size: 0.22rem;
    color: #999999;
    text-align: center;
    margin-top: 0.08rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.test__itemTextWrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.23rem;
    /* margin-left: 0.14rem; */
    gap: 0.23rem;
}

.test__itemText {
    display: flex;
    justify-content: center;
    align-items: center;

    font-weight: 400;
    font-size: 0.22rem;
    color: #A73EFF;
    line-height: 0.09rem;

    width: 2.12rem;
    height: 0.39rem;
    border-radius: 0.1rem;
    border: 1px solid #C366FF;
    /* color: #666666; */
}

.test__itemBtn-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.14rem;
}

.test__itemBtn-2:hover .test__itemBtn-2-img {
    transform: translateX(10px);
}

.test__itemBtn-2-text {
    font-weight: bold;
    font-size: 0.26rem;
    color: #A73EFF;
    line-height: 0.14rem;
}

.test__itemBtn-2-img {
    width: 0.71rem;
    height: 0.23rem;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.test__ranking {
    display: none;
}

.test__rankingList {
    padding-top: 0;
    box-shadow: none;

    margin-top: 0.8rem;
}


.test__itemBtn {
    position: absolute;
    top: 0.02rem;
    right: 0.21rem;

    /* height: 0.14rem; */
    color: #1472ff;
}

.test__itemBtn svg {
    width: 0.28rem;
    color: #1472ff;
}

.test__itemBtn .btn {
    display: none;
    transition: var(--default-transition);
}

.test__itemBtn .btn:hover {
    opacity: 0.8;
}

.allTest__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 6.9rem;
    margin: 0 auto;
}

.allTest__header {
    margin-top: 0.61rem;
    width: 100%;
}

.allTest__list {
    width: 100%;
    margin-top: 0.61rem;

    display: flex;
    flex-direction: column;
}

.allTest__item {
    display: flex;
    align-items: center;

    padding-left: 0.19rem;
    padding-right: 0.3rem;
    padding-bottom: 0.29rem;
    margin-bottom: 0.29rem;
    border-bottom: 0.02rem solid #dee2eb;
}

.allTest__itemIcon {
    width: 0.15rem;
    height: 0.2rem;
}

.allTest__itemName {
    margin-left: 0.15rem;
    font-weight: 400;
    font-size: 0.28rem;
    color: #010101;
}

.allTest__itemCount {
    margin-left: auto;
    font-weight: 400;
    font-size: 0.22rem;
    color: #666666;
}

/* PC 端样式（>750px 时） */
@media screen and (min-width: 750px) {
    .hero__container {
        height: 3rem;
        justify-content: center;
    }

    .hero__title {
        margin-top: 0.7rem;
        font-weight: bold;
        font-size: 0.38rem;
        color: #ffffff;
    }

    .hero__searchWarp {
        width: 10.78rem;
        height: 0.56rem;
        border-radius: 0.28rem;
        margin-top: 0rem;
        margin-bottom: 0.28rem;
    }

    .hero__searchInput {
        padding: 0.2rem 2.46rem 0.2rem 0.39rem;
        font-weight: 400;
        font-size: 0.16rem;
        line-height: 0.09rem;
    }

    .hero__searchBtn {
        /* width: 2.36rem;
        height: 0.56rem; */

        width: 2.36rem;
        height: 0.48rem;
        margin: 0.04rem 0.04rem;

        right: 0rem;
        top: 0rem;

        border-radius: 0.28rem;

        font-weight: 400;
        font-size: 0.18rem;
        color: #ffffff;
        line-height: 0.09rem;
    }

    .recommend__title {
        margin-top: 0.4rem;
    }

    .suggest-box {
        padding-top: 0.28rem;
    }

    .suggest-box li {
        font-size: 0.16rem;
    }

    .suggest-index {
        width: 0.2rem;
        height: 100%;
        margin-right: 0.12rem;
    }

    .hero__desc {
        width: 9.65rem;
        height: 0.16rem;
        text-align: center;
        font-weight: 400;
        font-size: 0.16rem;
        color: #bedcfe;
    }

    .hero__analysis {
        top: 3.8rem;
        width: 15rem;
        height: 1.5rem;
        background: #ffffff;
        box-shadow: 0rem 0rem 0rem 0rem rgba(137, 166, 222, 0.25);
        border-radius: 0.25rem;

        display: flex;
        justify-content: space-between;
        align-items: center;

        padding: 0.47rem 0.82rem 0.39rem;
    }

    .hero__analysis--number {
        font-size: 0.34rem;
    }

    .hero__analysis--label {
        font-size: 0.14rem;
    }

    .test__container {
        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .test__category {
        flex: 1;
    }

    .verticalBar {
        width: 0.07rem;
        height: 0.3rem;
    }

    .test__more {
        right: 0.4rem;
        width: 0.65rem;
        height: 0.24rem;
        font-size: 0.14rem;
        border-radius: 0.12rem;

        background: rgba(0, 0, 0, 0);
        border-radius: 0.12rem;
        border: 0.01px solid #A6A6A6;
    }

    .test__more:hover {
        border-color: #1472ff;
        color: #1472ff;
    }

    .test__list {
        margin-top: 0.3rem;
        gap: 0.2rem;
    }

    .article__wrap .test__list {
        row-gap: 0.27rem;
    }

    .test__list>*:nth-child(n+7) {
        display: flex;
    }

    .test__itemWrap {
        width: 3.6rem;
        height: 3.28rem;
    }

    .test__itemImg {
        height: 1.9rem;
    }

    .test__itemTitle {
        font-weight: 400;
        font-size: 0.18rem;
        color: #333333;
        padding: 0;
        text-align: left;

        margin-top: 0.24rem;
        margin-left: 0.28rem;
    }

    .test__itemDesc {
        padding: 0;
        margin-left: 0.28rem;
        margin-right: 0.28rem;
        font-weight: 400;
        font-size: 0.14rem;
        color: #999999;
        text-align: left;
    }

    .test__itemTextWrap {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0.2rem;
        margin-left: 0.28rem;
        margin-right: 0.28rem;
        gap: 0.19rem;
    }

    .test__itemText {
        width: 1.18rem;
        height: 0.23rem;
        border-radius: 0.1rem;
        border: 0.01px solid #C366FF;
        font-weight: 400;
        font-size: 0.12rem;
        color: #A73EFF;
    }

    .test__itemBtn-2-text {
        font-weight: bold;
        font-size: 0.18rem;
        color: #A73EFF;
    }

    .test__itemBtn-2-img {
        width: 0.46rem;
        height: 0.16rem;
    }

    .test__itemBtn {
        top: auto;
    }

    .test__itemBtn svg {
        display: none;
    }

    .test__itemBtn .btn {
        display: block;
        font-weight: 400;
        font-size: 0.16rem;
        color: #ffffff;
        background-color: #1472ff;
        padding: 0.06rem 0.1rem;
        border-radius: 0.04rem;
    }

    .test__ranking {
        display: flex;
        margin-top: 0.4rem;
        width: 3.6rem;
    }



    .test__rankingList {
        margin-top: 0.3rem;
        padding: 0.26rem 0.23rem;
        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
        background: #ffffff;
    }

    .article__wrap .test__rankingList {
        padding: 0.2rem 0.23rem;
    }

    .test__rankingItem {
        padding-bottom: 0.228rem;
        margin-bottom: 0.228rem;
    }

    .test__rankingName {
        width: 1.8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .allTest__header {
        margin-top: 0.52rem;
    }

    .allTest__list {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 0.41rem;
    }

    .allTest__item {
        width: 4.7rem;
        display: flex;
        align-items: center;

        padding-left: 0.09rem;
        padding-right: 0.2rem;
        padding-bottom: 0.19rem;
        margin-bottom: 0.19rem;
    }

    .allTest__itemIcon {
        width: 0.05rem;
        height: 0.1rem;
    }

    .allTest__itemName {
        font-size: 0.16rem;
        margin-left: 0.05rem;
    }

    .allTest__itemCount {
        margin-left: auto;
        font-weight: 400;
        font-size: 0.14rem;
        color: #666666;
    }
}


/* 
 * 2026-2-25 修改 ---- start
*/
.main__container {
    background: #fff;
}


.hotLink__hover {
    text-decoration: underline;
    line-height: 0.24rem;
}

.hero__desc__subTitle {
    margin-top: 0.2rem;
}

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

    .hotLink__warp {
        display: flex;
        justify-content: center;

        flex-wrap: wrap;
        gap: 0.18rem;
    }

    .hero__desc__subTitle {
        line-height: 0.24rem;
    }

}

.recommend__container-2 {
    display: flex;
    flex-direction: column;
}

.recommend__icon {
    width: 1.2rem;
    height: auto;
    padding-bottom: 6px;
}

.recommend__container__subTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.05rem;

    font-size: 0.22rem;
    color: #868686;

}

.recommend__container__subTitle img {
    width: 0.2rem;
    height: 0.2rem;
}

.recommend__container__subTitle--item {
    display: flex;
    align-items: center;
    gap: 0.04rem;
}

.recommend__list-2 {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;

    padding: 0 0.32rem;
    margin-top: 0.3rem;
}

.recommend__list-2>*:nth-child(n+7) {
    display: none;
}

.recommend__itemWrap-2 {
    display: flex;
    align-items: center;
    gap: 0.43rem;

    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 0.08rem;
    box-shadow: 0px 0px 20px rgba(138, 146, 161, 0.21);
    padding: 0.16rem 0.14rem;
}

.recommend__itemImg-2 {
    width: 3.06rem;
    height: 1.61rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.recommend__itemImg-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recommend__itemInfo-2 {
    flex: 1;
    display: flex;
    flex-direction: column;

    /* padding: 0.3rem 0.28rem; */

}

.recommend__itemTitle-2 {
    width: 3rem;
    font-size: 0.3rem;
    font-weight: bold;
    color: #000000;

    margin-top: 0.18rem;
    margin-bottom: 0.2rem;
}

.recommend__itemDesc-2 {
    width: 3rem;
    font-weight: 400;
    font-size: 0.22rem;
    color: #666666;
    margin-bottom: 0.18rem;
}

.recommend__itemDesc-2 span {
    color: #258AFF;
}

.recommend__itemFooter {
    display: flex;
    /* flex-direction: row; */
    justify-content: space-between;
    align-items: center;
}

.recommend__itemLabel {
    display: none;
}

.recommend__itemLabel--mobile {
    background: #FFF1E4;
    border-radius: 0.1rem;

    padding: 0.08rem 0.18rem;

    width: fit-content;
    font-weight: 400;
    font-size: 0.22rem;
    color: #FF8E2A;

    display: flex;
    justify-content: center;
    align-items: center;
}

.recommend__itemBtn-2 {
    width: 1.85rem;
    height: 0.61rem;
    background: linear-gradient(90deg, #2DBFFF, #2486FF);
    border-radius: 0.3rem;
    border: 0.04px solid #E2F1FF;

    font-weight: bold;
    font-size: 0.3rem;
    color: #FFFFFF;

    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.recommend__itemBtn-2:hover {
    opacity: 0.8;
}

/* pc 端样式（>750px 时） */
@media screen and (min-width: 750px) {
    .recommend__icon {
        width: 0.98rem;
        height: 0.46rem;
        padding-bottom: 0;
    }

    .recommend__container__subTitle {
        flex-direction: row;
        gap: 0.11rem;
        font-size: 0.16rem;
    }

    .recommend__container__subTitle img {
        width: 0.16rem;
        height: 0.15rem;
    }

    .recommend__list-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        column-gap: 0.49rem;
        row-gap: 0.18rem;
        padding: 0;
        margin-top: 0.4rem;
    }

    .recommend__list-2>*:nth-child(n+7) {
        display: flex;
    }

    .recommend__itemWrap-2 {
        padding: 0;
        gap: 0.4rem;
    }

    .recommend__itemImg-2 {
        width: 3.6rem;
        height: 100%;
        border-radius: 0;
    }

    .recommend__itemTitle-2 {
        font-size: 0.2rem;

        margin-top: 0.29rem;
        margin-bottom: 0.15rem;
    }

    .recommend__itemDesc-2 {
        font-size: 0.14rem;
        margin-bottom: 0.17rem;
    }

    .recommend__itemLabel {
        display: flex;
        background: #FFF1E4;
        border-radius: 0.1rem;

        margin-bottom: 0.15rem;
        padding: 0.05rem 0.15rem;

        width: fit-content;
        font-weight: 400;
        font-size: 0.12rem;
        color: #FF8E2A;


        justify-content: center;
        align-items: center;
    }

    .recommend__itemLabel--mobile {
        display: none;
    }

    .recommend__itemBtn-2 {
        width: 2.98rem;
        height: 0.45rem;
        border-radius: 0.23rem;
        font-size: 0.18rem;
        margin-bottom: 0.15rem;
    }
}


.test__wrap {
    position: relative;
    margin-top: 0.5rem;
}

.test__container-bg {
    width: 100%;
    height: 2.79rem;
    position: absolute;
    max-width: none;
    top: 0;
    left: 0;
    z-index: 0;
}

.test__wrap .test__container {
    position: relative;
    z-index: 1;
}

.color_white {
    color: #fff;
}

.color_white-bg {
    background: #fff;
}

/* color_cheng  color_hong  color_lan  color_qin  color_zi */
/* 紫色 */
.color_zi .test__container-bg {
    background-image: url('/styles/images/index/bg-zi.png');
    background-repeat: no-repeat;
    background-size: cover;

}

.color_zi .test__itemText {
    border-color: #C366FF;
    color: #A73EFF;
}

.color_zi .test__itemDesc span {
    color: #A73EFF;
}

.color_zi .test__itemBtn-2-text {
    color: #A73EFF;
}

.color_zi .test__itemBtn-2-img {
    background-image: url('/styles/images/index/right-zi.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_zi .test__ranking .verticalBar {
    background: #AC3AF3;
}

.color_zi .test__more {
    color: #fff;
    background: rgba(153, 44, 245, 0.46);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}

.color_zi .test__more:hover {
    color: #fff;
    background: rgba(153, 44, 245, 1);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}



/* 橙色 */
.color_cheng .test__container-bg {
    background-image: url('/styles/images/index/bg-cheng.png');
    background-repeat: no-repeat;
    background-size: cover;

}

.color_cheng .test__itemText {
    border-color: #FFA52E;
    color: #FF9B30;
}

.color_cheng .test__itemDesc span {
    color: #FF9B30;
}

.color_cheng .test__itemBtn-2-text {
    color: #FF7200;
}

.color_cheng .test__itemBtn-2-img {
    background-image: url('/styles/images/index/right-cheng.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_cheng .test__ranking .verticalBar {
    background: #FF9A35;
}

.color_cheng .test__more {
    color: #fff;
    background: rgba(255, 168, 61, 0.46);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}

.color_cheng .test__more:hover {
    color: #fff;
    background: rgba(255, 168, 61, 1);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}




/* 红色 */
.color_hong .test__container-bg {
    background-image: url('/styles/images/index/bg-hong.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_hong .test__itemText {
    border-color: #FF7460;
    color: #FE5145;
}

.color_hong .test__itemDesc span {
    color: #FE5145;
}

.color_hong .test__itemBtn-2-text {
    color: #FF4C4A;
}

.color_hong .test__itemBtn-2-img {
    background-image: url('/styles/images/index/right-hong.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_hong .test__ranking .verticalBar {
    background: #FF341E;
}

.color_hong .test__more {
    color: #fff;
    background: rgba(255, 114, 96, 0.46);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}

.color_hong .test__more:hover {
    color: #fff;
    background: rgba(255, 114, 96, 1);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
}



/* 蓝色 */
.color_lan .test__container-bg {
    background-image: url('/styles/images/index/bg-lan.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_lan .test__itemText {
    color: #258AFF;
    border-color: #32ABFF;
}

.color_lan .test__itemDesc span {
    color: #258AFF;
}

.color_lan .test__itemBtn-2-text {
    color: #32ABFF;
}

.color_lan .test__itemBtn-2-img {
    background-image: url('/styles/images/index/right-lan.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_lan .test__ranking .verticalBar {
    background: #1472FF;
}

.color_lan .test__more {
    background: rgba(2, 104, 239, 0.46);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
    color: #FFFFFF;
}

.color_lan .test__more:hover {
    background: rgba(2, 104, 239, 1);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
    color: #FFFFFF;
}




/* 青色 */
.color_qin .test__container-bg {
    background-image: url('/styles/images/index/bg-qin.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_qin .test__itemText {
    border-color: #99E0F8;
    color: #00B2EE;
}

.color_qin .test__itemDesc span {
    color: #00B2EE;
}

.color_qin .test__itemBtn-2-text {
    color: #00B2EE;
}

.color_qin .test__itemBtn-2-img {
    background-image: url('/styles/images/index/right-qin.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.color_qin .test__ranking .verticalBar {
    background: #2AD5FF;
}

.color_qin .test__more {
    background: rgba(0, 178, 238, 0.46);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
    color: #FFFFFF;
}

.color_qin .test__more:hover {
    background: rgba(0, 178, 238, 1);
    border-radius: 0.2rem;
    border: 0.01px solid #FFFFFF;
    color: #FFFFFF;
}

.article__itemWarp {
    width: 100%;
    /* height: 2.48rem; */
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(138, 146, 161, 0.2);
    border-radius: 0.08rem;

    padding: 0.33rem 0.38rem 0.29rem;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.article__itemTitle {
    font-weight: bold;
    font-size: 0.32rem;
    color: #000000;
    margin-bottom: 0.18rem;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article__itemWarp:hover .article__itemTitle {
    color: #1472ff;
}

.article__itemDesc {
    font-weight: 400;
    font-size: 0.22rem;
    color: #666666;

    margin-bottom: 0.23rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article__itemTextWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article__itemText--number {
    font-weight: 400;
    font-size: 0.2rem;
    color: #258AFF;
}

.article__itemText--time {
    font-weight: 400;
    font-size: 0.2rem;
    color: #999999;
}

.article__itemText--start {
    font-weight: bold;
    font-size: 0.24rem;
    color: #32ABFF;
    margin-right: 0.16rem;
}

.article__rankingItem {
    width: 100%;

    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    padding-bottom: 0.125rem;
    border-bottom: 0.01rem solid #dee2eb;
    margin-bottom: 0.12rem;

    cursor: pointer;
}

.article__rankingTop {
    display: flex;
    align-items: center;
    gap: 0.14rem;
}

.article__rankingName {
    font-size: 0.18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.article__rankingBottom {
    padding-left: 0.18rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.article__rankingItem:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.article__itemWarp .right-btn {
    cursor: pointer;
}

.article__itemWarp .right-btn:hover .test__itemBtn-2-img {
    transform: translateX(10px);
}



/* pc 端样式（>750px 时） */
@media screen and (min-width: 750px) {
    .article__itemWarp {
        width: 5.4rem;
        border-radius: 0.08rem;

        padding: 0.29rem 0.32rem 0.23rem;
    }

    .article__itemTitle {
        font-size: 0.2rem;
        margin-bottom: 0.15rem;
    }

    .article__itemDesc {
        font-size: 0.14rem;

        margin-bottom: 0.2rem;
    }

    .article__itemText--number {
        font-weight: 400;
        font-size: 0.14rem;
        color: #258AFF;
    }

    .article__itemText--time {
        font-weight: 400;
        font-size: 0.14rem;
        color: #999999;
    }

    .article__itemText--start {
        font-weight: bold;
        font-size: 0.18rem;
        color: #32ABFF;
        margin-right: 0.16rem;
    }
}

/* 
 * 2026-2-25 修改 ----- end
*/