.uni-page-body {
  height: 100%;
  padding: 0;
}
.home {
  height: 100%;
  background-color: #f7f7f7;
  width: 23.4375rem;
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -11.71875rem;
}
.home .headerTop {
  background: linear-gradient(191deg, #fcf6dc, rgba(255, 255, 255, 0));
  padding-top: var(--status-bar-height);
}
.home .headerTop .userBox {
  padding: 1.3125rem 1.25rem 5.34375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home .headerTop .userBox .unLogin {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #000;
  line-height: 1.25rem;
}
.home .headerTop .userBox .userInfo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home .headerTop .userBox .userInfo .avatar {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 2.8125rem;
  margin-right: 0.71875rem;
  display: block;
}
.home .headerTop .userBox .userInfo .info .name {
  font-weight: 400;
  font-size: 0.96875rem;
  color: #000;
  line-height: 0.9375rem;
  margin-bottom: 0.59375rem;
  max-width: 9.375rem;
  line-height: 1rem;
}
.home .headerTop .userBox .userInfo .info .tag {
  background: rgba(255, 255, 255, 0.45);
  padding: 0.3125rem 0.375rem;
  border-radius: 0.3125rem;
  font-size: 0.625rem;
  font-weight: 500;
  color: #e64513;
  line-height: 0.625rem;
  display: inline-block;
}
.home .headerTop .userBox .settingBox {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.home .headerTop .userBox .settingBox .icon {
  width: 1.25rem;
  height: 1.21875rem;
}
.home .headerTop .userBox .settingBox .messageBox {
  position: relative;
  margin-right: 1.5625rem;
  margin-top: 0.15625rem;
}
.home .headerTop .userBox .settingBox .messageBox .icon {
  width: 1.1875rem;
  height: 1.03125rem;
  display: block;
  margin: 0 auto 0.125rem;
}
.home .headerTop .userBox .settingBox .messageBox .messageText {
  display: block;
  font-weight: 500;
  font-size: 0.46875rem;
  color: #000;
  line-height: 0.65625rem;
  text-align: center;
}
.home .headerTop .userBox .settingBox .messageBox .num {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.5rem;
  top: -0.15625rem;
  right: -0.15625rem;
  display: block;
  background: #fff;
}
.home .headerTop .userBox .settingBox .setting .icon {
  width: 1.09375rem;
  height: 1.3125rem;
}
.home .headerTop .subNavBox {
  padding: 0.9375rem 0 0.3125rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.home .headerTop .subNavBox .subNav {
  text-align: center;
}
.home .headerTop .subNavBox .subNav .icon {
  width: 1.0625rem;
  height: 1.0625rem;
  margin-bottom: 0.625rem;
}
.home .headerTop .subNavBox .subNav .test {
  font-size: 0.75rem;
  font-weight: 400;
  color: #fff;
  line-height: 0.75rem;
}
.home .contantBox {
  background: #f6f6f6;
  border-radius: 0.625rem 0.625rem 0 0;
  transform: translateY(-4.6875rem);
}
.home .contantBox .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.09375rem;
}
.home .contantBox .title .test {
  font-size: 0.875rem;
  font-weight: 700;
  color: #222229;
  line-height: 0.75rem;
}
.home .contantBox .title .icon {
  width: 0.28125rem;
  height: 0.53125rem;
}
.home .contantBox .no_messages_box {
  margin: 0 0.71875rem;
  height: 3.03125rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtwAAABhCAYAAADlYnbrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE7mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuMWI2NWE3OSwgMjAyMi8wNi8xMy0xNzo0NjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjUgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNy0xNVQxMDo1MDowNyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDctMTVUMTY6NDg6MDcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDctMTVUMTY6NDg6MDcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRhOTkxYTk4LWQ5MjUtMzQ0MS05YWY5LWFjZTcyMTgxNjg4MCIgeG1wTU06RG9jdW1lbnRJRD0i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)
    center center no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.home .contantBox .no_messages_box .left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.3125rem;
  padding-left: 1.15625rem;
}
.home .contantBox .no_messages_box .left .icon {
  width: 1.15625rem;
  height: 1.15625rem;
  margin-right: 0.53125rem;
}
.home .contantBox .no_messages_box .left .test {
  font-weight: 400;
  font-size: 0.84375rem;
  color: #805302;
}
.home .contantBox .no_messages_box .levelBox {
  position: absolute;
  top: 0.40625rem;
  right: 0;
  width: 35%;
  text-align: center;
  font-weight: 400;
  font-size: 0.84375rem;
  color: #805302;
}
.home .contantBox .box {
  margin: 0 0.71875rem 0.71875rem;
  background: #fff;
  padding: 0.84375rem;
  border-radius: 0.3125rem;
}
.home .contantBox .orderBox {
  border-radius: 0 0 0.3125rem 0.3125rem;
  transform: translateY(-0.03125rem);
  margin-bottom: 0.9375rem;
  position: relative;
  padding: 0.84375rem 0.3125rem;
}
.home .contantBox .orderBox .title {
  padding: 0 0.53125rem;
}
.home .contantBox .orderBox .orderList {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.home .contantBox .orderBox .orderList .order {
  width: 20%;
  padding: 0 0.3125rem;
  box-sizing: border-box;
}
.home .contantBox .orderBox .orderList .order .icon {
  width: 1.40625rem;
  height: 1.40625rem;
  display: block;
  margin: 0 auto 0.75rem;
}
.home .contantBox .orderBox .orderList .order .test {
  font-weight: 400;
  font-size: 0.71875rem;
  color: #1b1b1b;
  line-height: 0.75rem;
  text-align: center;
}
.home .contantBox .swiper {
  width: 22rem;
  margin: 0 auto 0.75rem;
}
.home .contantBox .swiper .swiperBox {
  width: 22rem;
  max-width: 100%;
  height: 7.9375rem;
}
.home .contantBox .swiper .swiperBox .h2 {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.0625rem;
  padding: 0.8125rem 0 0 1.09375rem;
}
.home .contantBox .swiper .swiperBox .h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.59375rem;
  padding-left: 1.09375rem;
}
.home .contantBox .swiper .swiperBox .h3 .icon {
  margin-right: 0.34375rem;
}
.home .contantBox .swiper .swiperBox .h3 .icon1 {
  width: 0.96875rem;
  height: 0.8125rem;
}
.home .contantBox .swiper .swiperBox .h3 .icon2 {
  width: 0.78125rem;
  height: 0.875rem;
}
.home .contantBox .swiper .swiperBox .h3 .test {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #fff;
  line-height: 0.75rem;
}
.home .contantBox .swiper .swiperBox .btn {
  margin: 0.75rem 0 0 1.09375rem;
  font-size: 0.625rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.125rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.63);
  border-radius: 1.25rem;
  display: inline-block;
  padding: 0 0.8125rem;
}
.home .contantBox .swiper .swiperBox-01 {
  background: url(/public/assets/new/my_UnCertified_icon_bg-B0TmfOfn.png) center center
    no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 5rem;
}
.home .contantBox .swiper .swiperBox-01 .left .h2 {
  font-weight: 800;
  font-size: 0.9375rem;
  color: #fff;
  line-height: 1rem;
  text-align: left;
  font-style: italic;
  padding-top: 0;
  padding-left: 1.40625rem;
}
.home .contantBox .swiper .swiperBox-01 .left .h3 {
  margin-top: 0.3125rem;
  padding-left: 1.40625rem;
}
.home .contantBox .swiper .swiperBox-01 .left .h3 .icon1 {
  width: 0.90625rem;
  height: 0.65625rem;
}
.home .contantBox .swiper .swiperBox-01 .left .h3 .icon2 {
  width: 0.78125rem;
  height: 0.78125rem;
}
.home .contantBox .swiper .swiperBox-01 .left .h3 .test {
  font-weight: 400;
  font-size: 0.71875rem;
  color: #fff;
  line-height: 0.84375rem;
  text-align: left;
  font-style: normal;
}
.home .contantBox .swiper .swiperBox-01 .btn {
  min-width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 4.6875rem;
  background: #000;
  color: #fff;
  padding: 0;
  text-align: center;
  line-height: 4.6875rem;
  font-weight: 800;
  font-size: 1.875rem;
  margin: 0 0.125rem 0 0;
  border: none;
}
.home .contantBox .swiper .swiperBox-02 {
  background: url(/assets/my_Certified_icon_bg-BLNj1z6O.png) center center
    no-repeat;
  background-size: 100% 100%;
}
.home .contantBox .commonBox {
  padding: 0.84375rem 0.3125rem;
}
.home .contantBox .commonBox .title {
  font-weight: 400;
  font-size: 35px;
  color: #000;
  margin-bottom: 1.375rem;
  padding: 0 0.53125rem;
}
.home .contantBox .commonBox .common {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.home .contantBox .commonBox .common .nav {
  width: 20%;
  text-align: center;
  margin-top: 0.78125rem;
  position: relative;
  padding: 0 0.3125rem;
  box-sizing: border-box;
}
.home .contantBox .commonBox .common .nav .icon {
  width: 1.40625rem;
  height: 1.40625rem;
  margin-bottom: 0.83125rem;
}
.home .contantBox .commonBox .common .nav .test {
  font-weight: 400;
  font-size: 0.59375rem;
  color: #000;
  line-height: 0.75rem;
  height: 1.5rem;
}
.home .contantBox .commonBox .common .nav .num {
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  margin-left: 0.46875rem;
  color: #fff;
  background: #ff4d1a;
  font-size: 0.5625rem;
  line-height: 0.875rem;
  min-width: 0.625rem;
  border-radius: 0.875rem;
  padding: 0 0.125rem;
  -webkit-text-size-adjust: none;
}
.home .contantBox .walletBox {
  padding: 0.84375rem 0.3125rem;
}
.home .contantBox .walletBox .title {
  margin-bottom: 0.71875rem;
  padding: 0 0.53125rem;
}
.home .contantBox .walletBox .wallet {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.home .contantBox .walletBox .wallet .nav {
  width: 20%;
  text-align: center;
  margin-top: 1.03125rem;
  padding: 0 0.3125rem;
  box-sizing: border-box;
}
.home .contantBox .walletBox .wallet .nav .icon {
  width: 1.40625rem;
  height: 1.40625rem;
  margin-bottom: 0.48125rem;
}
.home .contantBox .walletBox .wallet .nav .test {
  font-size: 0.625rem;
  font-weight: 400;
  color: #222229;
  line-height: 0.75rem;
  height: 1.5rem;
}
.home .contantBox .productList {
  padding: 0.3125rem 0 0.625rem;
  margin-bottom: 0.96875rem;
}
.home .contantBox .productList .titleBox .title {
  font-size: 0.75rem;
  font-weight: 700;
  color: #000;
  line-height: 0.75rem;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 1000px) {
  .home {
    width: 550px;
    margin-left: -275px;
  }
}