.serialNumber-modal{
    .head-name{
        font-size:14px;
        color: #666666;
        letter-spacing: 0;
        text-align: right;
        line-height: 14px;
    }
    .head-value{
        margin-left:16px;
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        line-height: 14px;
    }
    .serialNumber-container{
        padding-left: 16px;
        padding-right: 16px;
        .head .head-name {
          color: #000;
        }
    }
    .body{
        .mark-textarea{
          width:100%;
          height:75px;
          font-size:12px;
          margin-top:14px;
          background: #FFFFFF;
          border: 1px solid #C8C8CD;
          border-radius: 2px;
          outline:#C8C8CD;
          letter-spacing: 0;
          line-height: 25px;
          resize:none;
          padding: 2px 10px;
          color:#000;
          &::placeholder {
            color: #757575;
          }
        }
        .mark-text{
          width:100%;
          font-size:12px;
          margin-top:14px;
          background: #FFFFFF;
          border: 1px solid #C8C8CD;
          border-radius: 2px;
          outline:#C8C8CD;
          letter-spacing: 0;
          resize:none;
          padding: 2px 10px;
          color:#000;
          &::placeholder {
            color: #757575;
          }
        }
        .input-focus{
            border: 1px solid #FF8C26;
        }
        position: relative;
        span{
            position: absolute;
            bottom: 10px;
            right: 10px;
            font-size: 12px;
            color: #999999;
            letter-spacing: 0;
            line-height: 12px;
        }
    }
}