.saearchpage {
    background: url('../img/searchhead.png') no-repeat;
    background-size: 100% auto;
    background-position: left top;
    padding-top: 1.68rem;
}
.saearchpage-title {
    color: #333;
    font-size: .4rem;
    font-style: italic;
    font-weight: 600;
    text-align: center;
    margin-bottom: .6rem;
}
.saearchpage-inputbox {
    width: 8rem;
    height: .62rem;
    border-radius: .15rem;
    border: 1px solid #E6E6E6;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.saearchpage-inputbox__input {
    width: 7.46rem;
    height: .62rem;
    box-sizing: border-box;
    padding-left: .3rem;
    color: #333;
    font-size: .16rem;
    font-weight: 300;
    background: transparent;
}
.saearchpage-inputbox__input::placeholder {
    color: #333;
    font-size: .16rem;
    font-weight: 300;
}
.saearchpage-submit {
    width: .46rem;
    height: .46rem;
    border-radius: .11rem;
    background: #51BBD7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.saearchpage-submit__img {
    display: block;
    width: .22rem;
}
.saearchpage-nav {
    width: 8rem;
    margin: .3rem auto 0;
    display: flex;
    align-items: center;
}
.saearchpage-nav-label {
    color: #999;
    font-size: .16rem;
    font-weight: 400;
}
.saearchpage-nav-ul {
    margin-left: .2rem;
    display: flex;
    column-gap: .3rem;
}
.saearchpage-nav-ul a {
    color: #333;
    font-size: .16rem;
    font-weight: 400;
}
.saearchpage-tab {
    margin: 1.2rem auto 0;
    display: flex;
    justify-content: center;
    column-gap: 1.19rem;
    border-bottom: 1px solid #F0F0F0;
}
.saearchpage-tab a {
    color: #333;
    font-size: .18rem;
    font-weight: 400;
    padding-bottom: .16rem;
}
.saearchpage-tab a.active {
    color: #51BBD7;
    border-bottom: 2px solid #51BBD7;
}
.saearchpage-main {
    width: 16rem;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.saearchpage-result {
    margin-top: .4rem;
    color: #666;
    font-size: .18rem;
    font-weight: 400;
}
.saearchpage-result span {
    color: #51BBD7;
}
.saearchpage-itembox {
    display: flex;
    flex-wrap: wrap;
    column-gap: .41rem;
    row-gap: .6rem;
    margin-top: .6rem;
    margin-bottom: .8rem;
}
.saearchpage-item {
    width: 5.06rem;
    height: 5.22rem;
    border-radius: .3rem;
    background: #FFF;
    box-shadow: 0 4px .3rem 0 rgba(97, 196, 219, 0.16);
}
.saearchpage-item-imgbox {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 3.03rem;
}
.saearchpage-item__img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    transform: scale(.9);
    transform-origin: center bottom;
}
.saearchpage-item:hover .saearchpage-item__img {
    transform: scale(1);
    transform-origin: center bottom;
}
.saearchpage-item__p {
    display: -webkit-box; /* 设置为 WebKit 内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 3; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
    height: .84rem;
    color: #333;
    font-size: .2rem;
    font-style: italic;
    font-weight: 600;
    line-height: 140%;
    margin: .36rem auto 0;
    transition: all .3s ease;
    width: 4.34rem;
}
.saearchpage-item:hover .saearchpage-item__p {
    color: #51BBD7;
}
.saearchpage-item-time {
    width: 4.34rem;
    margin: .24rem auto 0;
    color: #666;
    font-size: .18rem;
    font-weight: 500;
    line-height: 150%;
}