@c333: #333333;
@c666: #666666;
@c999: #999999;
@f14: 14px;
@f16: 16px;
@f18: 18px;

body {
  font-family: MicrosoftYaHei;
  background-color: rgb(253, 210, 219);
}

ul {
  list-style: none;
  padding: 15px;
  margin-bottom: 0;
}

.container {
  .slogan {
    margin-bottom: 10px;
  }
  .integral_apply {
    margin-bottom: 10px;
  }
  .content_box {
    border: 3px solid rgb(252, 100, 99);
    border-radius: 15px;
    position: relative;
    background: #fff;
    color: #908a93;
    ul {
      li {
        margin-bottom: 10px;
      }
    }
    .content_title {
      padding: 5px 5px 5px 5px;
      color: #fff;
      width: 130px;
      height: 30px;
      background: url("../img/invite_d_content_title.png") no-repeat;
      background-size: contain;
      position: absolute;
      top: -18px;
      left: 31%;
      text-align: center;
      .mark_left {
        background: url("../img/invite_d_mark_left.png") no-repeat;
        background-size: 100%;
        width: 10.5px;
        height: 9px;
        display: inline-block;
        margin-right: 5px;
      }
      .mark_right {
        background: url("../img/invite_d_mark_right.png") no-repeat;
        background-size: 100%;
        width: 10.5px;
        height: 9px;
        display: inline-block;
        margin-left: 5px;
      }
    }
  }
  .desc {
    font-weight: normal;
    font-stretch: normal;
    padding: 0 10px 15px 15px;
    color: #ffffff;
    text-shadow: 2px 2px 8px rgba(11, 2, 5, 0.2);
  }
  .tip_box {
    padding: 15px 7px 15px 12px;
    background: url("../img/invite_d_tip_box.png") no-repeat;
    color: #fff;
    background-size: 100%;
  }
  .qr {
    margin-top: 25px;
    text-align: center;
    img {
      width: 40%;
    }
    div {
      margin-top: 10px;
      color: #ffffff;
      text-shadow: 2px 2px 8px rgba(11, 2, 5, 0.2);
      margin-bottom: 35px;
    }
  }
}
