.search-form{ padding: 50px 30px 0 30px; background-color: #FFF;}
.search-keyword{ color: var(--color-red);}
.layui-input-wrap .layui-input{ border-color: #CCC; border-right-width: none;}
.layui-btn{ background-color:var(--color-red); border-radius: 0;border: none;}
.layui-input:focus, .layui-textarea:focus{ border-color:var(--color-red) !important;}
.nodata{ text-align: center; color: #707070; padding: 100px 0; }
.nodata img{ width: 40px;}
.nodata p{ font-size: 14px; margin-top: 10px;}

.search-count{ padding-top: 10px;}
.search-main{ border: 1px solid #EEE; margin: 20px 0;}

.header-search{ display:  none;}

@media screen and (max-width: 640px) {
    .search-body{ min-height: calc(100% - 210px); background-color: #FFF; }
    .search-main{ padding-top: 70px;}
    .category-name {
       margin-top: 20px;
    }
    .search-form {
        padding: 30px 15px 0 15px;
    }
    .layui-input-wrap .layui-input {
        border-right-width: 1px;
    }
    .btn-submit{ margin-top: 10px;}
    .nodata img{ width: 30px;}
    .nodata p{ font-size: 12px;}
}