.page-nav .nav-ul li a {
    white-space: nowrap;
    text-wrap: nowrap;
}

.list-box {
    margin: 0 0 .5rem;
}

.list-box .item {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.list-box .li {
    display: none;
}
.list-box .li.active {
    display: block;
}

.list-box .item:last-child {
    margin-bottom: 0;
}

.list-box .item .item-left {
    width: 48%;
    max-width: 5.65rem;
    position: relative;
    z-index: 2;
}

.list-box .item .item-left .img-box {
    width: 5.65rem;
    height: 3.43rem;
    border-radius: 0.08rem;
    overflow: hidden;
}

.list-box .item .item-right {
    flex: 1;
    min-height: 3.43rem;
    position: relative;
}

.list-box .item .item-right .title {
    margin: 0.16rem 0 0.16rem 0.65rem;
    font-family: "Muli-Bold";
    font-size: 0.2rem;
    font-size: Max(0.2rem, 16px);
    font-weight: bold;
    line-height: 0.44rem;
    text-transform: uppercase;
    color: #494949;
}

.list-box .item:nth-of-type(even) .item-right .title {
    margin-left: 0;
    margin-top: 0.16rem;
}

.list-box .item:nth-of-type(even) .item-right .text {
    margin-left: 0;
    margin-bottom: 0.3rem;
}

.list-box .item .item-right .text {
    margin-right: .1rem;
    margin-left: 0.65rem;
    font-family: "Muli-Bold";
    font-size: 0.16rem;
    font-size: Max(0.16rem, 14px);
    font-weight: normal;
    line-height: 0.28rem;
    margin-bottom: 0.3rem;
    color: #494949;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-box .item .item-right .link-box {
    padding: 0.48rem 0 0 0;
    /* position: absolute;
    right: 0;
    bottom: 0; */
    margin-left: -0.1rem;
    /* width: calc(100% + 0.1rem); */
    min-height: 1.82rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list-box .item .item-right .link-box .link-wrap {
    /* padding: 0.4rem 0.75rem 0.2rem 0.3rem; */
    padding: 0.4rem 0.75rem 0.2rem 0.78rem;
    /* background: #F9A61A; */
    background: #16519F;
    min-height: 1.4rem;
}

.list-box .item:nth-of-type(even) .item-right .link-box {
    /* padding: 0.67rem 0 0 0.65rem; */
    margin-left: 0;
    /* clip-path: polygon(0% 0%, 28% 0%, 34% 28%, 100% 28%, 100% 100%, 0% 100%); */
    overflow: hidden;
}

.list-box .item:nth-of-type(even) .item-right .link-box .link-wrap {
    padding: 0.4rem 0.3rem 0.2rem 0.75rem;
    min-height: 1.4rem;
}

.list-box .item .item-right .link-box::before {
    content: '';
    position: absolute;
    right: -0.4rem;
    top: 1px;
    width: 2.78rem;
    height: calc(0.48rem + 2px);
    /* background: #F9A61A; */
    background: #16519F;
    z-index: 2;
    transform: skewX(-30deg);
}

.list-box .item .item-right .link-box::after {
    content: '';
    position: absolute;
    right: -0.3rem;
    top: 1px;
    width: 2.78rem;
    height: 0.48rem;
    height: 0.47rem;
    /* background: #16519F; */
    background: #F9A61A;
    z-index: 1;
    transform: skewX(-30deg);
}

.list-box .item:nth-of-type(even) .item-right .link-box::before {
    content: '';
    position: absolute;
    right: auto;
    left: -0.4rem;
    top: 1px;
    width: 2.78rem;
    height: calc(0.48rem + 2px);
    background: #F9A61A;
    z-index: 2;
    transform: skewX(30deg);
}

.list-box .item:nth-of-type(even) .item-right .link-box::after {
    content: '';
    position: absolute;
    right: auto;
    left: -0.3rem;
    top: 1px;
    width: 2.78rem;
    height: 0.48rem;
    background: #16519F;
    z-index: 1;
    transform: skewX(30deg);
}

.list-box .item:nth-of-type(even) .item-right .link-box::before {
    /* clip-path: polygon(0% 0%, 27% 0%, 33% 28%, 100% 28%, 100% 100%, 0% 100%); */
}

.list-box .item .item-right .link-box .link-a {
    margin-right: 0.4rem;
    margin-bottom: 0.3rem;
    display: inline-block;
    border-bottom: 1px solid #fff;
    font-family: "Muli-Bold";
    font-size: 0.16rem;
    font-size: Max(0.16rem, 12px);
    font-size: Max(0.18rem, 14px);
    font-weight: bold;
    line-height: 0.24rem;
    text-transform: uppercase;
    /* text-decoration: underline; */
    color: #FFFFFF;
}

@media screen and (max-width: 750px) {
    .list-box .item:nth-of-type(even) {
        flex-direction: column-reverse;
    }
    .list-box .item .item-left {
        width: 100%;
        max-width: none;
    }
    .list-box .item .item-left .img-box {
        margin: 0 auto;
    }
    .list-box .item .item-right .title,
    .list-box .item .item-right .text {
        margin-left: 10px;
    }
    .list-box .item .item-right .link-box {
        width: 100%;
        margin-left: 0;
    }
}