/* component/cardModal/cardModal.wxss */
.commodity_screen2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.65;
  overflow: hidden;
  z-index: 9999;
  color: #fff;
}
.commodity_attr_box2 {
  width: 90%;
  overflow: hidden;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  background: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  padding-top: 20rpx;
  padding-bottom: 30rpx;
}
.card-modal{
  position: fixed;
  top: 240rpx;
  left: 170rpx;
  z-index: 9999;
}
.card-modal-content{
  width: 410rpx;
  height: 618rpx;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 4rpx 17rpx 0px rgba(0, 0, 0, 0.12);

}
.modal-header{
  padding: 34rpx 34rpx 0;
}
.brand-img{
  width: 50rpx;
  height: 50rpx;
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
}
.brand-title{
  width: 342rpx;
  color: #333333;
  font-size: 18rpx;
  margin-top: 10rpx;
}
.card-img-wrap{
  margin-top: 23rpx;
}
.card-img{
  width: 410rpx;
  height: 410rpx;
}

/* 海报 */
.save-card{
  margin-top: 51rpx;
  text-align: center;
}
.save-btn{
  width: 340rpx;
  height: 80rpx;
  border-radius: 40rpx;
  line-height: 80rpx;
  background-color: rgba(255, 51, 51, 1);
  box-shadow: 0px 2rpx 9rpx 0px rgba(255, 51, 51, 0.6);
  color: #ffffff;
  font-size: 32rpx;
}
.save-btn-desc{
  color: #ffffff;
  font-size: 22rpx;
  margin-top: 12rpx;
}
.quick-share{
  position: fixed;
  bottom: 0;
  height: 88rpx;
  line-height: 88rpx;
  width: 750rpx;
  text-align: center;
  color: #ffffff;
  font-size: 26rpx;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.2);
}

.card_content{
  width: 410rpx;
  height: 618rpx;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 4rpx 17rpx 0px rgba(0, 0, 0, 0.12);
  z-index: 9999;

}