.noSize[data-v-648543a7] {
  font-size: 0;
  text-indent: -9999em;
}
.flex[data-v-648543a7] {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
@font-face {
  font-family: "sharefont";
  src: url(https://qnm.res.netease.com/m/zt/20200619150210/font/iconfont_4abf35c7_4abf35c7.eot), url(https://qnm.res.netease.com/m/zt/20200619150210/font/iconfont_02772402_02772402.woff) format('woff'), url(https://qnm.res.netease.com/m/zt/20200619150210/font/iconfont_40b31b5a_40b31b5a.ttf) format('truetype'), url(https://qnm.res.netease.com/m/zt/20200619150210/img/iconfont_8fe735e5_8fe735e5.svg#sharefont) format('svg');
  /* iOS 4.1- */
}
.share-modal-wrap[data-v-648543a7] {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  font-size: 0.28rem;
}
.share-modal-wrap .mask[data-v-648543a7] {
  background: #000;
  position: fixed;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.share-modal-wrap .modal-wrap[data-v-648543a7] {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3.94rem;
  min-width: 8.41rem;
  padding: 0 0.3rem;
  margin-left: -4.2rem;
  margin-top: -1.87rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  z-index: 9999;
  background: #dcdcdc;
  border-radius: 10px;
}
.share-modal-wrap .modal-wrap.ver[data-v-648543a7] {
  max-width: 7rem;
  min-width: 6.5rem;
}
.share-modal-wrap .modal-wrap.showDashen[data-v-648543a7] {
  margin-left: -6.2rem;
}
.share-modal-wrap .modal-wrap p[data-v-648543a7] {
  text-align: center;
  color: #aa9337;
  font-size: 0.42rem;
  margin: 0.75rem auto 0;
  color: #000;
}
.share-modal-wrap .modal-wrap .icon-wrap[data-v-648543a7] {
  width: 100%;
  height: 1.5rem;
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-pack: space-around;
  /* 12版 */
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
  /* 09版 */
  -webkit-box-align: center;
  /* 12版 */
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.share-modal-wrap .modal-wrap .icon-wrap .icon[data-v-648543a7] {
  display: block;
  position: relative;
  text-decoration: none;
}
.share-modal-wrap .modal-wrap .icon-wrap .icon i[data-v-648543a7] {
  font-size: 0.8rem;
  font-weight: 400;
  width: 1rem;
  height: 1rem;
  line-height: 1;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background: #1583e4;
  display: block;
}
.share-modal-wrap .modal-wrap .icon-wrap .icon i[data-v-648543a7]:before {
  font-family: "sharefont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.08rem;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.6rem;
  box-sizing: border-box;
}
.share-modal-wrap .modal-wrap .icon-wrap .icon span[data-v-648543a7] {
  position: absolute;
  display: block;
  width: 2rem;
  line-height: 0.3rem;
  bottom: -0.45rem;
  left: 50%;
  margin-left: -1rem;
  text-align: center;
  color: #000;
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.yixin i[data-v-648543a7]:before {
  content: "\E604";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.yixinpengyouquan i[data-v-648543a7]::before {
  content: "\E61C";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.weixin i[data-v-648543a7]::before {
  content: "\E600";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.pengyouquan i[data-v-648543a7]::before {
  content: "\E61B";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.icon-guanbi i[data-v-648543a7]::before {
  content: "\E628";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.weibo i[data-v-648543a7]::before {
  content: "\E881";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.dashen i[data-v-648543a7]::before {
  content: "\E60D";
}
.share-modal-wrap .modal-wrap .icon-wrap .icon.dashenpengyouquan i[data-v-648543a7]::before {
  content: "\E60C";
}
.share-modal-wrap .modal-wrap .modal-close-btn[data-v-648543a7] {
  font-family: "sharefont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  font-size: 0.8rem;
  color: #1583e4;
  width: 0.66rem;
  height: 0.66rem;
  top: 0;
  vertical-align: top;
  right: -0.66rem;
  background-size: 100% 100%;
}
.share-modal-wrap .modal-wrap .modal-close-btn[data-v-648543a7]:before {
  content: "\E628";
}