.surveysuffix1059392{ font-size: 40px;}
.surveydescription1059392{ font-family: 隶书; font-size: 10pt;}
.surveyprefix1059392{ font-size: 45px; color: #39e317;}
[v-cloak]{
    display : none;}
.messageBox{
    margin: 32px 0;
    padding: 15px;
    border-radius: 6px;
    text-align: center;}
* {
  margin: 0;
  padding: 0;}
textarea {
  font-family: "微软雅黑";}
.questionnaire-form {
  color: #333;
  max-width: 1000px;
  margin: 0 auto;}
.questionnaire-form .formTitle {}
.questionnaire-form .formTitle h2 {
  font-size: 24px;
  font-weight: bold;}
.questionnaire-form .formTitle h4 {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  margin: 0;}

.questionnaire-form .form-item {
  position: relative;
  line-height: 40px;
  font-size: 14px;
  color: #606266;
  padding: 0 50px;
  margin-bottom: 15px;}
.questionnaire-form .form-item input,
.questionnaire-form .form-item textarea {
  outline: none;
  color: #333;}
.questionnaire-form .form-item input::placeholder,
.questionnaire-form .form-item textarea::placeholder {
  color: #aaa;}
.questionnaire-form .form-item .btn {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 25px;
  font-size: 14px;
  border-radius: 4px;
  vertical-align: middle;}
.questionnaire-form .form-item .btn.submite {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;}
.questionnaire-form .form-item .btn.btn-s {
  font-size: 14px;
  padding: 4px 10px;}
.questionnaire-form .form-item .form-lable {
  font-size: 14px;
  color: #999999;}
.questionnaire-form .form-item span { 
  color: red;}
.questionnaire-form .form-item .form-con {
  margin-bottom: 0px;}
.questionnaire-form .form-item .form-con input[type="text"],
.questionnaire-form .form-item .form-con select,
.questionnaire-form .form-item .form-con textarea {
  box-sizing: border-box;
  border: 1px solid #dcdfe6;
  width: calc(100% - 50px);
  height: 44px;
  line-height: 44px;
  width: 100%;
  padding: 0 15px;
  transition: border-color ease 0.2s;
  border-radius: 4px;}
.questionnaire-form .form-item .form-con input[type="text"]:focus,
.questionnaire-form .form-item .form-con select:focus,
.questionnaire-form .form-item .form-con textarea:focus {
  border-color: #1890ff;}
.questionnaire-form .form-item .form-con textarea {
  height: auto;
  padding: 5px 15px;
  line-height: 20px;
  min-height: 80px;
  overflow-y: auto;}
.questionnaire-form .form-item .form-con select option {
  padding: 5px 0;}
.questionnaire-form .form-item .form-con .radio-group,
.questionnaire-form .form-item .form-con .checkbox-group {
  border: 1px solid #e5e5e5;
  padding: 8px 10px;}
.questionnaire-form .form-item .form-con .radio-group ul,
.questionnaire-form .form-item .form-con .checkbox-group ul {
  list-style: none;}
.questionnaire-form .form-item .form-con .radio-group li,
.questionnaire-form .form-item .form-con .checkbox-group li {
  display: block;
  margin-right: 10px;
  position: relative;}
.questionnaire-form .form-item .form-con .radio-group li div,
.questionnaire-form .form-item .form-con .checkbox-group li div {}
.questionnaire-form .form-item .form-con .radio-group li div img,
.questionnaire-form .form-item .form-con .checkbox-group li div img {
     position: relative;
    left: 24px;}
.questionnaire-form .form-item .form-con .radio-group label,
.questionnaire-form .form-item .form-con .checkbox-group label {
  line-height: 32px;
  margin-right: 24px;
  cursor: pointer;}
.questionnaire-form .form-item .form-con .radio-group label .dote,
.questionnaire-form .form-item .form-con .checkbox-group label .dote {
  position: absolute;
  top: 50%;
  left: 0;
  /*margin-top: 6px;*/
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border: 1px solid #1890ff;
  transition: all ease 0.2s;}
.questionnaire-form .form-item .form-con .radio-group label input,
.questionnaire-form .form-item .form-con .checkbox-group label input {
  margin-right: 6px;
  opacity: 0;}
.questionnaire-form
  .form-item
  .form-con
  .radio-group
  label
  input:checked
  + .dote,
.questionnaire-form
  .form-item
  .form-con
  .checkbox-group
  label
  input:checked
  + .dote {
  background: #1890ff;}
.questionnaire-form .form-item .form-con .radio-group .dote {
  border-radius: 50%;}
.questionnaire-form .form-item .form-con .uploadbox {
  padding-top: 10px;}
.questionnaire-form .form-item .form-con .uploadbox .btn {
  position: relative;
  overflow: hidden;
  line-height: 30px;
  margin-right: 10px;}
.questionnaire-form .form-item .form-con .uploadbox .btn input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;}
.questionnaire-form .form-item .form-con .uploadbox .btn i {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 6px;
  width: 14px;
  height: 14px;}
.questionnaire-form .form-item .form-con .error {
  position: relative;
  top: 100%;
  font-size: 12px;
  line-height: 2;
  color: #fa3030;}
.questionnaire-form .form-item .pic-intro {
  font-size: 12px;
  color: #666;
  white-space: nowrap;}
.questionnaire-form .form-item .pic-list ul {
  list-style: none;
  padding: 0;
  margin: 0;}
.questionnaire-form .form-item .pic-list ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
  padding-left: 15px;
  line-height: 24px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  transition: all ease 0.2s;
  background: #c6e4ff;
  font-size: 12px;
  color: #666666;
  padding-right: 40px;
  margin-right: 18px;
  overflow: hidden;}
.questionnaire-form .form-item .pic-list ul li .del {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
  color: #aaa;
  cursor: pointer;
  text-align: center;
  height: 24px;
  width: 24px;
  font-size: 16px;}
.questionnaire-form .form-item .tips {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);}
.questionnaire-form .form-item .tips .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/warning.png) no-repeat;
  background-size: 100% 100%;}
.questionnaire-form .form-item .tips .content {
  position: absolute;
  right: -10px;
  bottom: 100%;
  opacity: 0;
  white-space: nowrap;
  padding: 10px 15px;
  font-size: 13px;
  background: #303133;
  border-radius: 3px;
  color: #fff;
  transition: all ease 0.3s;}
.questionnaire-form .form-item .tips .content:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 12px;
  top: 100%;
  margin-top: -1px;
  border: 5px solid transparent;
  border-top-color: #303133;}
.questionnaire-form .form-item .tips .icon:hover + .content,
.questionnaire-form .form-item .tips .icon:active + .content {
  opacity: 1;
  transform: translateY(-20px);}
.questionnaire-form .form-item.v-code input[type="text"] {
  width: calc(100% - 105px);}
.questionnaire-form .form-item.v-code img {
  vertical-align: middle;
  width: 100px;
  height: 44px;
  user-select: none;
  cursor: pointer;}
.questionnaire-form .vdp-datepicker__calendar {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%);}
.fade-enter-active,
.fade-leave-active {
  transition: all ease 0.2s;
  transform: translateY(0);}
.fade-enter,
.fade-leave-to {
  opacity: 0;
  transform: translateY(-100%);}

.fade-enter-active, .fade-leave-active {
  transition: all ease .2s;
  transform: translateY(0);}

.fade-enter, .fade-leave-to {
  opacity: 0;
  transform: translateY(-100%);}

/*add style*/
.formBox {
  background-size: cover !important;
  padding-bottom: 50px;
  padding-top: 40px;}

.questionnaire-form .formMain {
  padding-top: 80px;
  background: #fff;
  padding-bottom: 10px;
  min-height: 755px;}
.questionnaire-form .formMain h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;}

