/* pages/reportPreview/reportPreview.wxss */
.tabs {
  display: flex;
  justify-content: space-between;
  padding-left: 168rpx;
  padding-right: 171rpx;
  padding-top: 37rpx;
  padding-bottom: 27rpx;

  .tab {
    .line {
      width: 56rpx;
      height: 5rpx;
      background: #3A61B1;
      border-radius: 2rpx;
      margin: 11rpx auto;
    }
  }
}

.logoBar {
  height: 127rpx;
  width: 100%;
  background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/9d4b35f14e084bdf979c7ef1c8e731e1:sfiOtbXMKv1bceed8e62f91b52e158f7fec2bd81665b.png');
  display: flex;
  align-items: center;
  justify-content: center;

  .logoBar_logo {
    width: 194rpx;
    height: 38rpx;
  }
}

.logoBar2 {
  width: 100%;
  height: 384rpx;
  background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/ec5a7d62161e4d3396914dc3cf74033a:附件_1660644161.png');
  background-size: cover;

  .slogan {
    width: 636rpx;
    height: 47rpx;
    padding: 39rpx 60rpx 0 54rpx;
  }

  .mechanism {
    font-size: 18rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20rpx;
    align-items: center;
    // line-height: 20rpx;
    .ws{
      word-spacing: 10rpx;
    }
    .icon_gh {
      width: 32rpx;
      height: 32rpx;
      margin-right: 15rpx;
    }

    .icon_zgfw {
      width: 33rpx;
      height: 32rpx;
      // margin-left: 27rpx;
      margin-right: 18rpx;
    }
    // .mItem {
    //   display: flex;
    //   align-items: center;

      
    // }


  }

  .description {
    font-size: 20rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #A2BAEA;
    line-height: 36rpx;
    border: 1rpx solid rgba(255, 255, 255, .52);
    padding: 20rpx 36rpx;
    margin: 24rpx 54rpx 0 54rpx;
    box-sizing: border-box;
  }
}

.certificate {
  padding: 0rpx 30rpx 150rpx 30rpx;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;

  .title {
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #494949;
    line-height: 41rpx;
    text-align: center;
    margin-top: 41rpx;
    margin-bottom: 35rpx;

    text {
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #C3C3C3;
      line-height: 41rpx;
    }
  }

  .certificate_bg {
    height: 985rpx;
    width: 100%;
    // background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/4ad640afed3c4fc6bd6996d77597cce0:组 1 拷贝 5.png');
    background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/a1a71dad25764d2fb8dad47a27d49b30:电子证书@2x.png');
    background-size: cover;
    padding: 340rpx 109rpx 142rpx 112rpx;
    box-sizing: border-box;


    .title {
      font-size: 48rpx;
      font-family: Source Han Serif CN;
      font-weight: bold;
      color: #393939;
      // line-height: 80rpx;
    }

    .info {
      font-size: 19rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #6E6E6E;

      // line-height: 69rpx;
      view {
        margin-bottom: 20rpx;
      }
    }

    .description {
      font-size: 19rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #393939;
      line-height: 34rpx;
      margin-bottom: 10rpx;
      // text-align: center;
    }

    .blockInfo {
      font-size: 15rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #6E6E6E;
      line-height: 28rpx;
      text-align: center;

      .time-box {
        display: flex;
        justify-content: space-between;
      }

      .blockchain {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }

      .blockchain-number {
        width: 400rpx;
        word-break: break-all;
        text-align: left;
      }

      .blur {
        filter: blur(1px);
      }
    }

    .bottom {
      display: flex;
      justify-content: space-between;
      // align-items: flex-end;
      margin-top: 40rpx;

      .qr {
        font-size: 13rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #6E6E6E;
        line-height: 20rpx;
        display: flex;
        align-items: flex-end;

        .scanTip {
          margin-left: 20rpx;
        }

        .myQrcode {
          width: 150rpx;
          height: 150rpx;
        }
      }

      .icon_zhang {
        width: 163rpx;
        height: 163rpx;
      }
    }

  }

  .example {
    text-align: center;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 700;
    color: #d60000;
    // line-height: 20rpx;
  }

  .qrBox {
    width: 429rpx;
    height: 546rpx;
    background: url('https://chrivc.obs.cn-north-4.myhuaweicloud.com/cab0fd6a9335480bbc882968f5a356f4:组 1 拷贝 6.png');
    // background-size: 100% 100%;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 165rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    // margin-bottom: 45rpx;

    .title {
      display: flex;
      align-items: center;
      font-size: 48rpx;
      font-family: Source Han Serif CN;
      font-weight: bold;
      color: #3A61B1;
      line-height: 85rpx;

      image {
        width: 42rpx;
        height: 43rpx;
        margin-right: 20rpx;
      }
    }

    .subTitle {
      font-size: 23rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #3A61B1;
      line-height: 41rpx;
    }

    .qrBox_bg {
      width: 293rpx;
      height: 293rpx;
      border-radius: 10px;
      background-color: #fff;
      // margin-top: 38rpx;
      padding: 20rpx;
      box-sizing: border-box;
      margin-top: 10rpx;

      image {
        width: 100%;
        height: 100%;
      }
    }
  }



  // qrbg
  // https://chrivc.obs.cn-north-4.myhuaweicloud.com/62f4eda34e5649af9048287e402f473a:3jOaUKY2SALiec5a608f7c9ddfe5e35747c2cbe61754.png
}

