@import "../../res.less";
.resultpage {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .shot_content {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .bg {
      width: 750px;
      height: 1624px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("resultPage/bg.png");
    }
    .role_a {
      width: 750px;
      height: 1064px;
      left: 0px;
      top: 219px;
      position: absolute;
      .sparkBg("resultPage/传统守护者.png");
    }
    .role_b {
      width: 750px;
      height: 1057px;
      left: 0px;
      top: 219px;
      position: absolute;
      .sparkBg("resultPage/社交组局王.png");
    }
    .role_c {
      width: 750px;
      height: 1059px;
      left: 0px;
      top: 219px;
      position: absolute;
      .sparkBg("resultPage/狂热尝新党.png");
    }
    .role_d {
      width: 750px;
      height: 1055px;
      left: 0px;
      top: 219px;
      position: absolute;
      .sparkBg("resultPage/佛系随性派.png");
    }
    .role_e {
      width: 750px;
      height: 1065px;
      left: 0px;
      top: 219px;
      position: absolute;
      .sparkBg("resultPage/元气美食家.png");
    }
    .code_boc {
      width: 679px;
      height: 190px;
      left: 0px;
      top: 1261px;
      position: absolute;
      .code_bg {
        width: 679px;
        height: 190px;
        left: 0px;
        top: 0px;
        position: absolute;
        .sparkBg("resultPage/code_bg.png");
      }
      .code_img {
        width: 124px;
        height: 124px;
        left: 546px;
        top: 21px;
        position: absolute;
        .sparkBg("resultPage/code_img.png");
        border-radius: 10px;
      }
    }
  }
  .product_btn {
    width: 129px;
    height: 51px;
    left: 505px;
    top: 1113px;
    position: absolute;
    .sparkBg("resultPage/product_btn.png");
    &.type_d {
      left: 525px;
      top: 1124px;
    }
  }
  .poster_img {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
  }
  .bottom_btn {
    width: 677px;
    height: 138px;
    left: 34px;
    top: 1437px;
    position: absolute;
    .share_btn {
      width: 323px;
      height: 105px;
      left: 354px;
      top: 0px;
      position: absolute;
      .sparkBg("resultPage/share_btn.png");
    }
    .draw_btn {
      width: 323px;
      height: 105px;
      left: 0px;
      top: 0px;
      position: absolute;
      .sparkBg("resultPage/draw_btn.png");
    }
    .tips {
      width: 254px;
      height: 18px;
      left: 216px;
      top: 120px;
      position: absolute;
      font-size: 17px;
      line-height: 18px;
      color: rgba(53, 95, 49, 1);
      text-align: center;
      text-decoration: underline;
    }
  }
  .back_btn {
    width: 64px;
    height: 65px;
    left: 12px;
    // top: 133px;
    // position: absolute;
    top: 50px;
    position: fixed;
    .sparkBg("common/back.png");
  }
}
