.wrapper{
    .tab{
        display: flex;
        list-style: none;
        margin: 10px 0px;
        padding-left: 1%;
         li {
          margin-right: 10px;
          line-height: 30px;
          height: 30px;
          width: 25%;
          text-align: center;
          border: 1px #a9aabb solid;
          border-radius: 20px;
          h3{
            font-weight: normal;
            font-size: 16px;
          }
        }
        li.selected{
            background-color: #ff5a32;
            color: #fff;
            border: 1px #f0f0f0 solid;
        }
      }
      .content{
          padding: 10px 5px;
          position: relative;
          .iconfont{
            position: absolute;
            right: 10px;
            font-size: 24px;
            top: -15px;
          }
          .contentDetail{
            margin-top: 15px;
            .contentItem{
              display: flex;
              margin-bottom: 10px;
              justify-content: space-between;
              align-items: center;
              // border-bottom: 1px #ddd solid;
              margin: 0 8px 8px 8px;
              input.form-control{
                display: inline-block;
                width: 60%;
                margin: 0 5px;
                background:none;  
                outline:none;  
                border:none;
                text-align: right;
                box-shadow: none;
              }
              
              .sexWrapper{
                display: flex;
                width: 60%;
                justify-content: flex-end;
                padding-right: 16px;
                .form-control.sex{
                  width: 20%;
                  margin-left: 5px;
                }
                .form-control.sex.sexBtn{
                  background-color: #5cb85c;
                  color: #fff;
                }
              }
            }
            .contentItem:last-child{
              border-bottom: none;
            }
          }
          .tagWrapper{
            display: flex;
            flex-wrap: wrap;
            padding-left: 8px;
            div.tagContent{
              width: 25%;
              margin: 10px 3px 0 3px;
              height: 30px;
              line-height: 30px;
              text-align: center;
              background-color: #e8e8e8;
              border-radius: 12px;
              cursor: pointer;
            }
            div.selected{
              color: #5cb85c;
              background: rgba(91, 184, 92, 0.1);
            }
          }
          
        .answerContent{
          border-bottom: 1px #ddd solid;
          margin-bottom: 5px;
          padding: 5px 0;
          .questionTitle{
            font-weight: 700;
            font-size: 13px;
          }
          .questionContent{
            font-size: 16px;
          }
        }
        .answerContent:last-child{
          border-bottom: 0;
        }
        .add{
          width: 30px;
          height: 30px;
          line-height: 30px;
          border-radius: 50%;
          text-align: center;
          border: 1px #ddd solid;
          position: absolute;
          right: 10px;
          top: -5px;
        }
        .record{
          display: flex;
          list-style: none;
          justify-content: space-between;
          li{
            width: 30%;
            text-align: center;
            height: 30px;
            line-height: 30px;
          }
        }
      }
}