.report {
  padding: 28rpx 30rpx 0rpx 30rpx;

  .topTitleLayout {
    // background: rgba(236, 238, 243, 0.46);
    // border: 1px solid #F3F5F8;
    text-align: center;
    padding: 35rpx 0 37rpx;
    // margin-bottom: 37rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .line {
      background: #ECEEF3;
      border: 1px solid #F3F5F8;
      width: 130rpx;
      height: 9rpx;
    }

    .title {
      font-size: 40rpx;
      font-family: PingFang SC;
      font-weight: bold;
      color: #3A61B1;
      margin-bottom: 17rpx;
      // line-height: 50px;
      padding-left: 46rpx;
      padding-right: 46rpx;
    }

    .date {
      font-size: 22rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #838383;
    }
  }

  .topTip {
    font-size: 20rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #647295;
    line-height: 34rpx;

    text {
      font-weight: 600;
      color: #2B4585;
    }
  }

  .icon_source {
    width: 21rpx;
    height: 21rpx;
    margin-right: 10rpx;
  }

  .sourceList {
    margin-top: 28rpx;

    .sourceItem {
      margin-bottom: 33rpx;
      font-size: 22rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #838383;

      &:last-child {
        margin-bottom: 0;
      }
    }

  }

  .toolbar {
    // border-bottom: 23rpx solid #F3F5F8;
    margin-top: 40rpx;
    background: #F3F5F8;
    padding: 28rpx;
    // padding: 8rpx;

    .switchLayout {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #494949;

      .switchShow {
        background: #737373 !important;

        text {
          width: 32rpx;
          height: 32rpx;
          border-radius: 16rpx;
          background: #FFFFFF;
          position: relative;
          left: 6rpx;
          transition: all .5s;
        }

        .show {
          left: 40rpx;
        }
      }

      .switch {
        width: 80rpx;
        height: 40rpx;
        background: #D1DEF9;
        border-radius: 22rpx;
        display: flex;
        align-items: center;
        margin-right: 24rpx;

        text {
          width: 32rpx;
          height: 32rpx;
          border-radius: 16rpx;
          background: #FFFFFF;
          position: relative;
          left: 6rpx;
          transition: all .5s;
        }

        .show {
          left: 44rpx;
        }
      }
    }
  }

  .item_icon {
    width: 65rpx;
    height: 65rpx;
    margin-right: 37rpx;
  }

  .fold {
    width: 25rpx;
    height: 14rpx;
    flex-shrink: 0;
    transform: rotate(180deg);
  }

  .unfold {
    width: 25rpx;
    height: 14rpx;
    flex-shrink: 0;
  }

  .list {
    .item {
      padding: 45rpx 0 44rpx 0;
      border-bottom: 3px solid #F3F5F8;

      &:last-child {
        border-bottom: 0;
      }

      .value {
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #494949;
        margin-bottom: 19rpx;
        display: flex;
      }

      .item_panel {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .item_title {
          flex: 1;
          display: flex;
          justify-content: space-between;
          align-items: center;

          text {
            font-size: 34rpx;
            font-family: PingFang SC;
            font-weight: bold;
            color: #282828;
            line-height: 50rpx;
          }
        }
      }

      .item_content {
        .flex {
          display: flex;
          align-items: baseline;
        }

        .value_item {
          margin-top: 51rpx;
          font-size: 28rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #282828;
          line-height: 50rpx;
          display: flex;



          .valueList {
            .valueItem {
              margin-bottom: 45rpx;
              font-size: 28rpx;
              font-family: PingFang SC;
              font-weight: 500;
              color: #494949;
              display: flex;

              &:last-child {
                margin-bottom: 0;
              }
            }
          }
        }

        .addressList {
          .addressItem {
            margin-top: 31rpx;

            // &:last-child{
            //   margin-bottom: 0;
            // }


            .source {
              font-size: 20rpx;
              font-family: PingFang SC;
              font-weight: 500;
              color: #C3C3C3;
            }
          }
        }
      }
    }
  }
}

