@charset "UTF-8";
/*
  ft: font

*/
sub[data-v-0311b94c],
sup[data-v-0311b94c] {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup[data-v-0311b94c] {
  top: -0.5em;
}
sub[data-v-0311b94c] {
  bottom: -0.25em;
}
.shu[data-v-0311b94c], .skillDetail .application .contPop ul li .ipt .sendout[data-v-0311b94c]::before {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.14);
  margin: -2px 10px;
}
.skillDetail .application .contPop ul li .ipt .sendout[data-v-0311b94c] {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/*
	多行省略号
*/
/*
	字体颜色 大小 粗细 默认
*/
/*
	flex 布局
*/
.css1.el-tooltip__popper.is-dark[data-v-0311b94c] {
  background: #ffffff;
  box-shadow: 1px 0px 13px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding: 14px 20px;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-0311b94c] {
    border-top-color: #f5f5f5;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-0311b94c]::after {
      bottom: 1px;
      margin-left: -5px;
      border-top-color: #fff;
      border-bottom-width: 0;
}
.el-tooltip__popper.is-dark[data-v-0311b94c] {
  max-width: 800px;
}
.skillDetail[data-v-0311b94c] {
  width: 100%;
  height: auto;
  display: flex;
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  /* 老版本语法: Firefox (buggy) */
  /* 混合版本语法: IE 10 */
  display: -webkit-flex;
  /* 新版本语法: Chrome 21+ */
  flex-direction: column;
}
.skillDetail .centerCss[data-v-0311b94c] {
    width: 1200px;
    margin: 0 auto;
}
.skillDetail .curPostion[data-v-0311b94c] {
    padding: 22px 0;
}
.skillDetail .cont[data-v-0311b94c] {
    box-sizing: border-box;
    padding: 20px 30px 20px 20px;
    background: #ffffff;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.skillDetail .cont .sessonImg[data-v-0311b94c] {
      width: 400px;
      height: 225px;
      -o-object-fit: contain;
         object-fit: contain;
      background: #fbfbfb;
      border-radius: 4px;
      margin: 0 !important;
}
.skillDetail .cont .word[data-v-0311b94c] {
      width: 720px;
}
.skillDetail .cont .word .title[data-v-0311b94c] {
        height: 48px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
}
.skillDetail .cont .word .title h1[data-v-0311b94c] {
          height: 28px;
          width: 600px;
          font-size: 22px;
          font-weight: bold;
          line-height: 28px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
}
.skillDetail .cont .word .title .follow[data-v-0311b94c] {
          cursor: pointer;
          font-size: 20px;
          font-weight: normal;
          line-height: 28px;
          color: #999;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
}
.skillDetail .cont .word .title .follow button[data-v-0311b94c] {
            display: flex;
            background: white;
            border: 0px;
            font-size: 20px;
            color: #999;
            font-weight: bold;
}
.skillDetail .cont .word .title .follow img[data-v-0311b94c] {
            width: 20px;
            height: 20px;
            padding-right: 10px;
}
.skillDetail .cont .word .title .follow .iconfont[data-v-0311b94c] {
            width: 20px;
            height: 20px;
            padding-right: 10px;
            font-size: 19px;
            font-weight: normal;
            line-height: 28px;
            color: #999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
}
.skillDetail .cont .word .smallTit[data-v-0311b94c] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
}
.skillDetail .cont .word .smallTit span[data-v-0311b94c] {
          padding: 0 10px;
          height: 30px;
          background: #f7f7f7;
          border-radius: 15px 15px 15px 0px;
          font-size: 16px;
          font-weight: normal;
          line-height: 30px;
          color: #666666;
          margin-right: 10px;
}
.skillDetail .cont .word .classMode[data-v-0311b94c] {
        display: flex;
}
.skillDetail .cont .word .classMode .h1Css[data-v-0311b94c] {
          font-size: 18px;
          font-weight: normal;
          line-height: 29px;
          color: #666666;
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-wrap: wrap;
}
.skillDetail .cont .word .classMode span[data-v-0311b94c] {
          height: 29px;
          font-size: 18px;
          font-weight: normal;
          line-height: 29px;
          color: #666666;
}
.skillDetail .cont .word .classMode span[data-v-0311b94c]::after {
            content: '';
            display: inline-block;
            width: 100%;
}
.skillDetail .cont .word .searchList[data-v-0311b94c] {
        width: 720px;
        background: #fff;
        padding: 14px 0;
}
.skillDetail .cont .word .searchList .type[data-v-0311b94c] {
          padding-bottom: 6px;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          flex-wrap: wrap;
}
.skillDetail .cont .word .searchList .type .h1Css[data-v-0311b94c] {
            font-size: 18px;
            font-weight: normal;
            line-height: 29px;
            color: #666666;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
}
.skillDetail .cont .word .searchList .type .h1Css span[data-v-0311b94c] {
              width: 74px;
              height: 29px;
              display: inline-block;
              text-align: justify;
}
.skillDetail .cont .word .searchList .type .h1Css span[data-v-0311b94c]::after {
                content: '';
                display: inline-block;
                width: 100%;
}
.skillDetail .cont .word .searchList .type .mechanismH1[data-v-0311b94c] {
            line-height: 34px;
}
.skillDetail .cont .word .searchList .type .mechanismH1 span[data-v-0311b94c] {
              height: 32px;
}
.skillDetail .cont .word .searchList .type .items[data-v-0311b94c] {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            width: 620px;
}
.skillDetail .cont .word .searchList .type .items .city[data-v-0311b94c]::after {
              content: '、';
}
.skillDetail .cont .word .searchList .type .items .hover[data-v-0311b94c] {
              color: #f3493b;
}
.skillDetail .cont .word .searchList .type .items .all[data-v-0311b94c] {
              color: #999;
              width: 550px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
}
.skillDetail .cont .word .searchList .type .items .all span[data-v-0311b94c] {
                font-size: 18px;
                font-weight: normal;
                line-height: 29px;
                color: #666666;
}
.skillDetail .cont .word .searchList .type .items .sessonName span[data-v-0311b94c] {
              font-size: 18px;
              font-weight: normal;
              line-height: 29px;
              color: #666666;
              text-decoration: underline;
              margin-right: 16px;
              cursor: pointer;
}
.skillDetail .cont .word .searchList .type .items .sessonName span[data-v-0311b94c]:hover {
                color: #f3493b;
}
.skillDetail .cont .word .searchList .type .items .mechanism span[data-v-0311b94c] {
              display: inline-block;
              height: 32px;
              font-size: 18px;
              font-weight: normal;
              line-height: 32px;
              color: #333333;
              padding: 0 20px;
              border-radius: 4px;
              border: 1px solid #d9d9d9;
              margin-right: 10px;
              margin-bottom: 10px;
              cursor: pointer;
}
.skillDetail .cont .word .searchList .type .items .mechanism .hover[data-v-0311b94c] {
              border-color: #f3493b;
              position: relative;
              color: #f3493b;
              font-weight: bold;
}
.skillDetail .cont .word .searchList .type .items .mechanism .hover i[data-v-0311b94c] {
                position: absolute;
                right: -1px;
                bottom: 0;
                border-radius: 0 4px 0 0;
                width: 0;
                height: 0;
                border-left: 9px solid transparent;
                border-right: 9px solid #f3493b;
                border-top: 9px solid #f3493b;
                border-bottom: 9px solid transparent;
                transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                /* IE 9 */
                -moz-transform: rotate(90deg);
                /* Firefox */
                -webkit-transform: rotate(90deg);
                /* Safari 和 Chrome */
                -o-transform: rotate(90deg);
                /* Opera */
}
.skillDetail .cont .word .searchList .type .items .triangle[data-v-0311b94c] {
              font-size: 16px;
              font-weight: normal;
              line-height: 22px;
              color: #999;
              cursor: pointer;
              display: flex;
              justify-content: flex-start;
              align-items: center;
              flex-wrap: wrap;
}
.skillDetail .cont .word .searchList .type .items .triangle img[data-v-0311b94c],
              .skillDetail .cont .word .searchList .type .items .triangle .iconfont[data-v-0311b94c] {
                width: 14px;
                height: 14px;
                margin-left: 4px;
                font-size: 14px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: nowrap;
}
.skillDetail .cont .word .searchList .btn[data-v-0311b94c] {
          padding-top: 10px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
}
.skillDetail .cont .word .searchList .btn h1[data-v-0311b94c] {
            width: 160px;
            height: 40px;
            text-align: center;
            border-radius: 4px;
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
            color: #fff;
            margin-right: 30px;
            cursor: pointer;
}
.skillDetail .cont .word .searchList .btn .ljbm[data-v-0311b94c] {
            background: #f3493b;
}
.skillDetail .cont .word .searchList .btn .ljbm[data-v-0311b94c]:hover {
              background: #da4134;
}
.skillDetail .cont .word .searchList .btn .ybm[data-v-0311b94c] {
            background: #9b9b9b;
}
.skillDetail .cont .word .searchList .btn .ljzf[data-v-0311b94c] {
            background: #16ce9a;
}
.skillDetail .cont .word .searchList .btn .ljzf[data-v-0311b94c]:hover {
              background: #13b88a;
}
.skillDetail .cont .word .searchList .btn .yzf[data-v-0311b94c] {
            background: #9b9b9b;
}
.skillDetail .cont .word .searchList .btn .mr[data-v-0311b94c] {
            background: #fff;
}
.skillDetail .cont .word .searchList .btn .iconfont[data-v-0311b94c] {
            width: 16px;
            height: 16px;
            font-size: 16px;
            padding-right: 10px;
            color: #999999;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-wrap: nowrap;
}
.skillDetail .cont .word .searchList .btn h2[data-v-0311b94c] {
            cursor: pointer;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            font-size: 16px;
            font-weight: normal;
            line-height: 40px;
            color: #999;
}
.skillDetail .cont .word .searchList .btn h2[data-v-0311b94c]:hover {
              color: #f3493b;
              font-weight: bold;
}
.skillDetail .cont .word .searchList .btn h2:hover .iconfont[data-v-0311b94c] {
                color: #f3493b;
                font-weight: normal;
}
.skillDetail .cont .word .searchList .pos[data-v-0311b94c] {
          position: relative;
}
.skillDetail .cont .word .searchList .pos .items[data-v-0311b94c] {
            padding: 16px 30px 16px 20px;
            position: absolute;
            left: 80px;
            top: -16px;
            background: #ffffff;
            box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
            border-radius: 4px;
            z-index: 1;
}
.skillDetail .content[data-v-0311b94c] {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.skillDetail .content .detail[data-v-0311b94c] {
      width: 880px;
      background: #fff;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      margin-bottom: 30px;
}
.skillDetail .content .detail .tab[data-v-0311b94c] {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 22px 30px 0 30px;
        margin-bottom: 22px;
}
.skillDetail .content .detail .tab li[data-v-0311b94c] {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          flex-direction: column;
          margin-right: 40px;
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          color: #999;
          cursor: pointer;
}
.skillDetail .content .detail .tab li[data-v-0311b94c]:hover {
            color: #333;
}
.skillDetail .content .detail .tab .hover[data-v-0311b94c] {
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          color: #333333;
}
.skillDetail .content .detail .tab .hover[data-v-0311b94c]::after {
            content: '';
            display: inline-block;
            width: 26px;
            height: 3px;
            background: #f3493b;
            border-radius: 2px;
            margin-top: 6px;
}
.skillDetail .content .detail .info[data-v-0311b94c] {
        padding: 0 30px 20px 30px;
        width: calc(100% - 60px);
}
.skillDetail .content .detail .info .text[data-v-0311b94c] {
          margin: 0 auto;
}
.skillDetail .content .detail .info[data-v-0311b94c] pre {
          white-space: pre-wrap;
          word-wrap: break-word;
          margin: 5px 0 !important;
          font-size: 14px;
          font-weight: 400;
          line-height: 2;
          color: #333;
}
.skillDetail .content .detail .info[data-v-0311b94c] img {
          max-width: 100% !important;
          height: auto !important;
          float: none !important;
}
.skillDetail .content .detail .info[data-v-0311b94c] p {
          margin: 5px 0 !important;
          font-size: 14px;
          font-weight: 400;
          line-height: 2;
          color: #333;
}
.skillDetail .content .detail .info[data-v-0311b94c] div {
          margin: 5px 0 !important;
          font-size: 14px;
          font-weight: 400;
          line-height: 2;
          color: #333;
}
.skillDetail .content .about[data-v-0311b94c] {
      width: 300px;
}
.skillDetail .content .about .tit[data-v-0311b94c] {
        border-radius: 4px 4px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 22px 20px 16px;
        border-bottom: 1px solid #ededed;
        background: #fff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}
.skillDetail .content .about .tit h1[data-v-0311b94c] {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          font-size: 18px;
          font-weight: bold;
          line-height: 24px;
          color: #333333;
}
.skillDetail .content .about .tit h1[data-v-0311b94c]::before {
            content: '';
            display: block;
            width: 3px;
            height: 16px;
            background: #f3493b;
            border-radius: 2px;
            margin-right: 10px;
            margin-top: 2px;
}
.skillDetail .content .about .tit h2[data-v-0311b94c] {
          font-size: 16px;
          font-weight: normal;
          line-height: 22px;
          color: #999;
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
}
.skillDetail .content .about .tit h2 .iconfont[data-v-0311b94c] {
            display: inline-block;
            width: 6px;
            height: 12px;
            font-size: 12px;
            color: #999999;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: nowrap;
            margin-left: 6px;
}
.skillDetail .content .about .tit h2[data-v-0311b94c]:hover {
            color: #f3493b;
}
.skillDetail .content .about .tit h2:hover .iconfont[data-v-0311b94c] {
              color: #f3493b;
}
.skillDetail .content .about .list[data-v-0311b94c] {
        width: 100%;
        background: #ffffff;
        border-radius: 0px 0px 4px 4px;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
        margin-bottom: 20px;
}
.skillDetail .content .about .list .image[data-v-0311b94c] {
          cursor: pointer;
          padding: 20px 20px 16px;
          width: calc(100% - 40px);
          display: inline-block;
}
.skillDetail .content .about .list .image:hover h1[data-v-0311b94c] {
            color: #f3493b;
}
.skillDetail .content .about .list .image img[data-v-0311b94c] {
            float: left;
            display: block;
            width: 94px;
            height: 53px;
            border-radius: 4px;
            -o-object-fit: contain;
               object-fit: contain;
}
.skillDetail .content .about .list .image h1[data-v-0311b94c] {
            float: right;
            display: block;
            width: 150px;
            height: 26px;
            font-size: 16px;
            font-weight: bold;
            line-height: 26px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}
.skillDetail .content .about .list .image ul[data-v-0311b94c] {
            float: right;
            display: block;
            margin-top: 4px;
            width: 150px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 20px;
            overflow: hidden;
}
.skillDetail .content .about .list .image ul li[data-v-0311b94c] {
              padding: 0 10px;
              height: 20px;
              background: #f7f7f7;
              border-radius: 10px 10px 10px 0px;
              font-size: 12px;
              font-weight: normal;
              line-height: 20px;
              color: #666;
              margin-right: 6px;
}
.skillDetail .content .about .list .bot[data-v-0311b94c] {
          width: 300px;
          height: 40px;
          background: #fbfbfb;
}
.skillDetail .content .about .list .bot h1[data-v-0311b94c] {
            font-size: 12px;
            font-weight: normal;
            line-height: 40px;
            color: #666;
            margin-left: 20px;
            float: left;
}
.skillDetail .content .about .list .bot h2[data-v-0311b94c] {
            font-size: 14px;
            font-weight: bold;
            line-height: 40px;
            color: #f3493b;
            margin-right: 20px;
            cursor: pointer;
            float: right;
}
.skillDetail .content .about .list .bot h2[data-v-0311b94c]:hover {
              color: #da4134;
}
.skillDetail .content .about .borderR[data-v-0311b94c] {
        border-radius: 4px;
}
.skillDetail .application[data-v-0311b94c] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 60;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.skillDetail .application .contPop[data-v-0311b94c] {
      width: 627px;
      background: #ffffff;
      border-radius: 4px;
}
.skillDetail .application .contPop h1[data-v-0311b94c] {
        height: 24px;
        padding: 28px 40px 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 18px;
        font-weight: bold;
        line-height: 24px;
        color: #333333;
        border-bottom: 1px solid #ededed;
}
.skillDetail .application .contPop ul[data-v-0311b94c] {
        padding: 22px 40px 0 40px;
}
.skillDetail .application .contPop ul li[data-v-0311b94c] {
          padding-bottom: 16px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
}
.skillDetail .application .contPop ul li h2[data-v-0311b94c] {
            text-align: right;
            font-size: 14px;
            font-weight: bold;
            line-height: 24px;
            color: #333333;
            width: 57px;
}
.skillDetail .application .contPop ul li h2[data-v-0311b94c]::before {
              padding-right: 6px;
              content: '*';
              font-size: 14px;
              font-weight: normal;
              line-height: 24px;
              color: #f3493b;
}
.skillDetail .application .contPop ul li h3[data-v-0311b94c] {
            font-size: 14px;
            font-weight: bold;
            line-height: 24px;
            color: #333333;
            text-align: right;
}
.skillDetail .application .contPop ul li .baseIpt[data-v-0311b94c] {
            width: 440px;
            height: 40px;
            background: #ffffff;
            border-radius: 4px;
            border: 1px solid #d9d9d9;
            background: none;
            outline: none;
            font-size: 14px;
}
.skillDetail .application .contPop ul li .baseIpt[data-v-0311b94c]:focus, .skillDetail .application .contPop ul li .baseIpt[data-v-0311b94c]:active {
              border-color: #f3493b !important;
}
.skillDetail .application .contPop ul li .iptBox[data-v-0311b94c] {
            text-indent: 16px;
}
.skillDetail .application .contPop ul li #ic[data-v-0311b94c] {
            height: 44px;
            position: relative;
            width: 440px;
            left: 107px;
}
.skillDetail .application .contPop ul li .ipt[data-v-0311b94c] {
            position: relative;
            left: 107px;
            width: 440px;
}
.skillDetail .application .contPop ul li .ipt .icon[data-v-0311b94c] {
              position: absolute;
              top: 13px;
              left: 13px;
              width: 18px;
}
.skillDetail .application .contPop ul li .ipt .iconfont[data-v-0311b94c] {
              font-size: 18px;
              font-weight: normal;
              line-height: 20px;
              color: #e3e3e3;
              position: absolute;
              top: 12px;
              left: 13px;
}
.skillDetail .application .contPop ul li .ipt .codeIcon[data-v-0311b94c] {
              top: 13px;
}
.skillDetail .application .contPop ul li .ipt input[data-v-0311b94c] {
              box-sizing: border-box;
              padding: 13px 0 13px 45px;
              background: #fff;
              border-radius: 4px;
              width: 100%;
              font-size: 14px;
              border: 1px solid #e3e3e3;
}
.skillDetail .application .contPop ul li .ipt input.active[data-v-0311b94c] {
                border: 1px solid #f3493b;
}
.skillDetail .application .contPop ul li .ipt input[data-v-0311b94c]::-webkit-input-placeholder {
              /* WebKit browsers 适配谷歌 */
              color: #999;
}
.skillDetail .application .contPop ul li .ipt input[data-v-0311b94c]:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 适配火狐 */
              color: #999;
}
.skillDetail .application .contPop ul li .ipt input[data-v-0311b94c]::-moz-placeholder {
              /* Mozilla Firefox 19+ 适配火狐 */
              color: #999;
}
.skillDetail .application .contPop ul li .ipt input[data-v-0311b94c]:-ms-input-placeholder {
              /* Internet Explorer 10+  适配ie*/
              color: #999;
}
.skillDetail .application .contPop ul li .ipt .sendout[data-v-0311b94c] {
              position: absolute;
              right: 0;
              top: 0;
              height: 100%;
              font-size: 14px;
              font-weight: normal;
              line-height: 46px;
              color: #666;
              cursor: pointer;
              width: 96px;
              text-align: center;
}
.skillDetail .application .contPop ul li .ipt .sendout[data-v-0311b94c]::before {
                margin-left: 0;
}
.skillDetail .application .contPop ul li .ipt .sendout.start[data-v-0311b94c] {
                color: #ea4435;
}
.skillDetail .application .contPop ul li .errorMsg[data-v-0311b94c] {
            margin-left: 110px;
            margin-top: 10px;
            height: 20px;
            text-align: right;
            font-size: 12px;
            font-weight: normal;
            line-height: 20px;
            color: #f3493b;
}
.skillDetail .application .contPop .btn[data-v-0311b94c] {
        margin: 14px 40px 20px 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
}
.skillDetail .application .contPop .btn h2[data-v-0311b94c],
        .skillDetail .application .contPop .btn h3[data-v-0311b94c] {
          width: 160px;
          height: 40px;
          border-radius: 4px;
          text-align: center;
          cursor: pointer;
}
.skillDetail .application .contPop .btn h2[data-v-0311b94c] {
          background: #e7e7e7;
          font-size: 16px;
          font-weight: normal;
          line-height: 40px;
          color: #666;
          margin-right: 20px;
}
.skillDetail .application .contPop .btn h2[data-v-0311b94c]:hover {
            background: #9b9b9b;
            color: #f6f6f6;
}
.skillDetail .application .contPop .btn h3[data-v-0311b94c] {
          background: #f3493b;
          font-size: 16px;
          font-weight: bold;
          line-height: 40px;
          color: #fff;
}
.skillDetail .application .contPop .btn h3[data-v-0311b94c]:hover {
            background: #da4134;
}
.skillDetail .classChapter[data-v-0311b94c] {
    padding: 0 30px 20px;
}
.skillDetail .classChapter .chapter h1[data-v-0311b94c] {
      height: 22px;
      font-size: 16px;
      color: #2e2e2e;
      line-height: 22px;
      display: block;
      margin-top: 20px;
      margin-bottom: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}
