.banner {
    height: calc(254/1920*100vw);
    background: url("../images/bg-zxdt-detail.png") #010AA2 no-repeat center bottom;
    background-size: 100%;
}

.content {
    padding-top: calc(131/1920*100vw);
    padding-bottom: calc(185/1920*100vw);
}

.banner-title {
    width: calc(173/1920*100vw);
    padding-top: calc(121/1920*100vw);
}

.zxdt-detail {
    gap: calc(72/1920*100vw) calc(112/1920*100vw);
    flex-wrap: wrap;
}

.zxdt-item {
    width: calc(574/1920*100vw);
    box-sizing: border-box;
    float: left;
    transition: background-color 0.3s;
    cursor: pointer;
}


.zxdt-item:nth-child(even) {
    float: right;
}

.zxdt-item .zxdt-link {
    display: flex;
  	justify-content: space-between;
  	padding-bottom: calc(28/1920*100vw);
  	border-bottom: 1px solid #979797;
}

.zxdt-item .zxdt-left {
    padding-right: calc(20/1920*100vw);
    margin-right: calc(23/1920*100vw);
  	border-right: 1px solid #979797;
  	flex-shrink: 0;
}

.zxdt-item .zxdt-left span {
    display: block;
}

.zxdt-item .zxdt-date {
    font-size: calc(30/1920*100vw);
  	color: #E3C372;
}

.zxdt-item .zxdt-year {
    font-size: calc(18/1920*100vw);
    color: #E3C372;
    margin-bottom: calc(12/1920*100vw);
}

.zxdt-item .zxdt-line {
    height: 1px;
    background-color: #472A3360;
}

.zxdt-item h4 {
    font-size: calc(22/1920*100vw);
    font-weight: 450;
    line-height: calc(30/1920*100vw);
    margin-bottom: calc(24/1920*100vw);
}

.zxdt-item p {
    font-size: calc(14/1920*100vw);
    line-height: calc(22/1920*100vw);
    color: #2A3360;
    opacity: .6;
    transition: opacity 0.3s;
}

.zxdt-item:hover h4 {
    color: #1E49C4;
}

.zxdt-lookmore {
    text-align: right;
    display: block;
    color: #666666;
    font-size: calc(18/1920*100vw);
    line-height: calc(30/1920*100vw);
}

.lookmore-box {
    padding-right: calc(40/1920*100vw);
    line-height: calc(30/1920*100vw);
    margin-right: calc(5/1920*100vw);
    display: inline-block;
    background-image: url("../images/icon-lookmore.png");
    background-size: calc(30/1920*100vw) calc(30/1920*100vw);
    background-repeat: no-repeat;
    background-position: right center;
    transition: all 0.5s;
}

.lookmore-box:hover {
    margin-right: 0;
}

@media all and (max-width:430px) {
    .banner {
        height: calc(46/375*100vw);
        background-image: none;
    }

    .content {
        padding-top: calc(12/375*100vw);
        padding-bottom: calc(20/375*100vw);
    }

    .zxdt-detail {
        flex-direction: column;
        gap: calc(12/375*100vw);
        flex-wrap: nowrap;
        align-items: center;
    }

    .zxdt-item {
        width: calc(349/375*100vw);
        box-shadow: none;
        border-radius: 0;
        background: none;
        padding: 0;
    }

    .zxdt-item .zxdt-link {
        font-size: 0;
    }

    .zxdt-item .zxdt-right {
        padding: calc(16/375*100vw);
    }

    .zxdt-item .zxdt-left {
        margin-right: 0;
        margin-left: calc(6/375*100vw);
        padding: calc(16/375*100vw) calc(16/375*100vw) calc(10/375*100vw) calc(10/375*100vw);
        background-image: url("../images/bg-zxdt-item-m.png");
        background-size: 100% 100%;
    }

    .zxdt-item .zxdt-left .zxdt-line {
        display: none;
    }

    .zxdt-item .zxdt-date {
        font-size: calc(19/375*100vw);
      	color: rgba(41,48,106,0.8);
    }

    .zxdt-item .zxdt-year {
        font-size: calc(12/375*100vw);
        color: #666666;
        margin-bottom: 0;
    }

    .zxdt-item .zxdt-right {
        position: relative;
    }

    .zxdt-right h4 {
        color: #29306A;
        font-weight: 600;
        font-size: calc(16/375*100vw);
        -webkit-line-clamp: 2;
        line-height: calc(23/375*100vw);
        margin-bottom: calc(10/375*100vw);
    }

    .zxdt-right p {
        height: auto;
        margin-bottom: 0;
        font-size: calc(12/375*100vw);
        color: #666666;
        line-height: calc(17/375*100vw);
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .zxdt-item:hover h4 {
        color: #222222;
    }
}
.is-mobile {
  	.banner {
        height: calc(46/375*100vw);
        background-image: none;
    }

    .content {
        padding-top: calc(12/375*100vw);
        padding-bottom: calc(20/375*100vw);
    }

    .zxdt-detail {
        flex-direction: column;
        gap: calc(12/375*100vw);
        flex-wrap: nowrap;
        align-items: center;
    }

    .zxdt-item {
        width: calc(349/375*100vw);
        box-shadow: none;
        border-radius: 0;
        background: none;
        padding: 0;
    }

    .zxdt-item .zxdt-link {
        font-size: 0;
    }

    .zxdt-item .zxdt-right {
        padding: calc(16/375*100vw);
    }

    .zxdt-item .zxdt-left {
        margin-right: 0;
        margin-left: calc(6/375*100vw);
        padding: calc(16/375*100vw) calc(16/375*100vw) calc(10/375*100vw) calc(10/375*100vw);
        background-image: url("../images/bg-zxdt-item-m.png");
        background-size: 100% 100%;
    }

    .zxdt-item .zxdt-left .zxdt-line {
        display: none;
    }

    .zxdt-item .zxdt-date {
        font-size: calc(19/375*100vw);
      	color: rgba(41,48,106,0.8);
    }

    .zxdt-item .zxdt-year {
        font-size: calc(12/375*100vw);
        color: #666666;
        margin-bottom: 0;
    }

    .zxdt-item .zxdt-right {
        position: relative;
    }

    .zxdt-right h4 {
        color: #29306A;
        font-weight: 600;
        font-size: calc(16/375*100vw);
        -webkit-line-clamp: 2;
        line-height: calc(23/375*100vw);
        margin-bottom: calc(10/375*100vw);
    }

    .zxdt-right p {
        height: auto;
        margin-bottom: 0;
        font-size: calc(12/375*100vw);
        color: #666666;
        line-height: calc(17/375*100vw);
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .zxdt-item:hover h4 {
        color: #222222;
    }
}