header .layout-nav{
    width:1200px;
    margin-left:150px;
}
header .layout-nav .navBar {
    padding-right: 165px;
}
footer .page-center{
    margin-left:150px;
}
#globalSearch {
    position: relative;
}
/* 搜索head */
.global_search .search_head {
    height: 80px;
}

.global_search .search_top{
    width: 100%;
    margin-left:150px;
}

/* 全局搜索 模糊查询 */
.global_search .search_top .fuzzy_query {
    position: absolute;
    width: 550px;
    height: auto !important;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
    margin-top: 45px;
    z-index: 1;
}

.global_search .search_top .fuzzy_query .result_content {
    padding: 25px;
}
.global_search .search_top  .fuzzy_query .result_content li {
    margin-bottom: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #3c3c3c;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.global_search .search_head .fuzzy_query .result_content li:hover {
    color: #3c3c3c;
}
.global_search .search_top  .fuzzy_query .result_content li:last-child{
    margin-bottom:0;
}
.global_search .search_top  .fuzzy_query .result_content li a {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #3c3c3c;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.global_search .search_head .fuzzy_query .result_content li a:hover {
    color: #3c3c3c;
}
/* 搜索主体内容 */
.global_search .result_search {
    width: 100%;
    margin-left:150px;
    margin-bottom: 40px;
    background: #fff;
}


/* 搜索 筛选 */
.global_search .result_search .type_box {
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
    border-bottom: 1px solid #EEEEEE;
}
.global_search .result_search .type_box .type_left .type_name {
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    margin-right: 50px;
}
.global_search .result_search .type_box .type_left .type_active {
    font-size: 18px;
    font-weight: bold;
    color: #409eff;
}
.global_search .result_search .type_box .dropdown_box{
    float:right;
    width:100px;
    margin-right:30px;
}
.global_search .result_search .type_box .dropdown_box .el-input__inner{
    border:0;
    text-align:right;
}
/* 有结果 */
.global_search .result_search .result_main {
    margin: 0 25px;
}
.global_search .result_search .result_main .result_con {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.global_search .result_search .result_main .result_con .con_title{

}
.global_search .result_search .result_main .result_con .con_title .title_content {
    display: inline-block;
    cursor: pointer;
    max-width: 700px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #3C3C3C;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.global_search .result_search .result_main .result_con .con_title .title_content:hover {
    color: #409eff;
}
.global_search .result_search .result_main .result_con .con_title .title_img {
    height: 21px;
    margin-left: 10px;
}
.global_search .result_search .result_main .result_con .con_title .con_time {
    float: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 25px;
    color: #A6A6A6;
}
.global_search .result_search .result_main .result_con .con_article {
    display: flex;
    margin-top: 20px;
}
.global_search .result_search .result_main .result_con .con_article .article_img img{
    width: 190px;
    height: 107px;
    border-radius: 6px;
    margin-right: 20px;
}
.global_search .result_search .result_main .result_con .con_article .article_con {
    width: 100%;
    max-height: 80px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #515A6E;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -moz-box-orient: vertical;
}
.global_search .result_search .result_main .result_con .con_article .article_con p {
    font-size: 16px;
    line-height: 28px;
    color: #515a6e;
    word-wrap: break-word;
    word-break: break-all;
}
.global_search .result_search .result_main .result_con .con_article .article_con img {
    display: none;
}
.global_search .result_search .result_main .result_con .con_article .article_other {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #515a6e;
    margin-top: 5px;
}
.global_search .result_search .result_main .result_con .con_article .con_word .article_other article_review {
    margin-left: 30px;
}
/* 有结果 分页组件 */
.global_search .result_search .pagination {
    margin-top: 60px;
    padding-bottom: 18px;
}
.global_search .result_search .pagination {
    margin-top: 60px;
    padding-bottom: 18px;
}
.global_search .result_search .pagination .el-pagination {
    padding-left: 0px;
    text-align: left;
}
.global_search .result_search .pagination .el-pagination button:first-child {
    margin-left: 0px;
}
/* 无结果 */
.global_search .result_search .result_none {
    width: 300px;
    margin: 0px auto;
    padding: 100px 0 200px;
}
.global_search .result_search .result_none .none_main {
    margin-top: 40px;
}
.global_search .result_search .result_none .none_title {
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #7A8BA6;
}
.global_search .result_search .result_none .none_words {
    margin-top: 20px;
    height: 84px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #515A6E;
}

.search_top {
    display: flex;
    margin-left: 380px;
    padding: 30px 0 24px;
    position: sticky;
    top: 70px;
    width: 100%;
    background: #fff;
    z-index: 99;
}

.search_top_content{
    display: flex;
    flex-direction: column;
}

.search_btn {
    box-sizing: border-box;
    width: 100px;
    height: 40px;
    background: #387EE8;
    border-radius: 0px 8px 8px 0px;
    border-left: 2px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.search_btn i{
    width: 20px;
    height: 20px;
    background-image:url("../../imgs/home/globalsearch/search.png");
    background-size: cover;
    margin-left: 21px;
}

.search_btn span{
    width: 32px;
    height: 21px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-left: 5px;
}


.el-icon-search:before {
    line-height: 40px;
    font-size: 25px;
}

.search_ipt {
    display: flex;
    align-items: center;
    width: 550px;
    height: 40px;
    border-radius: 8px 0px 0px 8px;
    border: 2px solid #D5D7DC;
    border-right: 0px;
    padding-left: 15px;
}

#searchInput {
    width: 485px;
    height: 21px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 0px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border: 0;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis !important; /* 使用省略号表示溢出的文本 */
}

.search_ipt .clearIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 50px;
}

