.search-content{width: 100%;overflow: hidden;}
.search-main{position: relative;width: 1120px;min-height: 711px;margin: 20px auto 110px auto;overflow: hidden}
.search-content-left{width: 777px;float: left}
.search-content-right{width: 303px;float: right}
.search-result{width: 100%;border-bottom: 1px solid #eee;font-size: 16px;line-height: 16px;font-weight: 400;color: #999;padding-bottom: 16px;margin-bottom: 24px;}
.search-item{overflow: hidden;margin-bottom: 40px;}
.search-item img{width: 120px;height: 160px;border-radius: 4px;}
.search-item-info{position: relative;width: 637px;margin-left: 20px;}
.search-item-title{font-size: 24px;line-height: 24px;font-weight: 500;color: #333;margin-bottom: 12px}
.search-label-text{display: inline-block;height: 24px;padding: 0 12px;line-height: 24px;text-align: center;margin-right: 12px;border-radius: 16px;font-size: 12px;color: #999;border: 1px solid #eee;}
.search-item-desc{font-size: 12px;font-weight: 400;line-height: 18px;color: #999;margin-top: 12px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.search-item-like{margin-top: 10px;}
.search-recommend{font-weight: 700;color: #333;}
.search-recommend-item{overflow: hidden;margin-top: 24px;}
.search-recommend-item img{width: 65px;height: 85px;border-radius: 4px;float: left}
.search-recommend-item-info{position: relative;width: 171px;height: 85px;margin-left: 11px;float: left}
.search-recomment-item-title{font-size: 14px;line-height: 17px;font-weight: 500;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.label-item{font-size: 12px;line-height: 12px;font-weight: 400;color: #999;}
.search-item-label{margin-top: 8px;}
.search-item-like-num{font-size: 13px;color: #319FFF;}
.no-image-box{display: flex;justify-content: center}
.no-image{width: 120px;height: 120px;}
.search-page-wrapper .search-box-bg{width: 100%;height: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction:column}
.search-page-wrapper .search-box-web{width: 590px;height: 45px;background: #F9F9F9;border-radius: 500px;border: 2px solid #319FFF;}
.search-page-wrapper .form-bg{width: 100%;display: flex;align-items: center;height:100%;border-radius: 500px}
.search-page-wrapper #id-input-search{width: 90%;border: 0;outline: none;margin-left: 17px;font-size: 14px;line-height: 30px;background:transparent}
.search-page-wrapper .search-cancel{font-size: 20px;margin-right:8px}
.search-page-wrapper .search-btn-bg{background:#319FFF;height: 100%;border-radius:500px;padding:0 20px;
    display:flex;align-items:center;color:#fff;font-size:16px;justify-content:center}
.top-line{width:100%;margin-top: 30px;}
.type-title{font-size: 24px;font-family: Noto Sans SC;font-weight: 500;line-height: 36px;color: #319FFF;}
.recommended-wrap{margin:30px auto}
.recommend-item{display:inline-block;margin-right:20px;margin-bottom:30px;}
.comics-image{width:160px;position: relative}
.comics-image .cover{width:100%;border-radius: 4px;height: 213px;object-fit: cover;}
.recommend-comics-title{font-size:16px;color:#333;width:160px;height:30px;line-height:30px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;}
.comics-type{color:#999;font-size:14px;width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: left;height: 20px;}
.earphone{position: absolute; left: 10px; bottom: 10px;}
.no-result-recommend-title{color: #333;margin-bottom: 30px;text-align: start;margin-top:20px}
/* 手机端CSS适配 */
@media only screen and (max-width:800px){
    .type-title{font-size: 20px;}
    .recommended-wrap{margin-bottom:0;}
    .recommend-comics{overflow:hidden;display: flex;flex-wrap: wrap}
    .recommend-item{width:30vw;margin-bottom:20px;margin-right:2vw;}
    .recommend-item:nth-child(3n-3){margin-right:0;}
    .comics-image{width:30vw;}
    .comics-image .cover{width:100%;height:40vw;object-fit: cover;}
    .recommend-comics-title{padding:0 5px;font-size:14px;color:#333;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .comics-type{padding:0 5px;color:#999;font-size:12px;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .no-result-recommend-title{margin-bottom: 20px;margin-top:15px;}
    .search-main{width: 100vw;height: auto;padding: 0 3vw;box-sizing: border-box}
    .search-content-left{width: 100%;float: none;}
    .search-result{padding: 0 0 0 16px;margin: 0;height: 36px;line-height: 36px;border-top: 1px solid #eee;font-size: 12px;}
    .search-item{width: 100%;height: 117px;display: flex;align-items: center;padding: 0 16px;box-sizing: border-box;border-bottom: 1px solid #eee;margin: 0;}
    .search-item img{width: 65px;height: 85px;}
    .search-item-info{width: auto;flex: 1;height: 85px;margin-left: 12px;}
    .search-item-title{font-size: 16px;line-height: 19px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
    .search-label-text{height: 18px;line-height: 18px;padding: 0 10px;margin: 0 0 4px 0;}
    .search-item-desc{display: none;}
    .search-content-right{display: none;}
    .search-item-label{height: 24px;overflow: hidden;}
    .search-page-wrapper .search-cancel{font-size: 9px;margin-right:4px}
    .search-page-wrapper .search-box-bg{margin-top: 0;height: 100px}
    .search-page-wrapper .search-btn-bg{font-size:12px;background:#319FFF;height: 33px;display:flex;border-radius:20px;min-width:55px;
        align-items:center;color:#fff;padding:0 12px}
    .search-page-wrapper .search-box-web{width: 90%; height: 33px;border: 1px solid #319FFF;}
    .search-page-wrapper .form-bg{height: 33px;position: relative;width:100%}
    .search-page-wrapper #id-input-search{margin-left: 11px;font-size: 12px;line-height: 25px;width:85%;}
}