.page {
  z-index: 1;
  position: relative;
  width: 375px;
  background-color: rgba(247, 247, 250, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
  .group1 {
    z-index: auto;
    width: 375px;
    .block1 {
      z-index: 3;
     
      .bd1 {
        z-index: 4;
        background: url('../../assets/img/loan_detail_bg.png');
        background-size: cover;
        width: 375px;
        height: 311px;
        margin-top: -20px;
        .section1 {
          z-index: auto;
          width: 375px;
          .word2 {
            z-index: 6;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 16px;
            font-family: PingFangSC-Medium;
            line-height: 22px;
            text-align: center;
            align-self: center;
          }
        }
      }
    }
    .block7 {
      z-index: auto;
      width: 192px;
      height: 22px;
      justify-content: space-between;
      margin: 60px 0 0 92px;
      .icon4 {
        z-index: 168;
        width: 43px;
        height: 4px;
        margin-top: 10px;
      }
      .label4 {
        z-index: 158;
        width: 16px;
        height: 14px;
        margin-top: 3px;
      }
      .info4 {
        z-index: 157;
        width: 64px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 16px;
        font-family: PingFangSC-Medium;
        white-space: nowrap;
        line-height: 22px;
        text-align: center;
      }
      .icon5 {
        z-index: 171;
        width: 43px;
        height: 4px;
        transform: rotateY(180deg);
        margin-top: 10px;
      }
    }
    .block8 {
      z-index: 174;
      height: 91px;
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 17px;
      width: 335px;
      justify-content: center;
      align-items: center;
      position: relative;
      .layer1 {
        z-index: auto;
        width: 295px;
        height: 51px;
        .layer2 {
          z-index: auto;
          width: 270px;
          height: 24px;
          margin-left: 11px;
          justify-content: space-between;
          .layer3 {
            z-index: 176;
            height: 26px;
            border: 1px solid rgba(163, 171, 224, 1);
            border-radius: 50%;
            width: 26px;
            justify-content: center;
            align-items: center;
          }
          .word5 {
            z-index: 177;
            display: block;
            overflow-wrap: break-word;
            color: rgba(163, 171, 224, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            text-align: center;
          }
          .layer4 {
            z-index: 189;
            width: 46px;
            height: 1px;
            // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
            //   0px 0px no-repeat;
            border-bottom: 1px dotted #A3ABE0;
            margin-top: 12px;
          }
          .layer5 {
            z-index: 181;
            width: 24px;
            height: 24px;
            border-width: 1px;
            border: 1px solid rgba(163, 171, 224, 1);
            border-radius: 50%;
          }
          .layer6 {
            z-index: 188;
            width: 46px;
            height: 1px;
            // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
              // 0px 0px no-repeat;
              border-bottom: 1px dotted #A3ABE0;
            margin-top: 12px;
          }
          .layer7 {
            z-index: 182;
            width: 24px;
            height: 24px;
            border-width: 1px;
            border: 1px solid rgba(163, 171, 224, 1);
            border-radius: 50%;
          }
          .layer8 {
            z-index: 187;
            width: 46px;
            height: 1px;
            // background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng460c724e5a38942b9c99f98b1c0ec8e82981fb1b2684be19ea8299dfb42cab31)
            //   0px 0px no-repeat;
            border-bottom: 1px dotted #A3ABE0;
            margin-top: 12px;
          }
          .layer9 {
            z-index: 183;
            width: 24px;
            height: 24px;
            border-width: 1px;
            border: 1px solid rgba(163, 171, 224, 1);
            border-radius: 50%;
          }
        }
        .layer10 {
          z-index: auto;
          width: 295px;
          height: 17px;
          margin-top: 10px;
          justify-content: space-between;
          .word6 {
            z-index: 175;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 12px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
          }
          .txt1 {
            z-index: 184;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 12px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
          }
          .word7 {
            z-index: 185;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 12px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
          }
          .info5 {
            z-index: 186;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 12px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
          }
        }
      }
      .txt2 {
        z-index: 178;
        position: absolute;
        left: 123px;
        top: 22px;
        width: 9px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(163, 171, 224, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
      }
      .info6 {
        z-index: 179;
        position: absolute;
        left: 203px;
        top: 22px;
        width: 9px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(163, 171, 224, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
      }
      .info7 {
        z-index: 180;
        position: absolute;
        left: 286px;
        top: 22px;
        width: 9px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(163, 171, 224, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
      }
    }
    .block9 {
      z-index: auto;
      width: 193px;
      height: 22px;
      justify-content: space-between;
      margin: 30px 0 0 91px;
      .icon6 {
        z-index: 86;
        width: 43px;
        height: 4px;
        margin-top: 10px;
      }
      .label5 {
        z-index: 76;
        width: 16px;
        height: 14px;
        margin-top: 3px;
      }
      .word8 {
        z-index: 75;
        width: 64px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 16px;
        font-family: PingFangSC-Medium;
        white-space: nowrap;
        line-height: 22px;
        text-align: center;
      }
      .label6 {
        z-index: 89;
        width: 43px;
        height: 4px;
        transform: rotateY(180deg);
        margin-top: 10px;
      }
    }
    .block10 {
      z-index: 68;
      height: 301px;
      border-radius: 20px;
      border-width: 1px;
      border: 1px solid rgba(234, 240, 255, 1);
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 20px;
      width: 335px;
      align-items: flex-end;
      padding-right: 12px;
      .section4 {
        z-index: auto;
        width: 223px;
        height: 301px;
        justify-content: space-between;
        .mod1 {
          z-index: 70;
          width: 1px;
          height: 301px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng41afa68e649c0c19d32a979fa9e27d6aedba8eae24e51ba3b38b29baa4fdf20f)
            100% no-repeat;
        }
        .mod2 {
          z-index: auto;
          height: 272px;
          margin-top: 17px;
          .info8 {
            z-index: 72;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            line-height: 20px;
          }
          .info9 {
            z-index: 74;
            display: block;
            width: 100%;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            line-height: 20px;
            align-self: flex-end;
            margin: 31px 0px 0 0;
          }
          .info10 {
            z-index: 95;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 20px;
            align-self: flex-end;
            width: 100%;
            margin: 29px 0px 0 0;
          }
          .info11 {
            z-index: 98;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 20px;
            align-self: flex-end;
            width: 100%;
            margin: 32px 0px 0 0;
          }
          .word9 {
            z-index: 101;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 20px;
            align-self: flex-end;
            width: 100%;
            margin: 31px 0px 0 0;
          }
          .info12 {
            z-index: 104;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            white-space: nowrap;
            line-height: 20px;
            align-self: flex-end;
            width: 100%;
            margin: 32px 0px 0 0;
          }
        }
      }
    }

    .info13 {
      z-index: 192;
      width: 64px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(27, 31, 55, 1);
      font-size: 16px;
      font-family: PingFangHK-Medium;
      white-space: nowrap;
      line-height: 22px;
      text-align: center;
      align-self: flex-start;
      margin: 29px 0 0 22px;
    }
    .block12 {
      z-index: 194;
      height: 198px;
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 10px;
      width: 335px;
      justify-content: flex-start;
      align-items: flex-start;
      padding: 18px 0 0 15px;
      .box2 {
        z-index: auto;
        width: 301px;
        height: 119px;
        .main2 {
          z-index: auto;
          width: 300px;
          height: 24px;
          .outer2 {
            z-index: 195;
            width: 24px;
            height: 24px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaea79b533352061d5a3a86f52ddd86115183257e10e68009f45ed159fe4bc6d6) -1px -1px
              no-repeat;
          }
          .info14 {
            z-index: 212;
            width: 114px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(27, 31, 55, 1);
            font-size: 16px;
            letter-spacing: 0.19200000166893005px;
            font-family: PingFangHK-Medium;
            white-space: nowrap;
            line-height: 22px;
            text-align: center;
            margin-left: 10px;
          }
          .outer3 {
            z-index: 219;
            height: 19px;
            border-radius: 4px;
            background-color: rgba(249, 243, 232, 1);
            width: 40px;
            justify-content: center;
            align-items: flex-end;
            padding-right: 6px;
            margin: 2px 0 0 112px;
            .word14 {
              z-index: 220;
              width: 25px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(173, 151, 129, 1);
              font-size: 12px;
              letter-spacing: 0.14399999380111694px;
              font-family: PingFangHK-Regular;
              white-space: nowrap;
              line-height: 17px;
              text-align: center;
            }
          }
        }
        .main3 {
          z-index: auto;
          width: 296px;
          height: 18px;
          justify-content: space-between;
          margin: 8px 0 0 5px;
          .txt8 {
            z-index: 213;
            width: 137px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(141, 146, 175, 1);
            font-size: 12px;
            letter-spacing: 0.14399999380111694px;
            font-family: PingFangHK-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
          }
          .word15 {
            z-index: 211;
            width: 40px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(141, 146, 175, 1);
            font-size: 12px;
            letter-spacing: 0.14399999380111694px;
            font-family: PingFangHK-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
            margin-top: 1px;
          }
        }
        .main4 {
          z-index: 228;
          width: 292px;
          height: 1px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng914ff48eb6a0d232ce1fb7dd6f23c934226d14776ab390c626223df45357b906)
            100% no-repeat;
          align-self: flex-end;
          margin: 9px 2px 0 0;
        }
        .main5 {
          z-index: auto;
          width: 74px;
          height: 19px;
          justify-content: space-between;
          margin: 10px 0 0 6px;
          .label10 {
            z-index: 229;
            width: 14px;
            height: 13px;
            margin-top: 2px;
          }
          .section5 {
            z-index: 216;
            height: 19px;
            border-radius: 4px;
            border-width: 1px;
            border: 1px solid rgba(77, 92, 181, 1);
            background-color: rgba(246, 247, 255, 1);
            width: 49px;
            justify-content: center;
            align-items: center;
            .word16 {
              z-index: 217;
              width: 37px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(62, 79, 175, 1);
              font-size: 12px;
              letter-spacing: 0.14399999380111694px;
              font-family: PingFangHK-Regular;
              white-space: nowrap;
              line-height: 17px;
              text-align: center;
            }
          }
        }
        .main6 {
          z-index: auto;
          width: 292px;
          height: 28px;
          margin: 2px 0 0 6px;
          .label11 {
            z-index: 222;
            width: 14px;
            height: 14px;
            margin-top: 12px;
          }
          .word17 {
            z-index: 221;
            width: 156px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(141, 146, 175, 1);
            font-size: 12px;
            letter-spacing: 0.14399999380111694px;
            font-family: PingFangHK-Regular;
            white-space: nowrap;
            line-height: 17px;
            text-align: center;
            margin: 11px 0 0 8px;
          }
          .label12 {
            z-index: 202;
            width: 16px;
            height: 16px;
            margin-left: 98px;
          }
        }
      }
    }
  }

  .group4 {
    z-index: 93;
    position: absolute;
    left: 20px;
    top: calc(735px - 33px);
    width: 335px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga0191636da1de6b04ea6bdc0d9854280d5d2d1c28dbc8bd2141ca13a8c615e82)
      100% no-repeat;
  }
  .group5 {
    z-index: 92;
    position: absolute;
    left: 20px;
    top: calc(785px - 33px);
    width: 335px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga0191636da1de6b04ea6bdc0d9854280d5d2d1c28dbc8bd2141ca13a8c615e82)
      100% no-repeat;
  }
  .group6 {
    z-index: 69;
    height: 300px;
    border-radius: 20px 0 0 20px;
    background-color: rgba(234, 240, 255, 1);
    width: 101px;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 18px 11px 0;
    .wrap3 {
      z-index: auto;
      width: 56px;
      height: 272px;
      .txt11 {
        z-index: 71;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
      }
      .info15 {
        z-index: 73;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
        margin-top: 30px;
      }
      .word20 {
        z-index: 94;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
        margin-top: 30px;
      }
      .txt12 {
        z-index: 97;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
        margin-top: 29px;
      }
      .txt13 {
        z-index: 100;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
        margin-top: 31px;
      }
      .txt14 {
        z-index: 103;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: center;
        margin-top: 32px;
      }
    }
  }
  .group7 {
    z-index: 96;
    position: absolute;
    left: 20px;
    top: calc(835px - 33px);
    width: 335px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga0191636da1de6b04ea6bdc0d9854280d5d2d1c28dbc8bd2141ca13a8c615e82)
      100% no-repeat;
  }
  .group8 {
    z-index: 99;
    position: absolute;
    left: 20px;
    top: calc(885px - 33px);
    width: 335px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga0191636da1de6b04ea6bdc0d9854280d5d2d1c28dbc8bd2141ca13a8c615e82)
      100% no-repeat;
  }
  .group9 {
    z-index: 102;
    position: absolute;
    left: 20px;
    top: calc(937px - 33px);
    width: 335px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga0191636da1de6b04ea6bdc0d9854280d5d2d1c28dbc8bd2141ca13a8c615e82)
      100% no-repeat;
  }
  .group10 {
    z-index: 155;
    position: absolute;
    left: 20px;
    top: 1540px;
    width: 336px;
    height: 1px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng202762cba1f2338c01a7293b2e6c1fe3c02510edca06d73be105476d2002d980)
      0px 0px no-repeat;
  }
  .group11 {
    z-index: 208;
    height: 45px;
    border-radius: 0 0 20px 20px;
    background-color: rgba(249, 251, 255, 1);
    width: 335px;
    justify-content: center;
    align-items: flex-end;
    padding-right: 49px;
    position: absolute;
    left: 20px;
    top: 1893px;
    .box3 {
      z-index: auto;
      width: 225px;
      height: 20px;
      .info16 {
        z-index: 209;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(27, 31, 55, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: left;
      }
      .group12 {
        z-index: 244;
        width: 1px;
        height: 20px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5b93cf055b2bea699dd9daf8ac37809363052661f0ec1b9b20e56a053d8553d9)
          100% no-repeat;
        margin-left: 50px;
      }
      .txt15 {
        z-index: 210;
        width: 57px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 79, 175, 1);
        font-size: 14px;
        font-family: PingFangSC-Regular;
        white-space: nowrap;
        line-height: 20px;
        text-align: left;
        margin-left: 61px;
      }
    }
  }
}
