.block.search{
    min-height: 200px;
}
.search input{
    border-radius: 0;
    height: 50px;
    width: calc(100% - 55px);
    border: unset;
    text-indent: 20px;
}
.search .layui-btn-sm{
    font-size: .875rem;
    border-radius: 0;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary);
    margin-top: -3px;
    margin-left: -4px;
    border: unset;
    color: #fff;
}
.search .left{
    color: var(--color-text-secondary);
}
.search .left .num{
    color: var(--color-primary);
}
.search .item{
    margin-top: 10px;
}
.search .card-item {
    padding: 20px 0;
    border-bottom: 1px dashed var(--border-color-base);
}
.search .card-item .card-title{
    font-size: 1.125rem;
    margin-bottom: 10px;
}
.search .card-item .card-title .card-time{
    float: right;
    color: var(--color-text-secondary);
    font-size: .75rem;
}
.search .card-item i{
    margin-right: 5px;
}
.search .card-item .date{
    display: none;
    color: var(--color-text-secondary);
    margin-top: 5px;
}
.search .card-item .card-detail{
    color: var(--color-text-secondary);
}
.search .card-item:hover .card-title{
    color: var(--color-primary);
}
@media screen and (max-width:767px) {
    .search .card-item .date{
        display: block;
    }
    .search .card-item .card-title .card-time{
        display: none;
    }
}