.item-three {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: .2604rem;
    font-family: "Noto Serif SC", "SimSun", sans-serif;
}

.m-i-t-top {
    width: 100%;
    height: .3646rem;
    display: flex;
    align-items: center;
    font-size: .1667rem;
    color: #8f070a;
}

.m-i-t-top i {
    font-size: .1667rem;
    margin-right: .0052rem;
}

.m-i-t-bottom {
    width: 100%;
    height: 2.0833rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.m-i-t-b-left {
    width: 70%;
    height: 100%;
    position: relative;
}

.m-i-t-b-left a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.m-i-t-b-left a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    transition: transform 0.3s ease;
}

.m-i-t-b-left:hover a img {
    transform: scale(1.05);
}

.m-i-t-b-left a p {
    font-size: .0938rem;
    position: absolute;
    z-index: 2;
    bottom: .0521rem;
    left: .1042rem;
    color: white;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;

}

.m-i-t-b-left a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .5208rem;
    height: .5208rem;
    font-size: .25rem;
    position: absolute;
    z-index: 2;
    bottom: calc(50% - .2604rem);
    left: calc(50% - .2604rem);
    color: white;
}

.m-i-t-b-right {
    width: 29%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.m-i-t-b-r-top {
    width: 100%;
    height: 48%;
    position: relative;
}

.m-i-t-b-r-top a {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.m-i-t-b-r-top a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    position: absolute;
    top: 0;
    transition: transform 0.3s ease;
}

.m-i-t-b-r-top:hover a img {
    transform: scale(1.05);
}

.m-i-t-b-r-top a p {
    font-size: .0938rem;
    position: absolute;
    z-index: 2;
    bottom: .0521rem;
    left: .0521rem;
    color: white;
    font-weight: bold;

}

.m-i-t-b-r-top a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .2604rem;
    height: .2604rem;
    font-size: .1979rem;
    position: absolute;
    z-index: 2;
    bottom: calc(50% - .1302rem);
    left: calc(50% - .1302rem);
    color: white;
}


.m-i-t-b-r-bottom {
    width: 100%;
    height: 48%;
    position: relative;
}

.m-i-t-b-r-bottom a {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.m-i-t-b-r-bottom a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
    position: absolute;
    top: 0;
    transition: transform 0.3s ease;
}

.m-i-t-b-r-bottom:hover a img {
    transform: scale(1.05);
}

.m-i-t-b-r-bottom a p {
    font-size: .0938rem;
    position: absolute;
    z-index: 2;
    bottom: .0521rem;
    left: .0521rem;
    color: white;
    font-weight: bold;

}

.m-i-t-b-r-bottom a i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .2604rem;
    height: .2604rem;
    font-size: .1979rem;
    position: absolute;
    z-index: 2;
    bottom: calc(50% - .1302rem);
    left: calc(50% - .1302rem);
    color: white;
}