@import "../../res.less";

.sharePage {
  width: 750px;
  height: 100vh;
  left: 0px;
  top: 0px;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;

  .bg {
    width: 750px;
    height: 1624px;
    left: 0px;
    top: 0px;
    position: absolute;
    .sparkBg("sharePage/sharePageBg.png");
  }

  .title1 {
    display: inline-block;
    width: 426px;
    height: 294px;
    left: 159px;
    top: 129px;
    position: absolute;
    .sparkBg("sharePage/title1.png");

  }

  .title1-text {
    display: inline-block;
    width: 598px;
    height: 94px;
    left: -86px;
    position: absolute;
    font-size: 80px;
    color: rgb(255, 243, 228);
    line-height: 94px;
    text-align: center;
    font-weight: bolder;
    font-style: italic;
    top: 100px;
    overflow: hidden;
    text-shadow: -2px -2px 0 #fe9d3a, 2px -2px 0 #fe9d3a, -2px 2px 0 #fe9d3a, 2px 2px 0 #fe9d3a;
  }


  .title2 {
    display: inline-block;
    width: 568px;
    height: 289px;
    left: 91px;
    top: 108px;
    position: absolute;
    .sparkBg("sharePage/title2.png");
  }
 
    .dialog-avatar{
      width: 114px;
      height: 114px;
      left: 76px;
      top: 1358px;
      position: absolute;
      .sparkBg("sharePage/dialog-avatar.png");
    }
    .dialog-text{
      width: 436px;
      height: 108px;
      left: 213px;
      top: 1357px;
      position: absolute;
      padding: 20px 40px;
      box-sizing: border-box;
      .sparkBg("sharePage/dialog.png");
      .text{
         color: #fff;
         font-size: 28px;
      }
    }
  
  .doAssitBtn {
    display: inline-block;
    width: 366px;
    height: 103px;
    left: 192px;
    top: 1490px;
    position: absolute;
    .sparkBg("sharePage/btn.png");
  }

  .goAppBtn {
    display: inline-block;
    width: 467px;
    height: 103px;
    left: 122px;
    top: 1490px;
    position: absolute;
    .sparkBg("sharePage/toToAppBtn.png");
  }

  .content {
    display: inline-block;
    position: absolute;
    width: 635px;
    height: 462px;
    left: 57px;
    top: 825px;

    .proItem {
      width: 635px;
      height: 146px;
      margin-bottom: 20px;
      position: relative;

      .pro_name {
        display: inline-block;
        width: 635px;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        font-size: 28px;
        color: rgb(1, 1, 1);
        .lineClamp1();
      }

      .info_con {
        width: 635px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 15px;

        p {
          height: 40px;
          line-height: 40px;
        }

        .rate_con,
        .guize_con,
        .btn_con {
          box-sizing: border-box;
          width: 33%;
          position: relative;
          font-size: 20px;
          color: rgba(1, 1, 1, 0.6);
        }

        .pro_fengxian {
          width: 100%;
          .lineClamp1();
        }

        .pro_rate {
          font-size: 32px;
          color: rgb(191, 49, 39);
          font-weight: bold;
          width: 100%;
          .lineClamp1();
        }

        .pro_rate_label {
          width: 100%;
          .lineClamp1();
        }

        .pro_guize {
          font-size: 28px;
          color: rgb(0, 0, 0);
          font-weight: bold;
          width: 100%;
          .lineClamp1();
        }

        .check-btn {
          display: inline-block;
          width: 137px;
          height: 48px;
          position: absolute;
          right: 0px;
          .sparkBg("sharePage/checkbtn.png");
        }
      }

      .line {
        display: inline-block;
        width: 635px;
        height: 2px;
        position: absolute;
        bottom: 5px;
        .sparkBg("sharePage/line.png");
      }
    }
  }
}