.page {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: #ffffff;
}

.banner-wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}

.banner {
  width: 760px;
  height: 326px;
}

.list {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  width: 760px;
}

.action-bg {
  position: absolute;
  top: 1159px;
  left: 0;
  width: 380px;
  height: 143px;
}

.button-bg-wrapper {
  display: flex;
  position: absolute;
  bottom: 0;
  align-items: flex-start;
  align-self: center;
  flex-direction: row;
  width: 760px;
  height: 463px;
}

.button-bg {
  width: 380px;
  height: 146px;
}

.body {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
}

.view-i0 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.item {
  width: 380px;
  height: 382px;
}

.product {
  width: 380px;
  height: 382px;
}

.view-i1 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.entry-pic {
  width: 380px;
  height: 314px;
}

.entry-pic-1 {
  width: 380px;
  height: 314px;
}

.view-i2 {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.entry-pic-2 {
  width: 380px;
  height: 271px;
}

.entry-pic-3 {
  width: 380px;
  height: 271px;
}

.view {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}

.entry-pic-4 {
  width: 380px;
  height: 192px;
}

.entry-pic-5 {
  width: 380px;
  height: 245px;
}

.footer {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}

.layer {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 235px;
}

.cover {
  position: relative;
  margin-top: 229px;
  width: 760px;
  height: 323px;
}