body{
  background-color: #f7f8fa;
}


.home-container{
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.banner-item{
  display: block;
}
.banner-item img{
  width: 100%;
}
.time-nav{
  margin: 20px 0;
  background: #000;
  height: 48px;
}
.tn-item{
  float: left;
  display: block;
  width: 240px;
  height: 100%;
  box-sizing: border-box;
  padding: 8px 0;
  cursor: pointer;
}
.tn-item.active{
  background: #fcc91c;
}
.tn-item p{
  color: #fff;
  text-align: center;
}
.tn-item-date{
  font-size: 16px;
  line-height: 1;
  margin-bottom: 4px;
}
.tn-item-status{
  font-size: 14px;
  line-height: 1;
}
.mf-promotion-list ul{
  overflow: hidden;

}
.mf-promotion-list li{
  float: left;
  width: 590px;
  height: 180px;
  margin-top: 20px;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.mf-promotion-list li:nth-child(2n){
  margin-left: 20px;
}
.mf-promotion-list li > img{
  width: 220px;
  height: 178px;
  float: left;
}
.p-list-content{
  padding-left: 262px;
  padding-right: 20px;
}
.plc-title{
  font-size: 16px;
  color: #282828;
  line-height: 49px;
  border-bottom: 1px solid #32323280;
  margin-bottom: 4px;
}

.plc-ex{
  font-size: 14px;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  color: #999;
}
.plc-money{
  font-size: 14px;
  color: #282828;
  margin: 8px 0;
}
.plc-money .money{
  color: #fcc91c;
  font-size: 20px;
}
.cost-price{
  color: #888;
  font-size: 14px;
  text-decoration: line-through;
  margin-left: 8px;
}

.plc-process{
  padding: 10px 0 15px;
  margin-bottom: 20px;
}
.plc-pro-item{
  position: relative;
  width: 200px;
  height: 4px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  margin-top: 4px;
}
.plc-pro-item-r{
  position: absolute;
  width: 60%;
  left: 0;
  top: 0;
  height: 4px;
  background: #fcc91c;
}

.layui-btn.submitBtn{
  border-radius: 6px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
.surpls-num{
  color: #999;
  margin-left: 10px;
}