/* 内容对齐 */
/* 超出元素的多余文字不换行，将多余部分替换成... */
/* 多行文字省略 */
/* 背景图片图标 */
/* 分割线 */
/*
    @direction 传值说明
    默认值：bottom 下边线
    all - 全边框线
    top - 上边线
    left - 左边线
    right - 右边线
    bottom - 下边线
    0 - 上左
    1 - 上右
    2 - 下左
    3 - 下右
    4 - 上下
    5 - 左右
    6 - 上左右
    7 - 下左右
    8 - 上左下
    9 - 上右下
*/
/* 背景色渐变 */
/* 阴影 */
/* 形状遮罩 */
.success-for-order-share {
  width: 100%;
  height: 100%;
}
.success {
  width: 100%;
  height: 5.575rem;
  background-color: #fff;
  margin-top: 0.9rem;
  display: flex;
  padding-left: 3.425rem;
  align-items: center;
  padding-bottom: 0.45rem;
}
.success > div i {
  width: 2.05rem;
  height: 2.05rem;
  font-size: 2.05rem;
  color: #76e454;
  display: block;
  margin-right: 0.55rem;
}
.success p {
  font-size: 0.75rem;
  line-height: 1.2rem;
}
.success span {
  color: #999;
  font-size: 0.65rem;
  line-height: 0.9rem;
}
.reminder {
  width: 100%;
  height: 1.7rem;
  font-size: 0.6rem;
  color: #999;
  line-height: 1.7rem;
  margin-bottom: 0.525rem;
  padding-left: 0.75rem;
}
footer {
  width: 100%;
  height: 8.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer button {
  width: 16.5rem;
  height: 2.125rem;
  margin-bottom: 0.6rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  background-color: #fff;
  border: 1PX solid #ccc;
}
footer button:first-child {
  background-color: #ffd32d;
  border: 0;
  color: #333752;
}
.info {
  height: 1.7rem;
  width: 100%;
  text-align: center;
  font-size: 0.6rem;
  color: #999;
}
.info span {
  color: #dc3b40;
}
.mask-wx {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7) url(../static/img/install.eb7c1dea.png) 70% 5% no-repeat;
  background-size: 80%;
}