.questionnaire-edit-survey__available-questions .group{margin:auto;margin-bottom:10px}.questionnaire-edit-survey__available-questions .group-name{margin-bottom:6px;color:#5a5b5e}.questionnaire-edit-survey__available-questions .group-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.questionnaire-edit-survey__available-questions .group-item{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #e4e7ed;border-radius:5px;height:30px;background:#fff;margin:0 0 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#909399;font-size:14px}.questionnaire-edit-survey__available-questions .group-item:hover{color:#348fe4;border:2px solid #348fe4;cursor:pointer}.questionnaire-edit-survey__available-questions .group-item:hover .icon{margin-left:0}.questionnaire-edit-survey__available-questions .icon{width:26px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0 0 1px;font-size:13px}.questionnaire-edit-survey__available-questions .icon i{font-size:16px}.questionnaire-edit-survey__outline .page{margin-bottom:10px}.questionnaire-edit-survey__outline .page:last-of-type{margin:0}.questionnaire-edit-survey__outline .page-name{padding-bottom:5px;border-bottom:1px solid #e4e7ed;color:#5a5b5e}.questionnaire-edit-survey__outline .page-item{height:30px;color:#909399;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:move}.questionnaire-edit-survey__outline .page-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.questionnaire-edit-survey__outline .page-item-icon{width:20px;min-width:20px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 0 0 1px;font-size:13px}.questionnaire-edit-survey__outline i{font-size:16px}.questionnaire-edit-survey__sidebar{border-right:1px solid #dcdfe6;width:210px;min-width:210px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.questionnaire-edit-survey__sidebar .tabs{height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdfe6}.questionnaire-edit-survey__sidebar .tabs *{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:0;text-align:center;line-height:38px;height:38px;background:#fff;color:#909399;cursor:pointer}.questionnaire-edit-survey__sidebar .tabs div:first-of-type{border-right:1px solid #dcdfe6}.questionnaire-edit-survey__sidebar .tabs .active{height:39px;color:#1a1a1a;cursor:default}.questionnaire-edit-survey__sidebar .tab-area{height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:10px;overflow:auto}.questionnaire-editor__tabs{width:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:38px;min-height:38px;border-bottom:1px solid #dcdfe6;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.questionnaire-editor__tabs .tab-container{overflow:hidden;height:39px;min-height:39px}.questionnaire-editor__tabs .tab-container ul{margin:0;padding:0;list-style:none;display:inline-block;white-space:nowrap;position:relative}.questionnaire-editor__tabs .tab{display:inline-block;height:38px;line-height:38px;padding:0 15px;border-right:1px solid #dcdfe6}.questionnaire-editor__tabs .tab:last-of-type{border-right:none}.questionnaire-editor__tabs .tab.current{height:39px;background:#fff;color:#348fe4}.questionnaire-editor__tabs .tab span{line-height:1}.questionnaire-editor__tabs .tab i{color:#d3d4d4;cursor:pointer;margin-left:5px}.questionnaire-editor__tabs .tab-left,.questionnaire-editor__tabs .tab-right{width:38px;min-width:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.questionnaire-editor__tabs .tab-left{border-right:1px solid #dcdfe6}.questionnaire-editor__tabs .tab-right{border-left:1px solid #dcdfe6}.questionnaire-editor__tabs .tab-add{width:38px;min-width:38px;border-left:1px solid #dcdfe6;border-right:1px solid #dcdfe6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}input.questionnaire-editor-contenteditable{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px}.questionnaire-editor-title-area{padding:0 50px}.questionnaire-editor-title{text-align:center;margin-bottom:20px;border:1px solid transparent;font-size:24px;width:100%}.questionnaire-editor-title:hover{border-color:#348fe4}.questionnaire-editor-summary-area{padding:0 50px}.questionnaire-editor-summary{text-align:center;margin-bottom:30px;border:1px solid transparent;font-size:14px;width:100%}.questionnaire-editor-summary:hover{border-color:#348fe4}.fontawesome-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.questionnaire-editor-question-tools{position:absolute;top:0;right:0;display:none}.questionnaire-editor-question-tools .tools__item{width:40px;height:32px;font-size:16px;line-height:32px;text-align:center;cursor:pointer;color:#d3d4d4;margin-left:5px}.questionnaire-editor-question-tools .tools__item:hover{color:#348fe4}.questionnaire-editor-question{position:relative;margin:15px 0;padding:15px 0;border:1px solid transparent}.questionnaire-editor-question .el-select .el-input__inner{font-size:14px!important;padding-left:5px}.questionnaire-editor-question .el-button{font-size:14px}.questionnaire-editor-question .q-desc,.questionnaire-editor-question .q-title{margin-bottom:10px}.questionnaire-editor-question.focused,.questionnaire-editor-question:hover{border-color:#348fe4}.questionnaire-editor-question.focused .questionnaire-editor-question-tools,.questionnaire-editor-question:hover .questionnaire-editor-question-tools{display:block}.questionnaire-editor-question.focused .questionnaire-editor-question-tools i,.questionnaire-editor-question:hover .questionnaire-editor-question-tools i{cursor:pointer}.questionnaire-editor-question .q-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:50px;margin-bottom:10px}.questionnaire-editor-question .q-row:last-of-type{margin-bottom:0}.questionnaire-editor-question .q-col:last-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.questionnaire-editor-question .q-order{width:50px;text-align:right;padding-right:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.questionnaire-editor-question .w-100{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.questionnaire-editor-question .q-col:first-of-type{width:50px;-ms-flex-preferred-size:50px;flex-basis:50px;min-width:50px}.questionnaire-editor-question .q_content{margin-left:50px;padding-right:40px}.questionnaire-editor-question .option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.questionnaire-editor-question .option:last-of-type{margin-bottom:0}.questionnaire-editor-question .option .type-icon{font-size:16px;color:#909399}.questionnaire-editor-question .option .questionnaire-editor-contenteditable{margin:0 5px}.questionnaire-editor-question .option .tools{font-size:18px}.questionnaire-editor-question .option .tools i{cursor:pointer}.questionnaire-editor-question .option .tools{display:none}.questionnaire-editor-question .option .tools .fontawesome-icon{width:20px;height:20px;margin:0 0 0 8px;font-size:16px;cursor:pointer;color:#d3d4d4}.questionnaire-editor-question .option .tools .fontawesome-icon:hover{color:#348fe4}.questionnaire-editor-question .option:hover .tools{display:-webkit-box;display:-ms-flexbox;display:flex}.questionnaire-editor-question .required{color:red}.questionnaire-editor-question-dan-xuan-option .title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.questionnaire-editor-question-dan-xuan-option .score{width:120px;-ms-flex-item-align:stretch;align-self:stretch}.questionnaire-editor-question-dan-xuan-option .score.questionnaire-editor-contenteditable{margin-right:0}.questionnaire-editor-question-dan-xuan-option .option-item-content{max-width:400px;-ms-flex-preferred-size:400px;flex-basis:400px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.questionnaire-editor-question-dan-xuan-option .option-item-content .title{margin-right:0}.questionnaire-editor-question-wen-da .textarea{min-width:400px;max-width:400px;position:relative}.questionnaire-editor-question-wen-da .textarea span.tip{position:absolute;bottom:0;right:0;color:silver;padding:5px}.questionnaire-editor-question-wen-da textarea{width:100%;height:60px;resize:none;outline:none;border:1px solid #dcdfe6}.questionnaire-total-score{width:60px;height:60px;background:#67c23a;color:#fff;position:absolute;top:5px;right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px}.questionnaire-total-score span:last-child{font-size:20px;font-weight:700}.questionnaire-editor-question-da-fen .descriptions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.questionnaire-editor-question-da-fen .star{color:#d3d4d4;font-size:28px;margin-right:15px}.questionnaire-editor-question-da-fen .star:last-of-type{margin:0}.questionnaire-editor-question-da-fen .description{color:#909399}.questionnaire-editor-question-da-fen__slider{width:100%}.questionnaire-editor-question-da-fen__slider .el-slider__runway{margin-left:160px;margin-right:0}.questionnaire-editor-question-da-fen__slider .el-slider__input{float:left}.questionnaire-editor__page{padding:20px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;position:relative}.questionnaire-editor-question-da-fen-settings input[type=text],.questionnaire-editor-question-dan-xuan-settings input[type=text],.questionnaire-editor-question-wen-da-settings input[type=text]{padding-left:5px;padding-right:5px}.questionnaire-editor-settings{width:250px;min-width:250px;border-left:1px solid #dcdfe6;background:#fff;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px}.questionnaire-editor-settings .settings-container{padding:20px 10px}.questionnaire-editor-settings .settings-container>.title{font-size:18px;margin-bottom:20px}.questionnaire-editor-settings .group>.title{font-size:16px;padding:10px 0}.questionnaire-editor-settings .group .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #e4e7ed;padding:10px 0}.questionnaire-editor-settings .group .item:last-of-type{border-bottom:1px solid #e4e7ed}.questionnaire-editor-settings .group .item .title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap;margin-right:10px}.questionnaire-editor-settings .group+.group .item:first-of-type,.questionnaire-editor-settings .group .item.no-border{border-top:none}.questionnaire-editor-settings .el-select .el-input__inner{padding-left:5px;font-size:14px}.questionnaire-editor-settings .el-button--text{padding:0}.question-dialog-multi-add-option{width:500px}.question-dialog-multi-add-option .el-dialog__body{padding-top:0;padding-bottom:0}.question-dialog-multi-add-option .desc{margin-bottom:5px}.question-dialog-multi-add-option textarea{width:100%;height:100px;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;padding:5px}.question-move-dialog{width:700px}.question-move-dialog .el-dialog__body{padding-top:0;padding-bottom:0}.question-move-dialog .el-dialog__body>div{margin:10px 0}.question-move-dialog .el-dialog__body .div-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.question-move-dialog .el-dialog__body .div-flex .el-select:nth-child(2){-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 10px}.questionnaire__editor{width:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.questionnaire__editor,.questionnaire__editor .editor-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.questionnaire__editor .editor-header{height:38px;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid #dcdfe6}.questionnaire__editor .editor-header .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 3px;font-size:16px}.questionnaire__editor .editor-body{height:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.questionnaire__editor .el-icon-question{color:#909399}.questionnaire-edit__survey{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}