.search-page-wrapper .search-box-bg{width: 100%;height: 150px;overflow: hidden;margin-top: 120px;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 #ff5454;}
.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}
.top-line{width:100%;margin-top: 30px;}
.type-title{font-size: 24px;font-family: Noto Sans SC;font-weight: 500;line-height: 36px;color: #ff5454;}
.result-count{width:1200px;margin:0 auto;font-size:16px;font-family: Noto Sans SC;color: #333;}
.have-result{width:1200px;margin:0 auto;}
.no-result{width:1200px;margin:0 auto;text-align: center;}
.no-result-word{font-family: Noto Sans SC;font-weight: 400;color: #999;}
.no-result-recommend-title{color: #333;margin-bottom: 30px;text-align: start;margin-top:20px}
.no-result-recommend-item{display:inline-block;margin-bottom:14px}
.no-result-comics-image{width:180px;position:relative}
.no-result-comics-image img{width:100%;border-radius: 4px;}
.recommended-wrap{margin:30px auto}
.recommend-item{display:inline-block;margin-right:30px;margin-bottom:30px;}
.comics-image{width:160px;height:214px;}
.comics-image img{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;}
.no-result-recommend-comics{display: flex;flex-wrap:wrap}
.search-page-wrapper .search-btn-bg{background:#ff5454;height: 100%;display:flex;border-radius:500px;padding:0 20px;align-items:center;color:#fff;font-size:16px;justify-content:center}
.no-result-img{width:240px;height:240px}
.no-result-comics-image-hot-box{position:absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
;width:100%;bottom:4px;color:#fff;font-size:14px;text-align:right;padding:0 12px;box-sizing:border-box;border-radius:4px}
.help-btn{color:#ff5454;text-decoration:underline;text-align:center;font-size:11px}
.help-des{font-size:11px;color:#999;text-align:center;margin-top:20px;border-top:1px solid #eee;padding-top:20px}
/*移动端*/
@media only screen and (max-width:800px){
  .search-page-wrapper .search-cancel{font-size: 9px;margin-right:4px}
  .result-count{width:90%;margin:0 5%;font-size:14px;}
  .have-result{width:100%;margin:0;}
  .no-result{width:100%;}
  .no-result-word{font-size: 12px;padding: 35px 0;line-height:15px}
  .type-title{font-size: 20px;}
  .recommended-wrap{margin-bottom:0;}
  .recommend-comics{overflow:hidden;}
  .recommend-item{float:left;width:32%;margin-bottom:20px;}
  .recommend-item:nth-child(3n){margin-right:0;}
  .recommend-item:nth-child(3n+1){margin-right:2%;}
  .recommend-item:nth-child(3n+2){margin-right:2%;}
  .comics-image{height:160px;width:100%;}
  .comics-image img{width:100%;height:160px;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;}
  .search-page-wrapper .search-box-bg{margin-top: 0;height: 100px}
  .search-page-wrapper .search-btn-bg{font-size:12px;background:#ff5454;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 #ff5454;}
  .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%;}
  .search-page{width: 90%; margin:0 5%}
  .top-line{margin-top: 5%;}
  .recommended-wrap{margin: 3% auto;}
  .comics-type{padding: 0;}
  .no-result-recommend-title{margin-bottom: 20px;margin-top:15px;}
  .no-result-comics-image{width: 100%;}
  .no-result-recommend-item{width: 31%;margin-right:3%}
  .no-result-recommend-item:nth-child(3n){margin-right: 0;}
  .tab-phone-bg{display:flex;width:100%;height:40px;border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8;align-items:center;margin-top:60px;overflow-x:scroll;justify-content:space-between;padding:0 10px;box-sizing:border-box}
  .tab-phone-item-box{flex-shrink:0;margin:0 10px;position:relative}
  .tab-phone-bg::-webkit-scrollbar{width:0;height:0;color:transparent;}
  .tab-home-phone-text{font-size: 14px;font-weight: 400;line-height: 37px;color: #404040;opacity: 1;}
  .purchase-text{color: #FF204E;}
  .genre-line{bottom:0;position:absolute;width:25px;height:5px;background:#FF204E;opacity:1;border-radius:200px;display:grid;left:50%;transform:translateX(-50%);}
  .no-result-img{width:120px;height:120px}
  .no-result-comics-image-hot-box{font-size:11px;padding:0 6px}
  .search-logo-img{width:168px;height:20px;margin-bottom:10px}
  .internet-search-result-title{font-size:14px}
}
@media only screen and (min-width:800px){
  .no-result-recommend-comics{margin-bottom: 50px;}
  .no-result-word{font-size: 24px;padding: 130px 0;}
  .no-result-recommend-item{margin-right:18px;}
  .no-result-recommend-item:last-child{margin-right:0;}
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 659557 */
  src: url('//at.alicdn.com/t/c/font_659557_dfjeyfnrhx.woff2?t=1688005813172') format('woff2'),
  url('//at.alicdn.com/t/c/font_659557_dfjeyfnrhx.woff?t=1688005813172') format('woff'),
  url('//at.alicdn.com/t/c/font_659557_dfjeyfnrhx.ttf?t=1688005813172') format('truetype');
}