/* packageE/others/case_library/mycomponents/share.wxss */
@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

.idshare {
  text-align: center;
}

.idshare .share {
  position: fixed;
  right: 33.6rpx;
  bottom: 280rpx;
  width: 70rpx;
  height: 70rpx;
  line-height: 70rpx;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #f15353;
}

.idshare .pop-con {
  color: #333;
}

.idshare .pop-con .title {
  color: #202020;
  font-size: 32rpx;
  padding: 36rpx 0;
}

.idshare .pop-con .buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 80rpx 32rpx 80rpx;
}

.idshare .pop-con .buttons .button {
  width: 120rpx;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.idshare .pop-con .buttons .button .img {
  width: 88rpx;
  height: 88rpx;
}

.idshare .pop-con .buttons .button .img image {
  width: 100%;
  height: 100%;
}

.idshare .pop-con .buttons .button .text {
  font-size: 28rpx;
}

.idshare .pop-con .cancel {
  line-height: 96rpx;
  color: #333;
  text-align: center;
  font-size: 32rpx;
  border-top: 1px solid #ebebeb;
}

.idshare .code_box {
  position: relative;
  display: flex;
}

.idshare .code_box .icon_close {
  /* position: absolute;
  bottom: 0px;
  right: 50%; */
  width: 80rpx;
  height: 80rpx;
  margin-right: -40rpx;
  border: 1px solid #fff;
  border-radius: 100%;
  margin-top: 60rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.idshare .code_box .icon_close icon {
  line-height: 80rpx;
  font-size: 36rpx;
  color: #fff;
}

.shareButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.code_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}