.search_ipt .clearIcon i {
    height: 15px;
    width: 15px;
    margin-left: 15px;
    background-color: antiquewhite;
    background: url("../../imgs/home/globalsearch/clear.png");
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}

.search_con {
    width: 1070px;
    display: flex;
    justify-content: space-between;
}

.search_left {
    width: 650px;
}

.has_result .result_change_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.has_result .show_result_nums {
    height: 17px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 13px;
    color: #A2A6B2;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.time_relation{
    display: flex;
    align-items: center;
}
.time_relation span {
    width: 0px;
    height: 14px;
    border: 1px solid #A2A6B2;
    margin: 0 -5px 0px 7px;
}
.change_sort {
    width: 52px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 13px;
    color: #A2A6B2;
    line-height: 0px;
    text-align: right;
    font-style: normal;
    text-transform: none;
    cursor: pointer;
}

.sort_active {
    color: #4C80FA;
}
.search_content_list{
    margin-top: 16px;
    width: 635px;
    overflow: hidden;
}
.search_content_list ul {
    list-style: none;
}
.search_content_list ul li{
    margin-bottom: 20px;
}

.search_content_list ul li a{
    color: #424242;
    cursor: pointer;
}

.search_content_list ul li .tit{
    display: block;
    height: 26px;
    width: 635px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 20px;
    color: #2440B3;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis !important; /* 使用省略号表示溢出的文本 */
}

.search_content_list ul li .item{
    margin-top: 10px;
    width: 635px;
    display: flex;
}

.search_content_list .list .item .left_item{
    width: 128px;
    height: 86px;
    margin-right: 15px;
}

.search_content_list .list .item .left_item img{
    width: 128px;
    height: 86px;
    object-fit: cover;
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #EDF0F4;
}

