@import './common.scss';
.page {
  z-index: 1;
  position: relative;
  width: 100vw;
  height: 56.25vw;
  background-color: rgba(246, 246, 246, 1);
  overflow: hidden;
  .bd1 {
    z-index: auto;
    width: 14.69vw;
    height: 3.18vw;
    margin: 1.4vw 0 0 3.22vw;
    .bd2 {
      z-index: 24;
      height: 3.18vw;
      background-color: rgba(246, 246, 246, 1);
      width: 14.69vw;
      justify-content: flex-end;
      align-items: center;
      .img1 {
        z-index: 25;
        width: 13.55vw;
        height: 2.77vw;
      }
    }
  }
  .bd3 {
    z-index: auto;
    width: 38.08vw;
    height: 28.29vw;
    margin: 9.42vw 0 0 30.98vw;
    .box1 {
      z-index: 2;
      // height: 28.29vw;
      border-radius: 13px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: 0px 4px 15px 0px rgba(178, 178, 178, 0.5);
      width: 38.08vw;
      // justify-content: flex-start;
      // padding-top: 2.77vw;
      display: flex;
      align-items: center;
      justify-content: center;
      .group1 {
        z-index: auto;
        width: 22.04vw;
        // height: 22.24vw;
        .box2 {
          z-index: auto;
          width: 18.65vw;
          height: 1.57vw;
          justify-content: space-between;
          align-items: center;
          .section1 {
            z-index: 16;
            width: 0.94vw;
            height: 0.94vw;
            margin-top: 0.32vw;
          }
          .word1 {
            z-index: 10;
            width: 17.19vw;
            display: block;
            overflow-wrap: break-word;
            color: rgba(82, 82, 82, 1);
            font-size: 1.14vw;
            font-family: PingFangSC-Medium;
            white-space: nowrap;
            line-height: 1.57vw;
            text-align: left;
          }
        }
        
        .box3 {
          z-index: 3;
          // height: 2.82vw;
          border-radius: 8px;
          border-width: 0.5px;
          // border: 0.5px solid rgba(151, 151, 151, 1);
          background-color: rgba(255, 255, 255, 1);
          margin-top: 1.67vw;
          width: 22.04vw;
          justify-content: center;
          align-items: flex-start;
          // padding-left: 1.25vw;
          .txt1 {
            z-index: 11;
            width: 5vw;
            display: block;
            overflow-wrap: break-word;
            color: rgba(153, 153, 153, 1);
            font-size: 0.83vw;
            white-space: nowrap;
            line-height: 1.15vw;
            text-align: left;
          }
        }
        .code{
          display: flex;
          align-items: center;
          justify-content: space-between;
          input{
            width: 60%;
          }
          button{
            width: 35%;
            background-color: #187EDD;
            color: #fff;
            font-size: .6vw;
          }
        }
        .box4 {
          z-index: auto;
          width: 22.04vw;
          height: 2.82vw;
          margin-top: 1.15vw;
          justify-content: space-between;
          .outer1 {
            z-index: 8;
            height: 2.82vw;
            border-radius: 8px;
            border-width: 0.5px;
            border: 0.5px solid rgba(151, 151, 151, 1);
            background-color: rgba(255, 255, 255, 1);
            width: 13.23vw;
            justify-content: center;
            align-items: flex-start;
            padding-left: 1.25vw;
            .word2 {
              z-index: 14;
              width: 5vw;
              display: block;
              overflow-wrap: break-word;
              color: rgba(153, 153, 153, 1);
              font-size: 0.83vw;
              white-space: nowrap;
              line-height: 1.15vw;
              text-align: left;
            }
          }
          .outer2 {
            z-index: 9;
            height: 2.82vw;
            border-radius: 8px;
            background: url(./img/SketchPng23da6a717d6e114ee47cb65ff678b10b65a2a2b1f3f2381765664a99dc8b4202.png)
              100% no-repeat;
            width: 7.87vw;
            justify-content: center;
            align-items: center;
            .info1 {
              z-index: 15;
              width: 4.17vw;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 0.83vw;
              white-space: nowrap;
              line-height: 1.15vw;
              text-align: left;
            }
          }
        }
        .box5 {
          z-index: 4;
          height: 2.82vw;
          border-radius: 8px;
          border-width: 0.5px;
          border: 0.5px solid rgba(151, 151, 151, 1);
          background-color: rgba(255, 255, 255, 1);
          margin-top: 1.15vw;
          width: 22.04vw;
          justify-content: center;
          align-items: flex-start;
          padding-left: 1.25vw;
          .word3 {
            z-index: 12;
            width: 5vw;
            display: block;
            overflow-wrap: break-word;
            color: rgba(153, 153, 153, 1);
            font-size: 0.83vw;
            white-space: nowrap;
            line-height: 1.15vw;
            text-align: left;
          }
        }
        .box6 {
          z-index: 5;
          height: 2.82vw;
          border-radius: 8px;
          border-width: 0.5px;
          border: 0.5px solid rgba(151, 151, 151, 1);
          background-color: rgba(255, 255, 255, 1);
          margin-top: 1.15vw;
          width: 22.04vw;
          justify-content: center;
          align-items: flex-start;
          padding-left: 1.25vw;
          .word4 {
            z-index: 13;
            width: 6.67vw;
            display: block;
            overflow-wrap: break-word;
            color: rgba(153, 153, 153, 1);
            font-size: 0.83vw;
            white-space: nowrap;
            line-height: 1.15vw;
            text-align: left;
          }
        }
        .box7 {
          cursor: pointer;
          z-index: 6;
          height: 2.82vw;
          border-radius: 8px;
          background: url(./img/SketchPng85f788b6f10b3db044dedac4b03e14a76f6251621088cddf86256864c934e096.png)
            100% no-repeat;
          margin-top: 2vw;
          width: 22.04vw;
          justify-content: center;
          align-items: flex-end;
          padding-right: 9.95vw;
          .txt2 {
            z-index: 7;
            width: 1.88vw;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 0.93vw;
            font-family: PingFangSC-Medium;
            white-space: nowrap;
            line-height: 1.31vw;
            text-align: left;
          }
        }
      }
    }
  }
}