.fangan-top {
    width: 100%;
    height: 42.735vw;
    background-size:100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.fangan-top-title {
    font-size: 3.205vw;
    color: #FFFFFF;
}
.fangan-top-desc {
    margin-top: 2.511vw;
    font-size: 1.709vw;
    color: #FFFFFF;
}
.cplmy-main {
    width: 100%;
   background-color: #f5f5f5;
}
.splmy-title-box {
    width: 100%;
    height: 6.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.splmy-title-box-item {
    width: 15.853vw;
    height: 3.322vw;
    border: 1px solid #9E9E9E;
    border-radius: 1.611vw;
    text-align: center;
    color: #2B2B2B;
    font-size: 1.107vw;
    line-height:3.322vw;
    margin-left: 3.5vw;
    cursor: pointer;

}
.splmy-content-mian {
    margin-top: 2vw;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 5vw;

}
.splmy-content-item-box {
    padding-left: 3vw;
    width: 80vw;
    /* height: 18.5vw; */
    display: flex;
    flex-wrap: wrap;
    
}
.splmy-content-item { 
    margin-top: 1.711vw;
    margin-left: 2vw;
    width: 17.614vw;
    height: 19.728vw;
    background-color: #FFFFFF;
}
.splmy-content-item img {
    width: 100%;
    height: 14.897vw;
}
.splmy-content-item-title {
    width: 100%;
    padding-left:0.755vw; ;
    margin-top: 0.9vw;
     font-size: 1.208vw;
     color: #2B2B2B;
     overflow: hidden;
}
.splmy-content-item-desc {
    margin-top: 0.1vw;
    padding-left:0.755vw; ; 
    width: 100%;
    font-size: 0.906vw;
    color: #989898;
}
.splmy-active {
    background-color:#E10025 ;
    color: #FFFFFF;
}