/* 首页 */
@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
.animate-float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.conent-img{
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
    position: relative;
        /* 使用url()函数指定图片路径 */  
    background-image: url(../../img/member/baner.png);  
      
    /* 其他可选的背景属性 */  
    background-repeat: no-repeat; /* 不重复图片 */  
    background-size: cover; /* 缩放图片以填充整个元素 */  
    background-position: center; /* 将图片定位到元素的中心 */ 

}
.conent-button{
        width: 159px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #D9D9D9;

font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
line-height: 44px;
letter-spacing: 1px;
text-align: center;
font-style: normal;
text-transform: none;
position: absolute;
bottom:125px;
background-color: transparent; /* 设置按钮背景为透明 */  
    cursor: pointer; /* 当鼠标悬停在按钮上时显示小手图标 */  
    }
    .messg{
        width: 100%;
height: 35px;
background: #FFFFFF;
border-radius: 0px 0px 0px 0px;
display: flex;

    }
    .messg-left{
        display: flex;
        align-items: center;
        margin-left: 320px;
    }
    .nowarp{
        width: 400px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #222222;
line-height: 35px;
font-style: normal;
text-transform: none;
  overflow: hidden; /* 隐藏超出容器的内容 */  
  text-overflow: ellipsis; /* 当文本溢出容器时，使用省略号表示 */  
  white-space: nowrap; /* 防止文本换行 */  
  margin-left: 6px;
    }
    .warp-img{
        width: 20px;
height: 20px;
display: inline-block;
    }
        .messg-right{
        display: flex;
        align-items: center;
        margin-right: 320px;
        margin-left:auto;
    }
    .line{
        width: 56px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #6E6E76;
line-height: 35px;
font-style: normal;
text-transform: none;
margin-right: 4px;
    }
    .line-img{
        width: 20px;
height: 20px;
display: inline-block;
    }
    .card-list{
        height: 382px;
        width: 100%;
        background-color: #F1F3F4;
        display: flex;
        justify-content: center;
    }
    .card{
        display: flex;
        margin-top: 64px;
    }
    .list{
        width: 266px;
        justify-content: center;
        margin-right: 68px;
    }
    .icon-img{
        width: 120px;
        height: 90px;
        display: inline-block;
    }
    .title{
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 20px;
color: #222222;
text-align: center;
font-style: normal;
text-transform: none;
margin-top:31px;
margin-bottom: 7px;
    }
    .content{
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #222222;
text-align: center;
font-style: normal;
text-transform: none;
margin-bottom: 7px;
    }
    .blue{
height: 30px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #3292FF;
line-height: 30px;
text-align: center;
font-style: normal;
text-transform: none; 
cursor: pointer; /* 当鼠标悬停在按钮上时显示小手图标 */  
    }
    .fff{
height: 30px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 12px;
color: #A3A3A4;
line-height: 30px;
text-align: center;
font-style: normal;
text-transform: none;
    }