.mask-layer{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.6);
  z-index: 99;
}
.flex-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: left;
  -webkit-box-align: left;
}
.flex-row {
  display: flex;
}
.layer-title{
  padding: 20rpx;
  font-size: 0;
}
.layer-con{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 40rpx 40rpx 0px 0px;
  overflow: hidden;
}
.title-con{
  text-align: center;
  color: #333333;
  font-size: 30rpx;
}
.close-img{
  margin-top: 10rpx;
  width: 24rpx;
  height: 24rpx;
}
.pay-list-wrap{
  margin-top: 40rpx;
  padding: 0 30rpx;
  height: 300rpx;
}
.pay-list1:first-child{
  border-top: 1px solid #e8e8e8;
}
.pay-list{
  padding: 24rpx 0;
  font-size: 0;
  border-bottom: 1px solid #E8E8E8;
}
.right{
  width: 27rpx;
  height: 18rpx;
}
.jifen{
  width: 30rpx;
  height: 30rpx;
}
.list-text{
  vertical-align: 4rpx;
  font-size: 28rpx;
  color: #333;
  margin-left: 12rpx;
}
.btn-con{
  padding: 29rpx 54rpx;
}
.sum-btn{
  width: 100%;
  background: #3D98FF;
  border-radius: 10rpx;
  font-size: 32rpx;
  color: 32rpx;
  color: #fff;
}