.skillDetail .classChapter .chapter .section[data-v-0311b94c] {
      cursor: pointer;
      height: 40px;
      padding: 0 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
}
.skillDetail .classChapter .chapter .section[data-v-0311b94c]:hover {
        height: 40px;
        background: #fff3f3;
        border-radius: 4px;
}
.skillDetail .classChapter .chapter .section:hover .left .non-living[data-v-0311b94c] {
          color: #f3493b;
}
.skillDetail .classChapter .chapter .section:hover .left .tit[data-v-0311b94c],
        .skillDetail .classChapter .chapter .section:hover .left .tit i[data-v-0311b94c] {
          color: #f3493b;
}
.skillDetail .classChapter .chapter .section:hover .btn[data-v-0311b94c] {
          background: #f3493b;
}
.skillDetail .classChapter .chapter .section:hover .zbIcon[data-v-0311b94c] {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAAAm5JREFUWEfN1z1oE2EYB/D/E5NazPkBohZrEXVQEHRqll4lBBHzhShkcNFBKLgpWsVFbnAoWqwuDunSzVEQTUUqim0HURB0cXERVBTscpegSe79y6VNiclFcpekzY338by/e5/3nvc5QY8d0mMeCA0jkH8zd5ngRQAHugkUkS8kZ7Shw7ckmy25jSVWXL9CcLKbkPrYgsCkNjs/7goyE/pnkPu7BRLIb4JFAFtWxxCY2tOFrSLCBqwZH2k42SmcAO/DG0MxhHYUrPz3hyDPrMbuD+/a/Oj5zzUGBa5rs/O3nUHzydGkUupJFSCh/gHt8YsfawsSeRaOHE+KYSgrPjpFqEvNQBwbCzkLXTylTGAK8A6UCMFwS6kVfBLCJDBce391hsykngExIcRuCq56AolsOKLlXn+0EtEBsJwlmG4J5XJTIBiM0LZvkkzVXF5qGSSCr1pucU9tbCuun6PgPshtXmEiKJLo872GnKKm5Rb21gcopGKDShWnSca9otzrUIuffTNQNWg+OXJBKdz9p974EHpImfsM1Y5ZOHVsSJXsGRIxH5bKIx0FOQGZyfRZ1rcPAA76QXUc5CCsuP6SYHTdQZXO4e3cOBUn/GA6mjIrpR+Fzen6AugV1nbKmE5vyttLBihOTxX0CmijDrkUxoR+EsADkvt8QH4B2O4bVMnvytZhnj6xU/4U7pE86wNSeSQU6jtULpVvEOq8r61juUgsb66kDAPU/GIqoVbaj3xKTyubUwIZ9Ly5tgNoSE1dP0QjGhTjVbnlRd1JTO0MtbWGOopq2sJ2ucl3fYn/Nfnr8hskuKPlFq+5YXvuR/Ev8cs/WOlcdSAAAAAASUVORK5CYII=) no-repeat;
          background-size: cover;
}
.skillDetail .classChapter .chapter .section:hover .lbIcon[data-v-0311b94c] {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAAAYdJREFUWEft1z9Lw0AYBvDnrbSIbQZBhDq7t3szdHHoH926CLpZXFxEEC04CEIFwc25+BEEqR+g/Qr9BEUnp16KaNpHIlT8V9O7pKSgWe/NvT+eXC4XYaWScNTDKYBtgmlEcAnkAcB1MpU+EVWw6wQPI3B8aymQcw90H1UyX0VeUtIr5DgL6YwM/yC/p2GckMRiW8nY3J1yX/YEOCIQ92s2ybgp6NFqtpdGDVQxnwXcBsnMJE1/qzECeW9Dqtla+Tgxq9V4v9s5JlkLklZooPe0ynYGQzZIZE3SCh3kIby0nG6nTnJfFzUV0BuKFKdkKxILOqipgZyyvT4c8EYH49WGDmLJXlRD1AXcISCRglTR3gR5SWBZFxL00/FpH3rayK+6rntFcs0UEhSE0U7dH7i7JGoE54NijNdQGI3HzWG0qP8WaOZOjDN3pp65v45pLlCTubW3dpMmOveMBfVKuTMhDkgkdCb0qxXBMwUX1m279lPteFDB7gFM+TUwGxdlNVuWHiiihF4B8H7SEVPiLuYAAAAASUVORK5CYII=) no-repeat;
          background-size: cover;
}
.skillDetail .classChapter .chapter .section:hover .oIcon[data-v-0311b94c] {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAAXNSR0IArs4c6QAAAThJREFUOE/tlDFOAkEYhd+bxQQMokfwCGtH1kIsSJZKPYFYWskNlJZKTgA2tmIlic1SqJQcYb3BRoha7O4zA4EgYGzodLr58+abmT/v/cQaFy1r6BdLonMHKSLQzn++NxkMosV7rA40FwCPJdwUuk/VeQ1HZc+VURXGiiZLQASkZ4WHl854X3J3RrnNloXMHxbSk6nG1jn0vY6giDSniy9hrL384/NgWPECgAfLHVGPMWpWM4FVvEBSuApm6waoi2ytbq16UHq11e0Hv8Imf1Yd5OU/7I/2LLkFnAbJ7SUL/GgNNSGWgKQ289mbv98GccQkPpfJ+CS+J2EBJujVSZJG6jhlCYcbSN1ctx+OTTsNOhMT2Vh8+MXdGKYqokogFHRNGDsE7kW1bRbHWc1m3QwQTkEz2Lqm0BeixvwRhGOiLgAAAABJRU5ErkJggg==) no-repeat;
          background-size: cover;
}
.skillDetail .classChapter .chapter .section .left[data-v-0311b94c] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
}
.skillDetail .classChapter .chapter .section .left .living[data-v-0311b94c] {
          font-size: 14px;
          font-weight: 20px;
          line-height: 20px;
          color: #cf1000;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          padding-right: 14px;
          padding-left: 15px;
}
.skillDetail .classChapter .chapter .section .left .living[data-v-0311b94c]:before {
            content: ' ';
            height: 14px;
            width: 14px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAMxJREFUSEtj/O5jLff3H+Pc//8ZLBgZGU4wM/1P5txy9BEDjQDjFy+b3f///3eBmc/IyLiHZ9sRVxrZx8D4xcv65///DGwICxl+8Ww7yk4zCz97Wv9HN5x3+1HGIWchrrTBSCsf4kobJFlISorGlTZIspCUFI0r5Ei0kPgUTRULSYnvUQtR8jmujD8apMjBNJpoiEo0pFRlVAlSuhdtpBTeVPEhKZUy3S2kSvVEig+pUgGTYiHdmxi4HEf/ZiIpeYuUIMXpQ1LyFjUsBADs+Uwswd6drQAAAABJRU5ErkJggg==) no-repeat;
            background-size: cover;
            margin-right: 10px;
}
.skillDetail .classChapter .chapter .section .left .tit[data-v-0311b94c] {
          font-size: 14px;
          font-weight: 20px;
          line-height: 20px;
          color: #767676;
          height: 20px;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
}
.skillDetail .classChapter .chapter .section .left .tit .sk[data-v-0311b94c],
          .skillDetail .classChapter .chapter .section .left .tit .zb[data-v-0311b94c] {
            font-size: 14px;
            font-weight: 20px;
            line-height: 20px;
            color: #2e2e2e;
            font-style: normal;
            display: inline-block;
            margin-right: 4px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
}
.skillDetail .classChapter .chapter .section .left .tit .sk[data-v-0311b94c] {
            max-width: 610px;
}
.skillDetail .classChapter .chapter .section .left .tit .zb[data-v-0311b94c] {
            max-width: 500px;
}
.skillDetail .classChapter .chapter .section .btn[data-v-0311b94c] {
        width: 68px;
        height: 28px;
        background: #16ce9a;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        color: #ffffff;
        border-radius: 14px;
        line-height: 28px;
        text-align: center;
        cursor: pointer;
}
.skillDetail .classChapter .chapter .section .non-living[data-v-0311b94c] {
        font-size: 14px;
        font-weight: 20px;
        line-height: 20px;
        color: #2e2e2e;
        margin-right: 3px;
        margin-left: 7px;
}
.skillDetail .classChapter .chapter .cant-click[data-v-0311b94c] {
      pointer-events: none;
      color: #a4a4a4;
      background: none;
      opacity: 0.4;
}
.skillDetail .classChapter .chapter .zbIcon[data-v-0311b94c],
    .skillDetail .classChapter .chapter .lbIcon[data-v-0311b94c],
    .skillDetail .classChapter .chapter .oIcon[data-v-0311b94c] {
      width: 18px;
      height: 14px;
}
.skillDetail .classChapter .chapter .zbIcon[data-v-0311b94c] {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAAAkVJREFUWEfNl7+LE0EUx78vxDvQoIJED08RtdBKi5kJJFW4SrlcI6Sw0cLKzsNf2MgWFuIdnjYW2tj5B8TCzlSBkB0EbWwkcGChoI0gksh8ZeQW9pIc3m42MVMu8977zJu37/tGMGNLZowHEgRBrtForAK4DuD0hAE3AbwE8MBa2x8VS5RSNwGsTxhk0P26tfb2SCCt9SeSpyYFJCK/APRI7o9iiMiPTqdzQEQ4GNdnaOhjVnAi8q5QKCwVi8Wf3W73FclLke/5+fkjrVbr67SB7oZh+MgHVUotA3gdAeTz+YV2u/1l2kBvarXachAETmu9QfLGTkBKqT2+0BNdmb97kiGAEoB9u7zaj1t2Jr4/ypBSqi4iDwEcBXArERCAc9baD8aYBZLPSa7sEmpoWy6XKznn7gOoxYr9exKgz9baY3HPWusrJJ8COJgCrAdgbpwa2rTWnhh0UC6XF/v9/guSF1NADZkkydBIoMij1voagMfxfpMGMDMgH9wYc9w556VhKQ2Mt8kUyDus1+tz3W73PckzaaAyB/IQWuu3JKv/HWhrcvCi6ftKqpVZhkql0nnnnP/btjXApFRjAyml9opIAGCVZD4pwDh9aKgxGmMukHxG8mRSEBH5RvLQOEDe9q90VCqVw71e7wnJy0lBYjJxluQ9AFfTSgdi4urrpJAWxttF4mqMWXHObYjIYhpxHYdhm+3gPFStVvPNZvN3kqLODCaeoXFrKDOoHUfYSQ/5o07wryF/6s8gEVkLw/DOSNhZeyj+Aa4sJjwmNWoHAAAAAElFTkSuQmCC) no-repeat;
      background-size: cover;
}
.skillDetail .classChapter .chapter .lbIcon[data-v-0311b94c] {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAAXNSR0IArs4c6QAAAX1JREFUWEft1zFLw0AUB/D/O2gR0UEQQacO7i1cLlDo6ujYRdBNcHERQbTgIAgVBDdn8SM4+SGS79DJTk52KBbekwMDtVqbuyQkoFlz996P/x2XC3W73fpgMLhi5gMAmyjnGSqlHhuNxiUZY/rMfFaO42tXpdQNaa1fSkxmNoehBUkV0kkM/6BFq+GdkFJqn5mfARwDOAdQW9QszXsvEBG9RlG0njQwxrSY+QFAM03T38Z4gQAM4zjemi6sta4R0YWI9LKklRsowYVh2LRpiUjLJ63cQRbxmVZfRE5cUYWALEJEKAiCEYBlF1RhIGPMLjM/uWDs2NxBnU5nbTwe2+U6tPVLBWmt9wDcAdhwhWT6dMyeQ+12e3symdyLyI4vJBPITp46qY+IqCciS1kxWfZQHr1/rOG7qf8WqFo3xsrdqSv311HY7vQs7Hy0e/ZJPW0uKAiCaxE5BVBPXS3dwHciuo2iyF7kvj1zQVrrNwAr6Xo4jxrFcbzqBCoroQ885rCLPlKT1wAAAABJRU5ErkJggg==) no-repeat;
      background-size: cover;
}
.skillDetail .classChapter .chapter .oIcon[data-v-0311b94c] {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAAXNSR0IArs4c6QAAAOBJREFUOE/tlMERAUEQRd9GQAhCIAIcVLkhAhydyABXJyLAxXXJgAyEQAZCUH/qq5rami2XPSlz2pr5/Xq6t/9kVLgyszpADryAA7DzdzGVdHNgCByBSSwQrOlNiT5L0Clw9kYd2BsSx48iDYIpQMHjRMUt4A5cgXbi/AYsrAkwCR8lMO2vfatUdwVbmfEVJoBgy5L/9IelG/NDPTsBG6CWqLSsTFlO9tLQalbDnMmLA2AG9BPDW4Q9nbgHdG1HDXeAaSmDLCXrNOxVmViirR+BixPLfvKqPK3zAIphlTxEbx/hThGAAPfBAAAAAElFTkSuQmCC) no-repeat;
      background-size: cover;
}
.city-dialog .tip[data-v-0311b94c] {
  padding-bottom: 20px;
}
.city-dialog .tip p[data-v-0311b94c] {
    text-indent: 2em;
    line-height: 24px;
}
.city-dialog .eCss[data-v-0311b94c] {
  width: 100%;
  text-align: right;
}
.city-dialog .eCss h1[data-v-0311b94c] {
    color: #FFFFFF;
    background-color: #f3493b;
    border-color: #f3493b;
    width: 82px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
}
.city-dialog-footer[data-v-0311b94c] .el-button.cancel {
  padding: 10px 20px;
  border: 2px solid #e3e7e8;
  border-radius: 4px;
}
.city-dialog-footer[data-v-0311b94c] .el-button.cancel:hover {
    color: #333;
}