@font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
      [class^="fui-"],
      [class*="fui-"] {
          font-family: 'Flat-UI-Icons';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }

      .todo {
          color: #798795;
          margin-bottom: 0px;
          border-radius: 6px;
          margin-top: -1px;
          z-index: 1000;
          box-shadow: #798795 2px 3px 5px;
      }

      .todo ul {
          background-color: #2c3e50;
          margin: 0;
          padding: 0;
          list-style-type: none;
          border-radius: 0 0 6px 6px;
      }

      .todo li {
          background: #34495e;
          background-size: 20px 20px;
          cursor: pointer;
          font-size: 14px;
          line-height: 1.214;
          margin-top: 2px;
          padding: 4%;
          position: relative;
          -webkit-transition: .25s;
          transition: .25s;
      }

      .todo li:first-child {
          margin-top: 0;
      }

      .todo li:last-child {
          border-radius: 0 0 6px 6px;
          padding-bottom: 14px;
      }

      .todo li.todo-done {
          background: transparent;
          color: #1abc9c;
      }

      .todo li.todo-done .todo-name {
          color: #23527c;
      }

      .todo li:after {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          top: 50%;
          right: 22px;
          margin-top: -10px;
          background: #ffffff;
          border-radius: 50%;
      }

      .todo li.todo-done:after {
          content: "\e013";
          font-family: 'Glyphicons Halflings';
          text-align: center;
          font-size: 15px;
          line-height: 21px;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          background: #1abc9c;
          color: #2c3e50;
      }

      /**/

      .searchs {
          margin-top: -60px;
      }

      .sitemap {
          margin-top: -35px;
          text-align: right;
          font-size: 12px;
          cursor: pointer;
          font-weight: bold;
          color: rgba(255, 255,255, 0.5);
          margin-right: 3%;
      }

      .sitemap span{
          color: rgba(255, 255, 255, 0.5);
          /* color: rgb(102, 102, 102); */
      }
      

      .sitemap a {
          color: rgba(255, 255, 255, 0.5);
      }

      .todo-search {
          /* background: #1abc9c; */
          background-size: 16px 16px;
          border-radius: 6px 6px 0 0;
          color: #34495e;
          padding: 15px 15px 15px 20px;
          border: 0px solid blue;
          box-shadow: #798795 2px 3px 5px;
          background-color: rgba(255, 255, 255, 0.5);
      }

      /* 放大镜 */

      .todo-search:before {
          position: absolute;
          font-family: 'Glyphicons Halflings';
          content: "\e003";
          font-size: 16px;
          line-height: 15px;
          display: inline-block;
          top: 50%;
          left: 92%;
          margin: -2.2em 0 0 -1.5em;
      }

      .todo-search-field {
          background: none;
          border: none;
          color: #34495e;
          font-size: 16px;
          font-weight: 600;
          margin: 0;
          line-height: 20px;
          padding: 5px 0;
          text-indent: 0;
          box-shadow: none;
          outline: none;
      }

      .todo-search-field::-moz-placeholder {
          color: #34495e;
          opacity: 1;
      }

      .todo-search-field:-ms-input-placeholder {
          color: #34495e;
      }

      .todo-search-field::-webkit-input-placeholder {
          color: #34495e;
      }

      .todo-icon {
          float: left;
          font-size: 18px;
          padding: 6% 6% 0 0;
      }

      .todo-content {
          padding-top: 1px;
          overflow: hidden;
      }

      .searchs .todo-search input {
          width: 90%;
      }

      .runbg {
          height: 65px;
          margin-top: 65px;
            border: 0px solid red;
            background: -webkit-linear-gradient(left, #3056b0, #f0a2ba); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #3056b0, #f0a2ba); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #3056b0, #f0a2ba); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #3056b0, #f0a2ba); /* 标准的语法 */
      }

      .hcwy {
        padding: 1px 7px;
        margin: 2% 0;
        border-left: 1px solid #1b809e;
        border-left-width: 5px;
        vertical-align: baseline;
    }

    .isvideo .hc_video h3 span{
        padding-top: 0%;
        border: 0px solid red;
    }


      /*小屏幕*/

      @media screen and (max-width: 767px) {
          .navbar {
              min-height: 50px;
              margin-top: 0px;
          }
          /* */
          .runbg {
            height: 50px;
            margin-top: 0px;
            position: relative;
            background: -webkit-linear-gradient(left, #3056b0, #f0a2ba); /* Safari 5.1 - 6.0 */
            background: -o-linear-gradient(right, #3056b0, #f0a2ba); /* Opera 11.1 - 12.0 */
            background: -moz-linear-gradient(right, #3056b0, #f0a2ba); /* Firefox 3.6 - 15 */
            background: linear-gradient(to right, #3056b0, #f0a2ba); /* 标准的语法 */
          }
          .searchs {
              margin-top: -53px;display: none;
          }
          .sitemap {
              padding: 0px;
              display: block;
              margin-right: 2%;
              border: 0px solid red;
          }
          .searchs .todo-search {
              z-index: 1000;
              border-radius: 6px 6px 6px 6px;
              padding: 2%;
              background-color: rgba(255,255, 255, 0.5);
          }
          .todo li {
              display: none;
          }
          .todo-search {
              position: relative;
          }
          /* 放大镜 */
          .todo-search:before {
              position: absolute;
              font-family: 'Glyphicons Halflings';
              content: "\e003";
              font-size: 16px;
              line-height: 15px;
              display: inline-block;
              left: 92%;
              margin: -2% 0 0 -0.5em;
          }
          
      .hcwy {
        padding: 0px 7px;
        margin: 0% 0;
        border-left: 1px solid #1b809e;
        border-left-width: 5px;
        vertical-align: baseline;
    }
        .hcwy h2{
            margin-top:0px;
        }

      }

      /*414px到768px*/

      /* @media screen and (max-width:360px) {
          .searchs {
              margin-top: -52px;
          }
      } */

      /* 中屏 */

      @media screen and (min-width:769px) and (max-width:997px) {
          .searchs {
              margin-top: -50px;
          }
          .todo-icon {
              float: left;
              font-size: 24px;
              padding: 6% 8% 0 0;
          }
          /* 放大镜 */
          .todo-search:before {
              position: absolute;
              font-family: 'Glyphicons Halflings';
              content: "\e003";
              font-size: 16px;
              line-height: 15px;
              display: inline-block;
              top: 50%;
              left: 92%;
              margin: -0.2em 0 0 -0.5em;
          }
          .todo {
              margin-top: -2px;
          }
          .todo li {
              background: #34495e;
              background-size: 20px 20px;
              cursor: pointer;
              font-size: 12px;
              line-height: .8;
              margin-top: 2px;
              padding: 8px 10px 8px 15px;
              position: relative;
              -webkit-transition: .25s;
              transition: .25s;
          }
          .todo-name {
              border: 1px solid ridge
          }
          .todo-search {
              position: relative;
              /* background: #1abc9c; */
              background-size: 14px 14px;
              border-radius: 6px 6px 0 0;
              color: #34495e;
              padding: 5%;
              border: 0px solid blue;
              background-color: rgba(255,255, 255, 0.5);
          }
      }

      input[type="search"] {
          -webkit-appearance: none !important;
      }

      label {
          font-weight: normal;
          font-size: 15px;
          line-height: 2.3;
      }