
.w1280{
    width: 1280px;
    margin-left: auto;
    margin-right: auto;

}
.search_index{padding-bottom:5vw;}


.search_input .title {
padding: 10vw 0 1%;
  color: #000;
  font-weight: 600;
  text-align: center;
}

.search_input .input-container {
    margin-top: 3%;
    width: 100%;
    padding: 8px 2%;
    border: 1px solid #dddddd;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_input .input-container input {
    width: 90%;
    border: none;
    height:50px;
    background: transparent;
}

.search_input .input-container span {
    cursor: pointer;
    display:block;
    height:32px;width:32px;
}


.search_input .search-info {
    margin-top: 3%;
    font-size: 20px;
    margin-bottom:10px;
}

.search_input .search-info span {
    color: var(--yx_Color);
}
.result-container1 .result-detail {
    padding: 24px 0;
    border-bottom: 1px dashed #ccc;
}
.result-container1 .title a {
    font-size: 20px;
    color:#333;
}

.content {
 background: #78a910;
  width: fit-content;
  padding: 2px 4px;
  color: #fff;
  margin-top: 10px;
  border-radius: 4px;
}

.result-container1 .title a:hover{color:var(--yx_Color);}

@media screen and (max-width: 1600px) {
    .w1280 {width: 80%;}
}
@media screen and (max-width: 1200px) {
    .w1280 {width: 90%;padding: 0;}
    .search_index{padding-bottom:5vw;}
    .result-container1 .result-detail{padding:18px 0;}
}
@media screen and (max-width: 768px) {
    .search_input{padding-bottom:0;}
    .search_input .title{padding:100px 0 20px;font-size:20px;}
    .search_input .input-container{margin-top:0;margin-bottom:20px;padding:0 14px;}
    .search_index{padding-bottom:40px;}
    .search_input .input-container input{height:44px;}
    .search_input .search-info{font-size:16px}
    .search_input .input-container span{width:24px;height:24px;}
    .search_input .input-container span svg{width:24px;height:24px;}
    .result-container1 .title a{font-size:16px;}
    .result-container1 .result-detail{padding:14px 0;}

}
