.vdr_viewpoint {
  width: 100%;
  height: 100%;
  font-family: 'MicrosoftYaHei';

  .right_menu {
    position: fixed;
    z-index: 20;
    width: 70px;
    height: 72px;
    background-color: #fff;
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    border: solid 1px #e6e8ec;

    .right_button {
      background-color: #fff;
      border: 0;
      width: 70px;
      height: 36px;
      line-height: 36px;
      font-family: SourceHanSansCN-Normal;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;

      &:hover {
        background-color: #f5f7fa;
      }
    }
  }

  .vdrviewpoint {
    border-radius: 4px;
    border: solid 1px #e6e8ec;
    background-color: #fff;

    .tree_input {
      width: calc(100% - 81px);
      padding-left: 20px;
      margin-top: 20px;
    }

    .tree_top {
      padding-top: 17px;
      width: 251px;
      height: 35px;
      font-size: 16px;
      padding-left: 21px;
    }

    .top_img {
      cursor: pointer;
      position: absolute;
      right: 20px;
    }

    .cancel_img {
      cursor: pointer;
      position: absolute;
      right: 20px;
      top: 80px;
    }

    .cancel_img {
      position: absolute;
      right: 20px;
      top: 80px;
    }

    .filtertree {
      padding-left: 20px;
      margin-top: 20px;
      height: 100%;
      //overflow: auto;

      .div_radio {
        height: 36px;

        .el-radio {
          width: 100%;
        }
      }
    }
  }
}