.index-newsFocus {
    width: 20.175rem;
    height: auto;
    margin: 0 auto;
    padding: .625rem 0 0 0;
    box-sizing: border-box;

}

.index-newsFocus-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .375rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    font-family: 微软雅黑;
    letter-spacing: .0625rem;
}

.index-newsFocus-header::before {
    position: absolute;
    content: "";
    width: .475rem;
    height: .0625rem;
    background: #9C0C13;
    bottom: -0.25rem;
}

.index-newsFocus-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .75rem 0 0 0;
    box-sizing: border-box;
}

.index-newsFocus-section div.card,
.index-newsFocus-section div.card-big {
    // margin: 0 0 .45rem 0;
}
.index-newsFocus-section div.card a{
   display:block;
height:100%;
overflow:hidden;
}
.index-newsFocus-card {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.index-newsFocus-card .card{
 margin-bottom:0.45rem;
}
.index-newsFocus-card .card .a-bg{
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 0.1875rem;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-indent: .3625rem;
    display: flex;
    flex-direction: column;
    border-radius: 0px 0px 0px 0px;
    padding: 0 0 0.125rem 0;
}
.index-newsFocus-card:nth-child(3) .card:nth-child(2) .img-section {
    width: 100%;
    height: 100%;
}

// .index-newsFocus-card:nth-child(3) .card:nth-child(3)::before {
//     content: "";
//     position: absolute;
//     width: 100%;
//     height: 100%;
//     top: 0;
//     background: rgba(0, 0, 0, 0.4);
//     transition: 1s;
// }
.a-section-opacity {
    content: "";
    position: absolute;
    width: 100%;
    height: 2.825rem;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    border-radius: 0px 0px 0px 0px;
    transition: 1s;
    cursor: pointer;
}

.index-newsFocus-card:nth-child(3) .card:nth-child(2):hover img {
    transform: scale(1.2);
}

.index-newsFocus-card:nth-child(3) .card:nth-child(2) .a-section {
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
    z-index: 999;
}

.index-newsFocus-card:nth-child(3) .card:nth-child(2):hover .title {
    color: #FFFFFF !important;
}

.index-newsFocus-card:nth-child(3) .card:nth-child(2) .time {
    color: #FFFFFF !important;
}

.card {
    width: 4.7125rem;
    height: 4.6625rem;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    position: relative;
}

.card:hover {
    -webkit-animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: shadow-drop-bottom 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.card:hover .a-section .title {
    color: #9C0C13;
    // background-position: left bottom;
    // background-size: 100% 2px;
}



.card .img-section {
    width: 100%;
    height: 3.1375rem;
    overflow: hidden;
}
.card .img-section.hit{height:100%}
.card img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: 1s;
    object-fit: cover;
}
.index-newsFocus-card .card .a-bg img{
    width: 1.25rem;
    height: 0.375rem;
    object-fit: contain;
}
.card:hover img.first{
    transform: scale(1.2);
}

.card .a-section {
    width: 100%;
    height: 1.5125rem;
    padding: .2625rem .3875rem .2625rem .3375rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card .a-section.hit-section{
    position: absolute;
    bottom: 0;
    color: #ffffff;
    z-index: 999;
}

.card .a-section .title {
    font-size: .2rem;
    width: 100%;
    float: left;
    background: linear-gradient(to right, #9C0C13, #9C0C13) no-repeat right bottom;
    background-size: 0 2px;
    transition: background-size 1s;
    padding: 0 0 .125rem 0;
    box-sizing: border-box;
color:#333333;
}
.card .a-section.hit-section p.title{
  color:#ffffff;
}

.card .a-section .content {
    font-size: .1875rem;
    // font-size: .1875rem;
    // // color: #6C6C6C;
    // // width: 100%;
    // // padding: .1125rem 0 0 0;
    // // box-sizing: border-box;
    // // background: linear-gradient(to right, #9C0C13, #9C0C13) no-repeat right bottom;
    // // background-size: 0 2px;
    // // transition: background-size 1s;
    display: flex;
    justify-content: flex-start;
}

.card .a-section .content .tag {
    color: #9C0C13;
    display: none;
}

.card .a-section .content .time {
    color: #999999;
}


.card-big {
    width: 9.875rem;
    height: 4.6625rem;
    position: relative;
    overflow: hidden;
}

.card-big:hover img {
    transform: scale(1.2);
}

.card-big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
    cursor: pointer;
}

// .card-big img:hover {
//     transform: scale(1.2);
// }

.card-big .a-bg {
    width: 100%;
    height: 2.825rem;
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    text-indent: .3625rem;
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 0px 0px 0px 0px;
}

.card-big .a-bg .content {
    width: 100%;
    font-size: .1875rem;
    display: flex;
    justify-content: flex-start;
    padding: .1375rem .375rem .25rem 0;
    box-sizing: border-box;
}

.card-big .a-bg .content .tag {
    color: #9C0C13;
    display: none;
}

.card-big .a-bg .content .time {
    color: #FFFFFF;
}

.card-big a {
    font-size: .2375rem;
    color: #FFFFFF;
    overflow: hidden;
    height: 100%;
    display: flex;
align-items: flex-start;
}

.index-newsFocus-btnMore {
    width: 3.25rem;
    height: .475rem;
    background: #9C0C13;
    border-radius: .2375rem;
    margin: .6875rem auto;
    font-size: .2rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-newsFocus-btnMore a{
color:#FFFFFF;
}