#home_head_carousel {
  background-color: #e8e8e8;
  text-align: center;
  margin-top: 0.5rem;
}

#home-merchant-carousel {
  overflow: hidden;
  white-space: nowrap;
  height: 8rem;
  box-shadow: inset 0px 0px 8px 1px #aeaeae;
  width: 95%;
  margin: 0px auto;
  padding: 0.5rem 0rem;
}

#home-merchant-carousel>div {
  width: 99rem;
  overflow: hidden;
  height: 100%;
}

#home_head_carousel img {
  width: 100%;
  /* height:70vh; */
  /* object-fit: cover; */
}

.merchant-logo {
  text-align: center;
  float: left;
  margin: 0px 10px;
  padding: 0rem 1rem;
}

.merchant-logo:hover {}

/*商家推送处的样式*/

#store-recommendation {
  /* margin-top: 1rem;
  box-shadow: 0px 0px 1px 1px rgb(220, 220, 220);
  position: relative;
  padding: 1rem 1rem; */
}

.store {
  height: 8.5rem;
  box-shadow: 0px 2px 2px 0px rgb(113, 113, 113);
}

.store:hover {
  box-shadow: 0px 0px 5px 3px rgb(107, 106, 106);
  transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
}

.store>div {
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/*商家推荐的logo透明背景*/

.back-trasp {}

.store-reco-logo {
  height: 100%;
  padding: 0.5rem 0.5rem;
  margin: 0px auto;
  text-align: center;
  box-shadow: 1px 1px 4px 1px rgb(45, 45, 45);
}

.store-reco-logo img {
  border-radius: 100%;
  margin-top: 0.9rem;
  width: 6rem;
  height: 6rem;
}

.background-trasp {
  background-color: rgba(255, 255, 255, 0.73);
}

.store-reco-image {}

.store-reco-image img {
  width: 100%;
  height: 8.5rem;
}

.show-all-store {
  font-weight: bold;
  background-color: #6699CC;
  color: white;
  box-shadow: 1px 1px 5px 1px rgb(138, 137, 137)
}

.show-all-store:hover {
  /* padding-right: 10px; */
  /* transition: padding-right 1s; */
  /* -webkit-transition: padding-right 1s; */
  background-color: rgb(132, 175, 218);
  color: white;
}

.show-all-store:active {
  background-color: rgb(53, 123, 192);
  color: white;
}

.show-all-store:focus {
  background-color: rgb(92, 146, 199);
  color: white;
}

#platform-introduction {
  background-color: rgba(255, 255, 255, 0.43);
}

#platform-introduction .content {
  /* background-image: url('/CartaSpesa/assets/image/platformIntroduction.jpg'); */
  /* background-color: #99CCFF; */
  /* box-shadow: 0px 0px 7px 1px rgb(158, 158, 158); */
  box-shadow: inset 0px 0px 7px 1px rgb(158, 158, 158);
  padding-top: 1rem;
  margin-bottom: 1rem;
}

#platform-introduction .content .title {
  font-weight: bold;
  color: #404040;
}

#platform-introduction .content .text {
  color: #545454;
  font-size: 0.9rem
}

.product {
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  margin-top: 0.5rem;
  padding: 0.3rem;
  box-shadow: 1px 1px 5px 0px rgba(174, 174, 174, 0.52);
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  /* Safari */
}

.product:hover {
  box-shadow: 2px 3px 15px 1px #aeaeae;
  transition: box-shadow 0.2s;
  -webkit-transition: box-shadow 0.2s;
  /* Safari */
}

.product:active {
  background-color: #e8e8e8;
  transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  /* Safari */
}

.product img {
  width: 100%;
}

@media screen and (max-device-width: 600px) {
  .product {
    /*padding:0px 17%;*/
  }
}

/*@keyframes myfirst
{
    from {left:0px;}
    to {left:-500px;}
}

@-webkit-keyframes myfirst  Safari and Chrome 
{
    from {left:0px;}
    to {left:-500px;}
}*/