.footer {
  padding: 50rpx 0 120rpx 0;

  .reportCreateDate {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35rpx;

    .line {
      width: 50rpx;
      height: 1px;
      background: #D3D3D3;
    }

    .text {
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #838383;
      margin: 0 17rpx 0 17rpx;
    }
  }

  .foot_logobar {
    height: 74rpx;
    width: 100%;
  }

  .topbar {
    background: rgba(58, 97, 177, .25);
    width: 100%;
    height: 74rpx;
    padding: 0 -30rpx 0 -30rpx;
  }

  .title {
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #000000;
    margin: 50rpx 60rpx 25rpx 50rpx;

    .icon_warning {
      width: 20rpx;
      height: 20rpx;
      margin-right: 8rpx;
    }
  }

  .content {
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #838383;
    line-height: 36rpx;
    opacity: 0.61;
    padding: 0 60rpx 0 50rpx;


    view {
      margin-bottom: 29rpx;
    }
  }
}



.gray {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #838383;
  line-height: 42rpx;
}

.eduList {
  padding: 0 15rpx 0 21rpx;

  .eduItem {
    margin-top: 47rpx;

    .eduTitle {
      .eduName {
        display: flex;
        align-items: center;
        font-size: 32rpx;
        font-family: PingFang SC;
        font-weight: bold;
        color: #282828;
      }

      .eduDate {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 500;
        color: #838383;
        margin-top: 21rpx;
      }
    }

    .infos {
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #494949;
      line-height: 30px;
      margin-top: 30rpx;

      text {
        border-right: 2px solid #E5E5E6;
        padding-right: 10rpx;
        padding-left: 10rpx;

        &:last-child {
          border-right: 0;
          padding-right: 0;
        }

        &:first-child {
          padding-left: 0;
        }
      }
    }

    .classInfo {
      font-size: 26rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #494949;
      line-height: 30rpx;
      margin-top: 35rpx;
      margin-bottom: 41rpx;
    }

  }
}

.eventList {

  .eventItem {
    display: flex;
    position: relative;
    padding-left: 30rpx;
    justify-content: space-between;
    align-items: flex-start;

    &:not(:first-child) {
      padding-top: 62rpx;
    }

    &::before {
      content: '';
      width: 10rpx;
      height: 10rpx;
      background: #3A61B1;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 74rpx;
      z-index: 1;
    }

    &::after {
      content: '';
      border: 2rpx solid #EAEAEA;
      position: absolute;
      left: 2rpx;
      top: 0;
      z-index: 0;
      height: calc(100% - 0rpx);
    }

    &:first-child {
      &::before {
        content: '';
        width: 10rpx;
        height: 10rpx;
        background: #3A61B1;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 10rpx;
      }

      &::after {
        content: '';
        border: 2rpx solid #EAEAEA;
        position: absolute;
        left: 2rpx;
        top: 20rpx;
        height: calc(100% - 24rpx);
      }

    }

    .eventDate {
      margin-bottom: 21rpx;
    }


  }
}



.eventTitle {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #282828;
  line-height: 50rpx;
  margin-top: 49rpx;
  margin-bottom: 44rpx;
}

.fileBox {
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C3C3C3;
  line-height: 30rpx;

  .icon_file {
    width: 36rpx;
    height: 36rpx;
    margin-right: 9rpx;
  }
}

// .mt35{
//   margin-top: 35rpx;
// }
.mt41 {
  margin-top: 41rpx;
}

.mb28 {
  margin-bottom: 28rpx;
}

.mt30 {
  margin-top: 30rpx;
}

.btnLayout {
  // margin-top: 45rpx;
  margin-bottom: 52rpx;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 2;
}

.fixed {
  position: fixed;
  right: 30rpx;
  bottom: 20%;
  font-size: 22rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #C3C3C3;
  line-height: 30px;

  .toggleAll {
    width: 90rpx;
    height: 90rpx;
    border-radius: 16rpx;
    border: 2rpx solid rgba(180, 180, 180, .7);
    margin-bottom: 15rpx;
    box-sizing: border-box;
    padding: 20rpx;
    line-height: 28rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }

  .goTop {
    width: 90rpx;
    height: 90rpx;
    border-radius: 16rpx;
    border: 2rpx solid rgba(180, 180, 180, .7);
    box-sizing: border-box;
    line-height: 28rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: column;

    .icon_top {
      width: 21rpx;
      height: 26rpx;
    }
  }
}

.canvas {
  position: fixed;
  opacity: 0;
  left: 200%;
  top: 200%;
  z-index: -10;

  &.card {
    width: 253px;
    height: 253px;
  }

  &.myQrcode {
    width: 105px;
    height: 105px;
  }
}

.bottom-fill {
  height: 225rpx;
}

.bottom-container {
  height: 225rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0 20rpx #CCCCCC;
  background: #fff;

  .btn-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 22rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #8D8D8D;
    background: #fff;
    margin: 0;
    padding: 0;
    width: 154rpx;
    // height: 152rpx;
    

    text {
      font-size: 20rpx;
    }

    image {
      width: 92rpx;
      height: 92rpx;
      margin-bottom: 12rpx;
    }
  }
}

.drainage {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 40rpx;
  left: 50%;
  right: 50%;
}