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

.positionpop {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;

  .iconbg {
    width: 542px;
    height: 566px;
    left: 111px;
    top: 492px;
    position: absolute;
    .sparkBg("positionPop/icon-bg.png");
  }

  .iconclose {
    width: 57px;
    height: 57px;
    left: 360px;
    top: 1097px;
    position: absolute;
    .sparkBg("positionPop/icon-close.png");
  }

  .iconc {
    width: 586px;
    height: 652px;
    left: 177px;
    top: 333px;
    position: absolute;
    opacity: 0.26;
    .sparkBg("positionPop/icon-c.png");
  }

  .icony {
    width: 289px;
    height: 251px;
    left: 384px;
    top: 444px;
    position: absolute;
    .sparkBg("positionPop/icon-y.png");
  }

  .info-list {
    width: 516px;
    height: 410px;
    left: 124px;
    top: 620px;
    border-radius: 40px;
    position: absolute;
    overflow: hidden;
    .sparkBg("positionPop/icon-bg1.png");
  }

  .iconbg1 {
    width: 516px;
    height: 325px;
    left: 124px;
    top: 620px;

    position: absolute;
    .sparkBg("positionPop/icon-bg1.png");
  }

  .iconbg2 {
    width: 516px;
    height: 94px;
    left: 0px;
    top: -20px;
    position: absolute;
    .sparkBg("positionPop/icon-bg2.png");
  }

  .info-list-title {
    width: 496px;
    height: 94px;
    left: 10px;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
  }

  .chanPinMingCheng {
    width: 185px;
    height: 25px;
    // left: 194px;
    // top: 640px;
    // position: absolute;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: rgba(179, 117, 19, 1);
  }

  .shouYiLu {
    width: 100px;
    height: 24px;
    // left: 383px;
    // top: 640px;
    // position: absolute;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: rgba(179, 117, 19, 1);
  }

  .chiCangZhanBi {
    width: 100px;
    height: 25px;
    // left: 498px;
    // top: 640px;
    // position: absolute;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: rgba(179, 117, 19, 1);
  }

  .info-list-box {
    width: 496px;
    height: 333px;
    left: 10px;
    top: 80px;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    .list4 {
      width: 496px;
      height: 77px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      margin-bottom: 8px;
      .sparkBg("positionPop/list-bg.png");
      .productName {
        width: 185px;
        height: 45px;
        font-size: 20px;
        color: rgba(99, 38, 6, 1);
        // text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .profit {
        width: 100px;
        height: 15px;
        text-align: center;
        font-size: 20px;
        line-height: 15px;
        color: rgba(99, 38, 6, 1);
      }

      .ratio {
        width: 100px;
        height: 15px;
        font-size: 20px;
        line-height: 15px;
        color: rgba(99, 38, 6, 1);
        text-align: center;
      }
    }
  }

  .name {
    width: 109px;
    height: 25px;
    left: 145px;
    top: 522px;
    position: absolute;
    font-size: 25px;
    line-height: 25px;
    color: rgba(211, 26, 25, 1);
  }

  .title {
    width: 201px;
    height: 46px;
    left: 144px;
    top: 561px;
    position: absolute;
    font-size: 48px;
    line-height: 46px;
    color: rgba(91, 34, 0, 1);
  }

  .icon1 {
    width: 441px;
    height: 389px;
    left: 13px;
    top: 425px;
    position: absolute;
    .sparkBg("positionPop/icon-1.png");
  }
}