.search_content_list .list .item .right_item {
    display: flex;
    flex-direction: column;
    align-content: space-between;
}
.right_item .con {
    font-weight: 400;
    font-size: 13px;
    color: #333333;
    line-height: 20px;
    text-align: left;
    text-transform: none;
    margin-bottom: 10px;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right_item .num {
    display: flex;
    height: 19px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.right_item .num .author{
    height: 19px;
    color: #333333;
    margin-right: 16px;
}

.right_item .num .date {
    height: 19px;
    color: #A2A6B2;
    margin-right: 16px;
}

.right_item .num .readNum {
    height: 19px;
    color: #A2A6B2;
}

.relation_search_box {
    margin-top: 24px;
}

.relation_search_box > p {
    height: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #222222;
    line-height: 0px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.aboutsearch{
    display: flex;
    flex-wrap: wrap;
}

.aboutsearch li {
    display: flex;
    width: 288px;
    height: 33px;
    line-height: 33px;
    align-items: center;
    border-radius: 6px 6px 6px 6px;
    background-color: #F5F5F6;
    margin-right: 20px;
    margin-bottom: 11px;
    padding: 8px 12px 6px 12px;
}

.aboutsearch li a {
    height: 19px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #222222;
    line-height: 19px;
    text-transform: none;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

.aboutsearch li a:hover{
   color: #4C80FA !important;
}


.box .box_fenye{
    display: flex;
}

.box_fenye li {
    margin-right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #E4E4E4;
    display: flex;
    justify-content: center;
    align-items: center;
}


.search_right {
    width: 335px;
}

.search_right .hots_rank {
    display: flex;
    flex-wrap: wrap;
}

.search_right .hots_rank img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.search_right .hots_rank .hots_rank_name {
    display: flex;
    align-items: center;
    width: 80px;
    height: 30px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #3C3C3C;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.hots_rank .hots_rank_list{
    width: 313px;
    margin-top: 22px;
}
.hots_rank .hots_rank_list li{
    display: flex;
    align-items: center;
    height: 24px;
    line-height: 24px;
    margin-bottom: 16px;
}

.hots_rank .hots_rank_list li:last-child{
   margin-bottom: 0px;
}

.hots_rank .hots_rank_list li span {
    width: 13px;
    height: 24px;
    line-height: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 18px;
    color: #9A9A9A;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-right: 18px;
    margin-left: 9px;
}

.hots_rank .hots_rank_list li:first-child > span{
    color: #F32C2C;
}

.hots_rank .hots_rank_list li:nth-child(2) > span {
    color: #FE9000;
}

.hots_rank .hots_rank_list li:nth-child(3) > span {
    color: #FED400 ;
}


.hots_rank .hots_rank_list li i {
    width: 282px;
    height: 24px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #3C3C3C;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    cursor: pointer;
}

.search_right .fun_head {
    display: flex;
    width: 320px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.search_right .fun_head img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.search_right .fun_head span {
    display: flex;
    align-items: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #3C3C3C;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.search_right .fun_head .head_more {
    line-height: 30px;
    margin-left: auto;
}

.search_right .fun_head .head_more:hover {
    color:#4c80fa;
}

.search_right .fun_product {
    margin-top: 22px;
}

.search_right .fun_calculate{
    width: 320px;
}

.search_right .fun_hot .fuzzy_query{
    width: 320px;
}

.fun_hot .fun_head {
    display: flex;
    margin-bottom: 22px;
}

.fun_hot .fun_head img {
    margin-right: 15px;
}

.fun_hot .fun_head .head_name {
    line-height: 30px;
}

.fun_hot .hot_list .hot_item {
    margin-bottom: 16px;
}

.hot_left > img {
    width: 28px;
    height: 28px;
}

.fun_head h4 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.fun_head .head_change{
    font-weight: normal;
    color: #217BED;
    font-size: 16px !important;
    margin-left: auto;
}

.tool{
    display: flex;
}
#small_tool {
    display: flex;
    width: 100%;
    justify-content: space-around;
    height: 150px;
}

#small_tool a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 17px;
    color: #333
}

#small_tool a > i {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 6px;
    color: bisque;
}

.search_con .product {
    margin: auto;
    border-width: 0px;
    width: 285px;
    height: 142px;
    display: flex;
    border: 1px solid black;
    border-radius: 10px;
}


.no_result_box {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    margin-top: 96px;
    text-align: center;
}

.no_pic_box {
    width: 300px;
    height: 250px;
    background: #FFFFFF;
}

.no_result_word {
    margin-top: 16px;
    height: 24px;
    width: 370px;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    text-align: center;
    font-style: normal;
    text-transform: none;
}