.subject[data-v-0cd55ac6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.subject .subject-title[data-v-0cd55ac6] {
    width: 100%;
}
.subject .subject-title input[data-v-0cd55ac6]:focus {
      border-bottom: 2px solid #000;
}
.subject .subject-title .input-style[data-v-0cd55ac6] {
      display: block;
      width: 100%;
      height: 30px;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.subject .subject-tools[data-v-0cd55ac6] {
    display: block;
}
.subject .subject-tools[data-v-0cd55ac6] svg {
      width: 20px;
      height: 20px;
}
.subject .subject-tools div[data-v-0cd55ac6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    height: 30px;
    border-bottom: 1px solid #d2d2d2;
}
.subject .subject-tools div .icon[data-v-0cd55ac6] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      cursor: pointer;
      padding: 2px 5px;
}
.description-style[data-v-0cd55ac6] {
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}
.tag-group[data-v-0cd55ac6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
.tag-group .tag[data-v-0cd55ac6] {
    cursor: pointer;
    color: #fff;
    background: #bdbdbd;
    margin-right: 5px;
    padding: 4px 6px;
}
.tag-group .tag span[data-v-0cd55ac6] {
      margin-left: 3px;
      vertical-align: middle;
}
.tag-group[data-v-0cd55ac6] svg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.answer[data-v-0cd55ac6] {
  display: block;
  margin-bottom: 10px;
}
.answer .basic[data-v-0cd55ac6] {
    width: 100%;
    color: #454545;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    background-color: #fff;
}
.button-group[data-v-0cd55ac6] {
  text-align: right;
}
.button-group button[data-v-0cd55ac6]:first-child {
    margin-right: 6px;
}
.underline[data-v-0cd55ac6] {
  color: #454545;
  border: none;
  border-bottom: 1px solid #d2d2d2;
}
input[data-v-0cd55ac6] {
  outline: none;
}
input[data-v-0cd55ac6]:focus {
  border-bottom: 2px solid #000;
}

.subject[data-v-b0949c92] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 10px;
}
.subject .subject-title[data-v-b0949c92] {
    width: 100%;
}
.subject .subject-title input[data-v-b0949c92]:focus {
      border-bottom: 2px solid #000;
}
.subject .subject-title .input-style[data-v-b0949c92] {
      display: block;
      width: 100%;
      height: 30px;
      padding: 6px 12px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
.subject .subject-tools[data-v-b0949c92] {
    display: block;
}
.subject .subject-tools[data-v-b0949c92] svg {
      width: 20px;
      height: 20px;
}
.subject .subject-tools div[data-v-b0949c92] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 15%;
            flex: 1 1 15%;
    height: 30px;
    border-bottom: 1px solid #d2d2d2;
}
.subject .subject-tools div .icon[data-v-b0949c92] {
      -webkit-box-flex: 1;
          -ms-flex: 1 1;
              flex: 1 1;
      cursor: pointer;
      padding: 2px 5px;
}
.description-style[data-v-b0949c92] {
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}
.tag-group[data-v-b0949c92] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
.tag-group .tag[data-v-b0949c92] {
    cursor: pointer;
    color: #fff;
    background: #bdbdbd;
    margin-right: 5px;
    padding: 4px 6px;
}
.tag-group .tag span[data-v-b0949c92] {
      margin-left: 3px;
      vertical-align: middle;
}
.tag-group[data-v-b0949c92] svg {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}
.answer[data-v-b0949c92] {
  display: block;
  margin-bottom: 10px;
}
.answer .basic[data-v-b0949c92] {
    width: 100%;
    color: #454545;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    background-color: #fff;
}
.button-group[data-v-b0949c92] {
  text-align: right;
}
.button-group button[data-v-b0949c92]:first-child {
    margin-right: 6px;
}
.underline[data-v-b0949c92] {
  color: #454545;
  border: none;
  border-bottom: 1px solid #d2d2d2;
}
input[data-v-b0949c92] {
  outline: none;
}
input[data-v-b0949c92]:focus {
  border-bottom: 2px solid #000;
}

.page[data-v-c54d9124] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 0;
}
.page .left-box[data-v-c54d9124] {
    display: block;
    width: 80%;
    height: 88vh;
    overflow-y: auto;
}
.page .left-box .seq[data-v-c54d9124] {
      cursor: default;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      float: 1 1 12%;
      margin-left: 6px;
}
.page .left-box .item[data-v-c54d9124] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      float: 1 1 100%;
      margin: 0 15px;
}
.page .right-box[data-v-c54d9124] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 20%;
    padding: 0 10px;
}
.page .right-box .type-button-group[data-v-c54d9124] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      background: #f6f6f6;
}
.page .right-box button[data-v-c54d9124] {
      border-style: dashed;
      margin: 0 40px 10px 40px;
}
.modal-body[data-v-c54d9124] {
  padding: 30px;
}
.preview-content[data-v-c54d9124] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding: 15px 30px;
}
.preview-content .preview-item[data-v-c54d9124] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5%;
            flex: 0 0 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.preview-content .flex-2[data-v-c54d9124] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 85%;
        flex-basis: 85%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.preview-content .item-title[data-v-c54d9124] {
    margin-bottom: 10px;
}
.preview-content .preview-input[data-v-c54d9124] {
    width: 100%;
    line-height: 1.6;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #bdbdbd;
    border-left: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.preview-content .preview-input[data-v-c54d9124]:focus {
    border-bottom: 1px solid #000;
}
.preview-content .preview-textarea[data-v-c54d9124] {
    width: 100%;
    line-height: 1.6;
    border: 1px solid #bdbdbd;
    padding: 5px;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px;
}
.preview-content .preview-textarea[data-v-c54d9124]:focus {
    border: 1px solid #000;
}