.my-class {
    width: 1400px;
    display: flex;
    margin: 39px auto;
}

.mc-left {
    margin-right: 24px;
    width: 199px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
}

.mcl-title {
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #707070;
    padding-top: 19px;
    padding-bottom: 18px;
    border-bottom: 1px solid #E3E3E3;
    text-align: center;
    align-self: center;
}

.mclc-k {
    display: block;
    cursor: pointer;
    padding-left: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #707070;
    margin-top: 30px;
}

.mclc-k:hover {
    color: rgba(3, 110, 183, 1);
}


.mc-right {
    border: 1px solid #DDDDDD;
    flex: 1;
}

.mcr-title {
    padding-left: 30px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #707070;
    padding-top: 21px;
    padding-bottom: 19px;
    border-bottom: 1px solid #E3E3E3;
}

.mcr-warp {
    padding-left: 30px;
    /* margin-right: 27px; */
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
.w-empty-text{
     padding-left: 30px;
     padding-top: 10px;
}
.mcl-con{
    padding-bottom: 88px;
}
.mcrw-k {
    cursor: pointer;
    width: 356px;
    margin-right: 26px;
}

.mcrw-k:nth-child(3n){
    margin-right: 0;
}
.mcrw-k img {
    width: 356px;
    height: 202px;
    object-fit: cover;
}

.mcrwk-wz {
    margin-top: 18px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
}
.mcrw-k{
    margin-top: 32px;
}
/* 院校文件 */
.mfile-warp {
    padding-top: 32px;
    padding-left: 30px;
}

.mfw-k {
    cursor: pointer;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    width: 1123px;
    height: 69px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-left: 6px solid #004E7F;
    padding-left: 32px;
    padding-right: 34px;
}
.mfw-k:hover .mfwkr-left{
    margin-left: 20px;
}
.mfw-k:hover{
    background: #004E7F;
}
.mfw-k:hover .mfwk-left{
    color: rgba(255,255,255,1);
}
.mfw-k:hover .mfwkr-left{
    color: rgba(255,255,255,1);
}
.mfw-k:hover .mfwkr-right{
    color: rgba(255,255,255,1);
}
.mfwk-left {
    white-space: nowrap;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #9F9F9F;
}

.mfwk-right {
    width: 89%;
    margin-left: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mfwkr-left {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
}

.mfwkr-right {
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #858585;
}

/* 院校文件 end*/
@media only screen and (max-width: 1024px){
    .my-class{
        display: block;
        padding: 0 0.3rem;
    }
    .mc-left{
        width: 100%;
    }
    .mcrw-k img{
        width: 100%;
    }
    .my-class{
        width: 100%;
    }
    .mc-right{
        margin-top: 30px;
        width: 100%;
    }
    .mcr-warp{
        padding: 0 10px;
        width: 100%;
        margin-bottom: 10px;
    }
    .mcrw-k{
        width: 50%;
        margin-right: 0;
    }
    .mcl-con{
        display: flex;
        align-items: center;
        padding-bottom: 30px;
    }
    .mfw-k{
        width: 100%;
        padding-left: 12px;
        padding-right: 14px;
    }
    .mfile-warp{
        padding-left: 10px;
        padding-right: 10px;
    }
    .mfwk-right{
        margin-left: 14px;
    }
    .mfwkr-left{
        width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}