Colorful-childhood/component/search/search.wxss

/* pages/search/search.wxss */
.search-container {
    height: 100%;
}

.search-video {
    width: 96%;
    height: 95rpx;
    background: #fff;
    border-radius: 95rpx;
    display: flex;
    align-items: center;
    padding-left: 10rpx;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, .2);
    margin: 0 auto;
}

.search-video image {
    width: 85rpx;
    height: 85rpx;
    margin-right: 20rpx;
}

.search-video input {
    padding-left: 20rpx;
    width:70%;
}

.title {
    text-align: center;
    color: #959595;
    margin: 36rpx 0 26rpx 0;
}

.hot-video {
    padding: 0 16rpx;
    box-sizing: border-box;
}

.hot-item {
    width: 100%;
    height: 266rpx;
    margin-bottom: 27rpx;
    border-radius: 20rpx;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, .2);
}

.hot-item image {
    width: 100%;
    height: 100%;
    border-radius: 20rpx;
}

.no-find {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position:absolute;
    width:100%;
    top:30%;
    color: #6a6a6a;
    
}