.query {

  padding: 20px 0;

  background-color: #ad1e26;

}



.queBox,

.queBox a,

.queBox form {

  display: flex;

  justify-content: space-between;

}



.queBox,

.queBox a {

  align-items: center;

}



.queBox a {

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  gap: 25px;

  letter-spacing: 0px;

  color: #ffffff;

}



.queBox form {

  width: 364px;

  height: 70px;

  background-color: rgba(173, 30, 38, .3);

  border-radius: 35px;

  border: solid 1px #ffffff;

  box-sizing: border-box;

  overflow: hidden;

}



.queBox form input,

.queBox form button {

  border: none;

  background: none;

}



.queBox form input {

  width: calc(100% - 80px);

  text-indent: 1em;

  color: #fff;

}



.queBox form button {

  width: 80px;

}



.categorize {

  width: 100%;

  background: #fff;

  border-bottom: 1px solid #e5e5e5;

}



.catList {

  display: flex;

  justify-content: space-between;

}



.catList a {

  font-size: 36px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #000000;

  display: block;

  padding: 35px 0;

  border-bottom: 3px solid transparent;

}



.catList a.active {

  color: #ad1e26;

  border-color: #ad1e26;

}



.orderList li {

  margin: 30px 0;

  box-sizing: border-box;

  padding: 35px 25px;

  background-color: #ffffff;

  border-radius: 10px;

}



.rise {

  display: flex;

  border-bottom: 1px solid #e5e5e5;

  padding: 0 0 25px;

  justify-content: space-between;

}



.rise label {

  position: relative;

}



.rise label input,

.arry input {

  position: absolute;

  opacity: 0;

}



.rise label span,

.arry span {

  display: flex;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  width: 35px;

  height: 35px;

  border-radius: 5px;

  border: 1px solid #e5e5e5;

}



.rise label input:checked+span,

.arry input:checked+span {

  background: #ad1e26;

}



.ordTime {

  gap: 50px;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.ordTime h6 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #878787;

}



.ordGods {

  margin: 30px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.ordMg {

  width: 170px;

  overflow: hidden;

  background-color: #ffffff;

  border-radius: 10px;

}



.ordMg img {

  display: block;

  width: 100%;

}



.ordTxt {

  width: calc(100% - 200px);

}



.ordTxt h4 {

  font-size: 28px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #000000;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  margin: 0 0 30px;

}



.ordTxt h6 {

  display: flex;

  gap: 30px;

}



.ordTxt h6 b {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #ad1e26;

}



.ordTxt h6 span {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #878787;

}



.postSale {

  border-top: 1px solid #e5e5e5;

  padding: 30px 0 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.ment {

  display: block;

  padding: 15px 30px;

  background-color: #eeeeee;

  border-radius: 30px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ad1e26;

}



.postBox {

  display: flex;

  gap: 50px;

}



.postBox a {

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.array {

  box-sizing: border-box;

  padding: 40px 25px;

  background-color: #ffffff;

  border-radius: 10px;

  margin: 0 0 50px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.aryBox,

.arry {

  display: flex;

  align-items: center;

  position: relative;

  gap: 20px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #000000;

}



.aryBox button {

  border: none;

  background: none;

  font-size: 24px;

}



.aryList, .pagination {

  display: flex;

  align-items: center;

  gap: 25px;

}



.aryList a , .pagination a, .pagination span {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

  border: 1px solid #cdcdcd;

  width: 22px;

  display: inline-block;

  height: 22px;

  text-align: center;

  line-height: 22px;

  border-radius: 5px;

}



.aryList a:hover,

.aryList a.active,

.pagination a:hover,

.pagination li.active span{

  color: #fff;

  background: #ad1e26;

}



.paging a {

  padding: 0 5px;

}





@media screen and (max-width:640px) {



  .query {

    padding: 15px 0;

  }



  .queBox a {

    font-size: 18px;

    gap: 10px;

  }

  .queBox a img{
    display: block;
    width: 18px;
  }


  .queBox form {

    width: 160px;

    height: 35px;

  }



  .queBox form button {

    width: 30px;

  }


  .queBox form button img{
    display: block;
    max-width: 80%;
  }



  .queBox form input {

    width: calc(100% - 30px);

    text-indent: 1em;

  }



  .catList a {

    font-size: 13px;

    padding: 15px 0;

  }



  .orderList li {

    margin: 30px 0;

    padding: 25px 15px;

  }



  .rise label span,

  .arry span {

    width: 25px;

    height: 25px;

  }



  .ordTime h6 {

    font-size: 14px;

    line-height: 20px;

  }



  .ordTime {

    gap: 20px;

  }



  .ordMg {

    width: 110px;

  }



  .ordTxt {

    width: calc(100% - 125px);

  }



  .ordTxt h4 {

    font-size: 18px;

    margin: 0 0 5px;

  }



  .ordTxt h6 b,

  .ordTxt h6 span {

    font-size: 14px;

  }



  .ordGods {

    margin: 15px 0;

  }



  .ment {

    padding: 10px 15px;

    font-size: 14px;

  }



  .postBox {

    gap: 20px;

  }



  .postBox a {

    font-size: 15px;

  }



  .postSale {

    padding: 15px 0 0;

  }



  .array {

    padding: 20px 15px;

  }



  .aryBox,

  .arry,

  .aryBox button,

  .aryList a, .pagination a, .pagination span {

    font-size: 14px;

  }



  .aryBox,

  .arry,

  .aryList, .pagination {

    gap: 10px;

  }







}