/***
* author: wrq
* data: 2023-12-05
* page：搜索结果
****/
.crumb {font-size: 14px;line-height: 16px}
.crumb a, .crumb span{color: #606060;}
h3{font-size: 36px;}
.global_footer{margin-top: 65px}
.page_wrapper {margin-top: 140px}

/* search box */
.search_header {margin-top: 60px;}
.search_box{margin-top: 30px;}
.box_search_page{position: relative;border-bottom: 2px solid #777;max-width: 600px;margin: 0 auto;height: 30px;line-height: 30px;display: flex;align-items: center}
.box_search_page::before{content: '';display: inline-block;width: 14px;height: 14px;background: url(../images/pc/icon_search.png) no-repeat 0 0 ;}
.box_search_page input{margin-left: 15px; border: none;font-size: 22px;outline: none;height: 30px;line-height: 30px;width: calc(100% - 29px)}
.box_search_page .box_text_page{display: none;position: absolute;top: 0;left: 29px;font-size: 22px;color: #969696;height: 30px;line-height: 30px;width: calc(100% - 29px)}
.search_btn{display: flex;flex-direction: row;justify-content: center;margin-top: 40px}
.search_btn a{cursor: pointer;height: 40px;padding: 0 24px;border-radius: 20px;background: #f2f2f2;margin: 0 15px;font-size: 14px;display: flex;align-items: center;justify-content: center;}
.search_btn .search_news::before,.search_btn .search_watches::before{content: '';display: inline-block;width: 12px;height: 16px;background-position:-23px 0;margin-right: 10px;}
.search_btn .search_news.act::before,.search_btn .search_watches.act::before{background-position:0 0;}
.search_btn .search_news::before{background-image: url(../images//pc/icon_search_article.png)}
.search_btn .search_watches::before{background-image: url(../images//pc/icon_search_product.png)}
.search_btn a.act{background: #151515;color: #fff;}
.search_suggestion_list{ display: none;position: absolute;top: 32px;left: 0;width: 100%;background: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.08);padding: 6px 0 11px; box-sizing: border-box;}
.search_suggestion_list li{font-size: 12px;height: 30px;line-height: 30px;padding: 0 20px;box-sizing: border-box; margin: 4px 0;}
.search_suggestion_list li.hover{font-weight: bold;}

/* result */
/* news */
.news{margin-top: 55px}
.news_list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; margin-top: -9px}
.news_list li {position: relative;overflow: hidden;flex-basis: 32.5%;margin-top: 70px;display: flex;flex-wrap: wrap;flex-direction: column;font-size: 18px;align-items: center;box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%)}
.news_list img {width: 100%;height: auto}
.news_item_intro{position: relative}
.news_item_intro .time{position: absolute;left: 25px;top: 15px;font-size: 12px;color: #969696}
.news_list p {font-size: 22px;line-height: 36px;padding: 33px 25px}

/* watches */
.watches{margin-top: 75px;}
.watches_list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 50px; margin-top: 30px;}
.watches_list li {display: flex;flex-direction: column;font-size: 18px;align-items: center;overflow: hidden;padding-top: 10px; position: relative;}
.watch_item_img img {max-width: 155px;width: 100%;transition: 0.5s all}
.watch_item_img:hover img {transform: scale(1.1);}
.watches_list li div:nth-child(n+2) {height: 30px;width: 100%;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;box-sizing: border-box}
.watch_item_brand {font-weight: bold;margin-top: 20px;}
.watch_item_series {color: #969696}
.btn_more{display: flex;justify-content: center;margin-top: 55px}
.btn_more a {display: flex;justify-content: center;align-items: center;width: 250px;height: 65px;font-size: 12px;line-height: 65px;color: #4a4a4a;letter-spacing: 2px;border: 1px solid #d2d2d2}

/* noresult */
.no_result{text-align: center}
.result_title{text-align: center; font-size: 40px;margin-top: 70px;line-height: 40px}
.result_description{font-size: 20px;text-align: center;line-height: 24px;margin-top: 25px}
.global_footer{margin-top: 150px;}



@media (max-width: 767.98px) { 
    h3 {font-size: 28px}
    .box_search_page input{margin-left: 5px;width: calc(100% - 24px)}
    .search_btn{flex-direction: column;}
    .search_btn a{margin-bottom: 15px;}
    .news_list{ grid-template-columns: repeat(1, 1fr); }
    .watches_list {margin-top: 25px; grid-column-gap: 50px; grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) and (max-width: 919.98px) { 
    .box_search_page input{margin-left: 5px;width: calc(100% - 24px)}
    .news_list{ grid-template-columns: repeat(2, 1fr); }
    .watches_list {margin-top: 25px; grid-column-gap: 50px; grid-template-columns: repeat(2, 1fr); }
}