body,ul{
  margin: 0;
  padding: 0;
  list-style: none;
  color: #333333;
}
body{
  font-family: '微软雅黑';
  font-size: 4.27vw;
  background: #f5f5f5;
}
.iconfont{
  font-size: 4.27vw;
}
p{
  margin: 0;
}
a{
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

.show{
  margin: 3.20vw;
  border-radius: 1.60vw;
  font-size: 0;
  overflow: hidden;
}
.show img{
  width: 100%;
}
.show div{
  display: flex;
  justify-content: space-between;
  font-size: 4.27vw;
  height: 10.67vw;
  line-height: 10.67vw;
  text-align: center;
  background: #fff;
}
.show div a{
  position: relative;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.73vw;
}
.show div a:not(:last-child)::after{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: '';
  width: 0.27vw;
  height: 40%;
  background: #dbdbdb;
}
.show div a i{
  margin-right: 1.07vw;
}
.show div a:nth-of-type(1) i{
  font-size: 4.80vw;
  color: #f6d349;
}
.show div a:nth-of-type(2) i{
  font-size: 4.00vw;
  color: #00d584;
}
.show div a:nth-of-type(3) i{
  color: #ecaf3a;
}

.commodity{
  padding: 0 3.20vw 6.40vw;
}
.commodity ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.commodity ul li{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 48.2%;
  margin-bottom: 3.20vw;
  border-radius: 1.60vw;
  overflow: hidden;
}
.commodity ul li img{
  width: 100%;
}
.commodity .info{
  padding: 1.60vw 2.67vw 2.67vw;
  box-sizing: border-box;
  background: #fff;
}
.info h4{
  margin: 0;
  font-size: 4.00vw;
}
.info div{
  display: flex;
  justify-content: space-between;
  margin: 1.07vw 0;
  font-size: 3.73vw;
  color: #999999;
}
.info div p span{
  margin-left: 1.07vw;
  color: #f19a33;
}
.info a{
  display: inline-block;
  width: 100%;
  height: 8.00vw;
  line-height: 8.00vw;
  text-align: center;
  border-radius: 1.07vw;
  font-size: 3.73vw;
  background: #01b470;
  color: #fff;
}

.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.6);
}
.mask .main{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  border-radius: 2.13vw;
  padding: 8.00vw 0;
  box-sizing: border-box;
  background: #fff;
}
.main i{
  font-size: 24.00vw;
  color: #f19a33;
}
.main div{
  margin: 5.33vw 0;
  text-align: center;
}
.main .save{
  width: 90%;
  height: 10.67vw;
  line-height: 10.67vw;
  text-align: center;
  font-size: 3.73vw;
  border-radius: 1.07vw;
  background: #ecaf3a;
  color: #fff;
}