.titBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 43.2px;
}

.titBox .indexTit {
  font-size: 81px;
  font-weight: bold;
  line-height: 81px;
  font-family: "Archivo_SemiExpanded Bold";
}

.subTit {
  font-size: 25.2px;
  margin-top: 31.5px;
}

.shop {
  width: 890.1px;
  background: #ffe174;
  padding: 54px 36px;
  margin: 0 auto;
  margin-top: 102.6px;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shop .shopInfo {
  font-size: 22.5px;
  color: #585757;
}

.shop .shopBtn {
  margin-top: 10.8px;
  display: flex;
  align-items: center;
}

.shop .shopBtn .shopBtn1 {
  width: 198.9px;
  height: 63.9px;
  box-shadow: 0px 3.6px 3.6px rgba(0, 0, 0, 0.25);
  border-radius: 14.4px;
  margin-right: 9px;
}

.shop .shopBtn .shopBtn1 img {
  width: 198.9px;
  height: 63.9px;
}

.foodBox {
  margin: 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 36px;
}

.foodBox .title {
  font-size: 56.7px;
  font-family: "Archivo_SemiExpanded Bold";
  margin-bottom: 16.2px;
}

.foodBox .sub {
  font-size: 18.9px;
  margin-bottom: 19.8px;
}

.foodBox .subItem {
  display: flex;
  align-items: center;
  font-size: 23.4px;
  font-family: "PlusJakartaSans semibold";
  margin-bottom: 3.6px;
}

.foodBox .subItem img {
  width: 44.1px;
  height: 44.1px;
  margin-right: 18px;
}

.phoneBox {
  box-sizing: border-box;
  margin-top: 140.4px;
  width: 100%;
  height: 368.1px;
  background: #FFE174;
  padding: 41.4px 69.3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.phoneBox .left {
  font-size: 57.6px;
  font-family: 'Archivo_SemiExpanded Bold';
}

.phoneBox .headBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60vw;
}

.phoneBox .headBox .headRight {
  width: 100%;
  border-radius: 40px;
  height: 286px;
  background: #FFF3C7;
  padding: 25px 20px;
  padding-left: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.phoneBox .headBox .headRight .numBox {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  color: #fff;
  font-size: 32px;
  background-color: #343442;
  display: flex;
  align-items: center;
  justify-content: center;
}

.phoneBox .headBox .headRight .headZi {
  font-size: 32px;
  font-family: 'PlusJakartaSans medium';
  margin-bottom: 30px;
}

.phoneBox .headBox .headRight .headLine {
  width: 100%;
  display: flex;
  align-items: center;
}

.phoneBox .headBox .headRight .headLine .headkuai {
  flex: 1;
  height: 8px;
  background-color: #FEF9F2;
  position: relative;
  margin-right: 16px;
}

.phoneBox .headBox .headRight .headLine .headkuai .headTiao {
  width: 25%;
  height: 7px;
  position: absolute;
  background-color: #B9DA37;
  top: 0;
  transition: all 0.3s ease;
}

.phoneBox .headBox .headRight .headLine .headRadius {
  width: 35px;
  height: 35px;
  background: #FEF9F2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 6px;
  cursor: pointer;
}

.phoneBox .headBox .headRight .headLine .headRadius:hover {
  transition: all 0.5s ease;
  background: #B9DA37;
}

.phoneBox .headBox .headRight .headLine .headRadius img {
  width: 21px;
  height: 17px;
}

.phoneBox .headBox .headS {
  min-width: 339px;
  height: 339px;
  border-radius: 50%;
  background: #F79A1D;
  position: relative;
  margin-right: -200px;
}

.phoneBox .headBox .headS .headView {
  width: 155px;
  height: 330px;
  z-index: 1;
  background-color: red;
  position: absolute;
  left: calc(50% - 48px);
  top: -75px;
  z-index: 10;
  border-radius: 20px;
}

.phoneBox .headBox .headS .shouImg {
  width: 320px;
  height: 435px;
  position: absolute;
  left: calc(50% - 180px);
  bottom: -15px;
  z-index: 10;
}

.business {
  margin: 0 auto;
  margin-top: 15.3px;
  width: 1205.1px;
  height: 334.8px;
  background: #ffe7a4;
  border-radius: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 23.4px;
}

.business .businessCenter {
  width: 306px;
}

.business .businessCenter .thing {
  font-size: 18.9px;
  margin-bottom: 27px;
}

.business .businessCenter .title {
  font-size: 30.6px;
  color: #F79A1D;
  font-family: 'PlusJakartaSans semibold';
}

.business .businessCenter .bottomBtn {
  display: flex;
  justify-content: space-between;
  margin-top: 26.1px;
}

.business .businessCenter .bottomBtn .btn1 {
  width: 135px;
  height: 40.5px;
  background: #F79A1D;
  border-radius: 14.4px;
  text-align: center;
  line-height: 40.5px;
  color: #F8FFEE;
  font-size: 16.2px;
}

.business .businessCenter .bottomBtn .btn2 {
  width: 135px;
  height: 40.5px;
  border: 1px solid #343442;
  font-size: 16.2px;
  border-radius: 14.4px;
  color: #343442;
  text-align: center;
  line-height: 40.5px;
}

.business .businessInfo {
  width: 359.1px;
  height: 286.2px;
  background: #fff4db;
  border-radius: 36px;
  padding: 9px 28px;
}

.business .businessInfo .busItem {
  display: flex;
  align-items: center;
  font-family: "PlusJakartaSans semibold";
  font-size: 17.1px;
  padding: 13.5px 0;
  border-bottom: 2px solid #ffe174;
}

.business .businessInfo .busItem img {
  width: 37.8px;
  height: 37.8px;
  margin-right: 13.5px;
}

.logoBox {
  margin-top: 80px;
}

.logoBox .title {
  font-size: 57px;
  color: #F79A1D;
  font-family: 'Archivo_SemiExpanded Bold';
  text-align: center;
  margin-bottom: 32px;
}

.logoBox .mySwiper2 {
  max-width: 1296px;
  margin: 0 auto;
  margin-bottom: 107px;
}

.logoBox .logoItem {
  width: 154px;
  height: 105px;
}

.messageBox {
  margin: 0 auto;
}

.messageBox .message {
  width: 452px;
  height: 286px;
  background: #FEF9F2;
  box-shadow: 0px 0 11px 0px rgba(0, 0, 0, 0.4);
  border-radius: 30px;
  padding: 21px 40px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.messageBox .message .things {
  font-size: 20px;
}

.messageBox .message .hedaInfo {
  display: flex;
  align-items: center;
}

.messageBox .message .hedaInfo img {
  width: 105px;
  height: 105px;
  object-fit: cover;
}

.messageBox .message .hedaInfo .headF {
  margin-left: 7px;
}

.messageBox .message .hedaInfo .headF .name {
  font-size: 32px;
  font-family: 'PlusJakartaSans bold';
  color: #F79A1D;
}

.messageBox .message .hedaInfo .headF .star {
  display: flex;
  align-items: center;
}

.messageBox .message .hedaInfo .headF .star img {
  width: 18px;
  height: 17px;
  margin-right: 6px;
}

.arrow-tou {
  padding: 30px 0 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-tou .headRadius {
  width: 35px;
  height: 35px;
  background: #FFE174;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 6px;
  cursor: pointer;
}

.arrow-tou .headRadius:hover {
  transition: all 0.5s ease;
  background: #B9DA37;
}

.arrow-tou .headRadius img {
  width: 21px;
  height: 17px;
}