pad-Sixfamiliar/src/app/ui/water-road/water-road.component.scss

.content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.244141rem;
    overflow: hidden;
    position: relative;
    .center {
      width: 100%;
      height: 100%;
    }
    .textbox{
      position: absolute;
      z-index: 999;
      right: 0.244141rem;
      top:0.244141rem;
      .btn{
        text-align: right;
      }
    }
    .editbtn{
      text-align: center;
      position: absolute;
      right: 0.507813rem;
      bottom: 0.439453rem;
      width: 0.976563rem;
      height: 0.976563rem;
      // line-height:  0.976563rem;
      background: linear-gradient(360deg, #FC7045 0%, #FF4923 100%);
      box-shadow: 0px 2px 10px #D8A798;
      border-radius: 50%;
      opacity: 1;
      p{
        color: #fff;
      }
    }
  }


  .dialogbox{
    width: 7.441406rem;
    height: 5.761719rem;
    .title{
      span{
        font-size: 16px;
      }
    }
    .text{
      width: 97%;
      height: 3.554688rem;
      margin-top: 0.351563rem;
      background: #F4F5F9;

      border-radius: 10px;
      textarea{
        width: 100%;
        height: 100%;
      }
    }
    .btnbox{
      display: flex;
      margin-top: 0.351563rem;
      justify-content: center;
      div{
        font-size: 0.15625rem;
        width: 1.757813rem;
        height: 0.46875rem;
        line-height:  0.46875rem;
        text-align: center;
        background: #E9EAF3;
        opacity: 1;
        border-radius: 30px;
        margin: 0 10px;
      }
      div:nth-child(1){
        color: #fff;
        background: linear-gradient(337deg, #FC7045 0%, #FF4923 100%);
      }
    }
  }