@media screen and (min-width: 769px) {
  .box {
    position: relative;
  }
  .box .Top .Logo .logo {
    margin-right: 450px;
  }
  .box .Top .Logo .right {
    flex: 1;
    min-width: 0;
  }
  .box .Top .Logo .right .search {
    width: 100%;
  }
  .box .Top .Nav {
    position: relative;
  }
  .box .Top .Nav .search-tip {
    font-size: 16px;
    line-height: 52px;
    color: #a6a6a6;
  }
  .box .Content {
    padding: 18px 0 125px;
  }
  .box .Content .search {
    display: flex;
    /* align-items: center; */
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .box .Content .search .Inputs {
    width: 92%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .box .Content .search .buttons {
    width: 7%;
    display: flex;
    flex-direction: column;
  }
  .box .Content .search .buttons button {
    width: 100%;
    height: 36px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #7c90bf;
    margin-bottom: 15px;
  }
  .box .Content .search .buttons button a {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 34px;
    color: #7c90bf;
    display: block;
    text-align: center;
  }
  .box .Content .search .buttons button:hover {
    filter: brightness(0.9);
  }
  .box .Content .search .buttons button:last-child {
    background-color: #1e4dba;
  }
  .box .Content .search .buttons button:last-child a {
    color: #ffffff;
  }
  .box .Content .search .input {
    width: 49%;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }
  .box .Content .search .input p {
    font-size: 16px;
    line-height: 16px;
    color: #1b1b1b;
  }
  .box .Content .search .input input {
    outline: none;
    flex: 1;
    min-width: 0;
    height: 38px;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dae8ef;
    padding-left: 15px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
  }
  .box .Content .search .input input::placeholder {
    color: #b1b1b1;
  }
  .box .Content .search .input .r {
    outline: none;
    flex: 1;
    min-width: 0;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .box .Content .search .input .r > div {
    width: 46%;
    cursor: pointer;
  }
  .box .Content .search .input .r > div input {
    width: 100%;
    padding-right: 10px;
    cursor: pointer;
    pointer-events: none;
    font-size: 14px;
    line-height: 14px;
    color: #333;
  }
  .box .Content .search .input .r > div input::placeholder {
    color: #b1b1b1;
  }
  .box .Content .list li {
    width: 100%;
    height: 188px;
    background-color: #ffffff;
    margin-bottom: 14px;
  }
  .box .Content .list li a {
    width: 100%;
    height: 100%;
    padding: 31px 30px 0;
    display: block;
  }
  .box .Content .list li a .search-text {
    color: #1e4dba;
    margin: 0;
  }
  .box .Content .list li a h2 {
    width: 100%;
    font-size: 22px;
    line-height: 22px;
    color: #1b1b1b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 18px;
  }
  .box .Content .list li a p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #8d8d8d;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 48px;
  }
  .box .Content .list li a p:last-child {
    min-height: 0;
    margin-top: 17px;
  }
  .box .Content .list li a p:last-child span {
    margin-right: 10px;
  }
  .box .Content .pagination {
    margin-top: 39px;
    display: flex;
    align-items: center;
  }
  .box .Content .pagination a {
    width: 44px;
    height: 36px;
    background-color: #d7ddea;
    border-radius: 7px;
    margin: 0 4px;
    font-size: 14px;
    line-height: 36px;
    color: #000000;
    text-align: center;
  }
  .box .Content .pagination a.active {
    background-color: #2757c7;
    color: #ffffff;
  }
  .box .Content .pagination a:hover {
    background-color: #2757c7;
    color: #ffffff;
  }
  .box .Content .pagination a.prev,
  .box .Content .pagination a.next {
    width: 56px;
  }
}
@media screen and (max-width: 769px) {
  .box {
    position: relative;
  }
  .box .Top .Nav {
    position: relative;
  }
  .box .Top .Nav .search-tip {
    font-size: 3.73333333vw;
    line-height: 12.8vw;
    color: #a6a6a6;
  }
  .box .Content {
    padding: 4.8vw 0 6.66666667vw;
  }
  .box .Content .search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .box .Content .search .Inputs {
    width: 100%;
  }
  .box .Content .search .buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 6.66666667vw;
  }
  .box .Content .search .buttons button {
    width: 28%;
    height: 9.6vw;
    background-color: #ffffff;
    border-radius: 1.06666667vw;
    border: solid 0.26666667vw #7c90bf;
    margin-bottom: 4vw;
    margin: 0 2.66666667vw;
  }
  .box .Content .search .buttons button a {
    width: 100%;
    height: 100%;
    font-size: 4vw;
    line-height: 9.06666667vw;
    color: #7c90bf;
    display: block;
    text-align: center;
  }
  .box .Content .search .buttons button:hover {
    filter: brightness(0.9);
  }
  .box .Content .search .buttons button:last-child {
    background-color: #1e4dba;
  }
  .box .Content .search .buttons button:last-child a {
    color: #ffffff;
  }
  .box .Content .search .input {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3.2vw;
  }
  .box .Content .search .input p {
    font-size: 4.26666667vw;
    line-height: 4.26666667vw;
    color: #1b1b1b;
  }
  .box .Content .search .input input {
    outline: none;
    flex: 1;
    min-width: 0;
    height: 10.13333333vw;
    background-color: #ffffff;
    border-radius: 1.06666667vw;
    border: solid 0.26666667vw #dae8ef;
    padding-left: 4vw;
    font-size: 3.73333333vw;
    line-height: 3.73333333vw;
    color: #333;
  }
  .box .Content .search .input input::placeholder {
    color: #b1b1b1;
  }
  .box .Content .search .input .r {
    outline: none;
    flex: 1;
    min-width: 0;
    height: 10.13333333vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .box .Content .search .input .r > div {
    width: 46%;
    cursor: pointer;
  }
  .box .Content .search .input .r > div input {
    width: 100%;
    padding-right: 2.66666667vw;
    cursor: pointer;
    pointer-events: none;
    font-size: 3.73333333vw;
    line-height: 3.73333333vw;
    color: #333;
  }
  .box .Content .search .input .r > div input::placeholder {
    color: #b1b1b1;
  }
  .box .Content .list li {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    margin-bottom: 2.66666667vw;
  }
  .box .Content .list li a {
    width: 100%;
    height: 100%;
    padding: 5.33333333vw 3.2vw;
    display: block;
  }
  .box .Content .list li a .search-text {
    color: #1e4dba;
    margin: 0;
  }
  .box .Content .list li a h2 {
    width: 100%;
    font-size: 4.8vw;
    line-height: 6.4vw;
    color: #1b1b1b;
    margin-bottom: 3.2vw;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .box .Content .list li a p {
    width: 100%;
    font-size: 3.2vw;
    line-height: 5.33333333vw;
    color: #8d8d8d;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    min-height: 10.66666667vw;
  }
  .box .Content .list li a p:last-child {
    min-height: 0;
    margin-top: 4vw;
  }
  .box .Content .list li a p:last-child span {
    margin-right: 2.13333333vw;
  }
  .box .Content .pagination {
    margin-top: 7.46666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .box .Content .pagination a {
    width: 9.86666667vw;
    height: 8.53333333vw;
    background-color: #d7ddea;
    border-radius: 1.86666667vw;
    margin: 0 1.06666667vw;
    font-size: 3.2vw;
    line-height: 8.53333333vw;
    color: #000000;
    text-align: center;
  }
  .box .Content .pagination a.active {
    background-color: #2757c7;
    color: #ffffff;
  }
  .box .Content .pagination a:hover {
    background-color: #2757c7;
    color: #ffffff;
  }
  .box .Content .pagination a.prev,
  .box .Content .pagination a.next {
    width: 14.93333333vw;
  }
}