.cart h3 {

  margin: 70px 0 50px;

  font-size: 48px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.cart h3 span {

  font-size: 30px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #ad1e26;

}



.choose>div {

  width: 100%;

  box-sizing: border-box;

  background-color: #ffffff;

  border-radius: 10px;

  padding: 35px 25px;

  margin: 0 0 30px;

}



.whether {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 0 25px;

  border-bottom: 1px solid #e5e5e5;

}



.sure,

.checkAll {

  position: relative;

}



.sure input,

.checkAll input {

  position: absolute;

  opacity: 0;

}



.sure span,

.checkAll span {

  display: flex;

  align-items: center;

  justify-content: center;

  box-sizing: border-box;

  width: 35px;

  height: 35px;

  background-color: #fff;

  border-radius: 5px;

  border: solid 1px #e5e5e5;

}



.sure input:checked+span,

.checkAll input:checked+span {

  background: #ad1e26;

  border-color: #ad1e26;

}



.del {

  border: none;

  background: none;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.del:hover {

  color: #ad1e26;

}



.del img {

  width: 30px;

  margin-right: 20px;

  vertical-align: middle;

}



.wares {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 30px 0 0;

}



.warMg {

  width: 210px;

  background-color: #ffffff;

  border-radius: 10px;

  overflow: hidden;

}



.warMg img {

  display: block;

  width: 100%;

}



.warInfo {

  width: calc(100% - 250px);

}



.warInfo h4 {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  font-size: 28px;

  font-weight: normal;

  font-stretch: normal;

  margin: 0 0 20px;

  letter-spacing: 0px;

  color: #000000;

}



.warInfo h6 {

  display: flex;

  align-items: center;

  gap: 30px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 30px;

  letter-spacing: 0px;

  color: #878787;

}



.warInfo h6 b {

  font-weight: normal;

  color: #AD1E26;

}



.warInfo h6 del {

  text-decoration: line-through;

}



.quantity {

  width: 210px;

  height: 60px;

  background-color: #F0F0F0;

  border-radius: 5px;

  border: solid 1px #e5e5e4;

  box-sizing: border-box;

  display: flex;

  overflow: hidden;

  margin: 25px 0 0;

}



.quantity div {

  width: 33.33%;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  color: #878787;

  cursor: pointer;

}



.quantity input {

  width: 33.33%;

  display: block;

  border: none;

  background: #fff;

  text-align: center;

  font-size: 30px;

}



.onwards {

  width: 100%;

  background: #fff;

}



.onwBox {

  width: 100%;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 30px 0;

}



.choice,

.checkAll {

  display: flex;

  align-items: center;

  gap: 20px;

}



.checkAll {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.accounts {

  display: flex;

  align-items: center;

  gap: 35px;

}



.total {

  font-size: 36px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ad1e26;

}



.acBtn {

  border: none;

  width: 200px;

  height: 80px;

  background-color: #ad1e26;

  border-radius: 5px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}





/* order */

.receipt,

.seller {

  padding: 45px 25px;

  background-color: #ffffff;

  border-radius: 10px;

  margin: 30px 0;

}



.receipt h4,

.seller h4 {

  padding: 0 0 40px;

  border-bottom: 1px solid #e5e5e5;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.existing {

  position: relative;

  margin: 30px 0;

}



.existing input {

  width: 100%;

  height: 90px;

  box-sizing: border-box;

  background-color: #ffffff;

  border: solid 1px #e5e5e4;

  padding: 0 70px 0 30px;

  font-size: 24px;

}



.existing img,

.diss img {

  display: block;

  width: 30px;

  position: absolute;

  right: 30px;

  top: 0;

  bottom: 0;

  margin: auto;

}



.exisList {

  position: absolute;

  top: 100%;

  left: 0;

  background: #fff;

  z-index: 1;

  box-sizing: border-box;

  border: 1px solid #e5e5e5;

  max-height: 150px;

  overflow-y: auto;

  width: 100%;

  display: none;

}



.exisList li {

  border-bottom: 1px solid #e5e5e5;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  padding: 10px 30px;

  font-size: 18px;

  color: #000;

  cursor: pointer;

}



.exisList li:last-child {

  border: none;

}



.exisList li:hover {

  background: #AD1E26;

  color: #fff;

}



.consignee h5,

.address h5 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #000000;

}



.consignee>div {

  margin: 20px 0;

  position: relative;

  height: 75px;

  background-color: #ffffff;

  border: solid 1px #e5e5e4;

  box-sizing: border-box;

}



.consignee>div input {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 30px;

  border: none;

  background: no-repeat;

  font-size: 24px;

  box-sizing: border-box;

}



.consignee .diss {

  border: none;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;

}



.diss div {

  height: 75px;

  background-color: #ffffff;

  border: solid 1px #e5e5e4;

  box-sizing: border-box;

  position: relative;

}



.diss div input {

  padding: 0 70px 0 30px;

}



.consignee .apply {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 200px;

  height: 80px;

  background-color: #ad1e26;

  border-radius: 5px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

  margin: 30px 0 40px;

}



.address {

  border-top: 1px solid #e5e5e5;

  padding: 40px 0 0;

}



.selist li {

  margin: 30px 0 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.selMg {

  width: 150px;

  border-radius: 10px;

  overflow: hidden;

}



.selMg img {

  display: block;

  width: 100%;

}



.selTxt {

  width: calc(100% - 180px);

}



.selTxt h5 {

  font-size: 28px;

  font-weight: normal;

  font-stretch: normal;

  margin: 0 0 25px;

  letter-spacing: 0px;

  color: #000000;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.selTxt h6 {

  display: flex;

  align-items: center;

  gap: 40px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

}



.selTxt h6 b {

  font-weight: normal;

  color: #ad1e26;

}



.selTxt h6 span {

  color: #878787;

}



/* success */

.success {

  background: #fff;

  border-radius: 10px;

  box-sizing: border-box;

  padding: 100px 20px;

  margin: 0 0 50px;

}



.sucMg {

  max-width: 500px;

  width: 80%;

  margin: 0 auto;

}



.sucMg img {

  display: block;

  max-width: 100%;

  margin: 0 auto;

}



.other {

  margin: 50px 0 0;

  display: flex;

  justify-content: center;

  gap: 30px;

}



.other a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 220px;

  height: 90px;

  border-radius: 5px;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}



.toLook {

  background: #263238;

}



.continue {

  background: #AD1E26;

}





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



  .cart h3 {

    margin: 30px 0 20px;

    font-size: 20px;

  }



  .cart h3 span {

    font-size: 18px;

  }



  .choose>div {

    border-radius: 10px;

    padding: 30px 15px;

    margin: 0 0 20px;

  }



  .del img {

    width: 20px;

    margin-right: 5px;

  }



  .del {

    font-size: 18px;

  }



  .wares {

    margin: 20px 0 0;

  }



  .choose>div {

    padding: 20px 10px;

    margin: 0 0 20px;

  }



  .whether {

    padding: 0 0 12px;

  }



  .sure span,

  .checkAll span {

    width: 22px;

    height: 22px;

  }



  .warMg {

    width: 110px;

  }



  .warInfo {

    width: calc(100% - 125px);

  }



  .warInfo h4 {

    font-size: 18px;

    margin: 0 0 5px;

  }



  .warInfo h6 {

    gap: 30px;

    font-size: 14px;

    line-height: 22px;

  }



  .quantity {

    width: 120px;

    height: 35px;

    margin: 5px 0 0;

  }



  .quantity input {

    font-size: 18px;

  }



  .quantity div {

    align-items: end;

  }



  .choice,

  .checkAll {

    gap: 10px;

  }



  .checkAll,

  .del {

    font-size: 14px;

  }



  .acBtn {

    width: 100px;

    height: 40px;

    font-size: 16px;

  }



  .accounts {

    gap: 15px;

  }



  .total {

    font-size: 18px;

  }





  .receipt,

  .seller {

    padding: 25px 10px;

  }



  .receipt h4,

  .seller h4 {

    padding: 0 0 10px;

    font-size: 20px;

  }



  .existing input {

    width: 100%;

    height: 40px;

    padding: 0 30px 0 15px;

    font-size: 15px;

  }



  .existing img,

  .diss img {

    width: 16px;

    right: 15px;

  }



  .existing {

    position: relative;

    margin: 20px 0;

  }



  .consignee h5,

  .address h5 {

    font-size: 20px;

  }



  .consignee>div input {

    padding: 0 15px;

    font-size: 15px;

  }



  .consignee>div {

    margin: 15px 0;

    height: 40px;

  }



  .diss div {

    height: 40px;

  }



  .consignee .apply {

    width: 160px;

    height: 50px;

    font-size: 16px;

    margin: 15px 0 30px;

  }



  .selTxt h6 {

    gap: 25px;

    font-size: 14px;

  }



  .selTxt h5 {

    font-size: 18px;

    margin: 0 0 10px;

  }



  .selMg {

    width: 100px;

  }



  .selTxt {

    width: calc(100% - 115px);

  }



  .other a {

    width: 130px;

    height: 50px;

    font-size: 16px;

  }



}