.questionnaire-form .formMain h4 {
  font-size: 14px;
  font-weight: normal;
  color: #333;
  width: 80%;
  margin: 10px auto;
  text-align: center;
  margin-bottom: 50px;}

.questionnaire-form .formTitle {
  height: 220px;
  background-size: cover !important;}

.blankInput {
    width: 80px;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0 10px;}
.moxie-shim{
    z-index:-99 !important;}
.questionnaire-form .form-item .form-con .radio-group label .dote, .questionnaire-form .form-item .form-con .checkbox-group label .dote {
    width: 12px;
    height: 12px;
    border: 1px solid #1890ff;
    transition: all ease 0.2s;
    display: inline-block;
    margin-right: 5px;}
.blankcon {
    color: #000 !important;}
.checkDiv{
        position: relative;
        left: 24px;
        bottom: 6px;}
@media screen and (max-width:500px) {
    .questionnaire-form .form-item .form-con .checkbox-group label {}
    .questionnaire-form .form-item .form-con .checkbox-group li {
        line-height: 20px !important;}
    .questionnaire-form .formTitle {
      height: 150px;}
    .formBox {
      padding-top: 0;
      padding-bottom: 0;}
    .questionnaire-form .formMain {
      padding-top: 30px;}
    .questionnaire-form .formMain h4 { 
      width: 80%;
      margin: 10px auto;}
}

.survy-title{
    font-size: 20px !important;
    color: #000 !important;
    font-weight: bold;}
.w-e-toolbar h4 {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    width: 80%;
    margin: 0px auto !important;
    text-align: center;
    margin-bottom: 0 !important;}
.w-e-toolbar span {
    color: #333 !important;}

.edui-editor-iframeholder{
    height: 120px !important;}
.el-cascader{
    width: 100%;}
.radio-input{
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    height: 24px;
    line-height: 24px;
    width: 173px;
    transition: border-color ease 0.2s;
    border-radius: 4px;
    display: inline-block;}
.radio-input input{
    width: 169px;
    opacity: 1 !important;}
.showInput{
    display:inline-block !important;}
.radio-group label{
    display:block;}
.checkbox-group li{
    line-height: 10px;}
.checkbox-group label {}
.survery-radio{
    position: relative;
    left: 23px;
    bottom: 6px;
    color: #606266 !important;}
.questionnaire-form .form-item .form-con .radio-group label input{
    display: table;}
.survey-endesc{
    font-size: 14px;
    color: #606266;
    padding: 0 50px;}
.el-cascader-node{
    float: none;}
.el-scrollbar__view{
    float: none;}
.radio-group ul, ol, li{
    float: none;}
.questionnaire-form .form-item .form-con .radio-group ul, .questionnaire-form .form-item .form-con .checkbox-group ul {
    float: none;}
.pic-list ul{
    float: none;}

@media screen and (max-width: 500px) {
   .edui-default .edui-editor-wordcount {
      text-align:left!important;}
   .edui-editor-breadcrumb {
     display: none!important;}
   .edui-editor {
     width: 100%!important;}
   .edui-editor-iframeholder {
     width: 100%!important;}
   .edui-default .edui-anchor-topleft {
     transform: scale(0.6)!important;
     margin-top: -75px;
     margin-left: -225px;}
   .radio-group img, .checkbox-group img {
     max-width: 200px;}
   #edui2 .edui-default {
     margin-left: 0;}
}
.checkbox-group li {
  overflow: hidden;}
.checkbox-group label {
  float: left;}
.messageBox img {
  max-width: 100%;}
.messageBox div {
  max-width: 100%;}

.edui-for-emotion, .edui-for-simpleupload, .edui-for-fontfamily, .edui-for-subscript, .edui-for-superscript, .edui-for-underline {
  visibility: hidden!important;
  width: 0!important;
  margin: 0!important;}

.edui-default .edui-toolbar {
   height: 30px!important;}

@media screen and (max-width: 500px) {
  .el-cascader__dropdown .el-cascader-menu {
     width: 120px!important;
     min-width: auto!important;}
  .el-cascader__dropdown {
    left:7px!important;}
  .el-cascader__dropdown .el-cascader-node{
    padding: 5px 8px!important;
    height: auto!important;
    line-height: normal!important;
    align-items: stretch;}
  .el-cascader-node__label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    white-space: normal!important;
    padding-right: 15px!important;
    -webkit-line-clamp: 2;
    word-break: break-all;}
  .el-cascader-node>.el-radio {
     padding-top: 3px;}
  .el-cascader-node__postfix {
     padding-top: 3px;}
}

.formBox {
   padding-top: 0;
   padding-bottom: 0;}