@charset "UTF-8";
.main {
  margin: 0.5rem 0;
  /*margin-top: 1rem;*/ }

.tit_select {
  position: fixed;
  left: 0;
  top: 0.5rem;
  width: 100%;
  height: 0.5rem;
  background: #fff;
  padding: 0 0.1rem;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
  z-index: 999; }
  .tit_select .le {
    width: 0.9rem;
    height: 100%;
    font-size: 0.14rem;
    color: #666666; }
    .tit_select .le img {
      width: 0.13rem;
      margin-right: 0.05rem; }
  .tit_select .ri {
    width: 0.9rem;
    height: 100%;
    font-size: 0.14rem;
    color: #666666; }
    .tit_select .ri img {
      width: 0.12rem;
      margin-left: 0.05rem;
      transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      /* Firefox 4 */
      -webkit-transition: all .3s ease-in-out;
      /* Safari 和 Chrome */
      -o-transition: all .3s ease-in-out;
      /* Opera */ }

.help_search {
  width: 100%;
  height: 1.3rem;
  background: url(/assets/phone/img/log/help_banner.jpg) no-repeat;
  background-size: cover;
  overflow: hidden; }
  .help_search .search {
    width: 3.3rem;
    height: 0.4rem;
    background: #ff6800;
    margin: 0 auto;
    margin-top: 0.44rem;
    box-sizing: border-box;
    padding: 2px; }
    .help_search .search input {
      width: 2.55rem;
      height: 100%;
      border: none;
      font-size: 0.12rem;
      color: #999999;
      float: left;
      box-sizing: border-box;
      padding-left: 0.09rem; }
    .help_search .search button {
      float: left;
      width: calc(100% - 2.55rem);
      height: 100%;
      border: none;
      background: #ff6800;
      font-size: 0.14rem;
      color: #fff;
      font-family: "微软雅黑";
      outline: none; }

.help_list {
  width: 100%;
  padding-left: 0.1rem;
  box-sizing: border-box; }
  .help_list .search_num {
    width: 100%;
    height: 0.44rem;
    box-sizing: border-box;
    padding-right: 0.1rem; }
    .help_list .search_num p {
      width: 100%;
      border-bottom: 1px solid #e9e9e9;
      height: 0.44rem;
      line-height: 0.44rem;
      font-size: 0.12rem;
      color: #333333; }
  .help_list ul {
    width: 100%; }
    .help_list ul li {
      width: 100%;
      height: 1.02rem;
      border-bottom: 1px solid #e9e9e9;
      box-sizing: border-box;
      padding: 0.1rem 0; }
      .help_list ul li a {
        display: block;
        width: 100%;
        height: 100%; }
        .help_list ul li a .title {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 0.13rem;
          color: #333333;
          width: 100%;
          box-sizing: border-box;
          padding-right: 0.1rem; }
        .help_list ul li a .txt {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-size: 0.12rem;
          color: #999999;
          width: 100%;
          box-sizing: border-box;
          padding-right: 0.1rem;
          margin-top: 0.05rem; }
        .help_list ul li a .author {
          font-size: 0.12rem;
          color: #999999;
          width: 100%;
          box-sizing: border-box;
          padding-right: 0.1rem;
          margin-top: 0.05rem; }
  .help_list .nodata {
    width: 100%;
    padding: 0.35rem 0.1rem;
    box-sizing: border-box; }
    .help_list .nodata .img {
      width: 0.3rem; }
      .help_list .nodata .img img {
        display: block;
        width: 100%; }
    .help_list .nodata p {
      text-align: center;
      width: 100%;
      margin-top: 0.2rem;
      font-size: 0.12rem;
      color: #666666; }

.help_content {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.1rem; }
  .help_content .catalog {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    height: 0.44rem;
    box-sizing: border-box; }
    .help_content .catalog span {
      font-size: 0.12rem;
      color: #333; }
      .help_content .catalog span:after {
        content: ">"; }
      .help_content .catalog span:last-of-type:after {
        content: ""; }
  .help_content .title {
    width: 100%;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.17rem;
    color: #333333; }
  .help_content .timer {
    font-size: 0.12rem;
    color: #999999; }
  .help_content .play {
    width: 1.1rem;
    height: 0.3rem;
    background: #ff6a00;
    margin-top: 0.09rem; }
    .help_content .play a {
      width: 100%;
      height: 100%;
      font-size: 0.12rem;
      color: #fff; }
      .help_content .play a img {
        margin-left: 0.09rem;
        margin-right: 0.05rem;
        width: 0.14rem; }
  .help_content .dec_cont {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.1rem 0.2rem; }
    .help_content .dec_cont img {
      max-width: 100%; }

/**/
.list {
  width: 100%;
  margin-top: 0.09rem;
  box-sizing: border-box;
  padding: 0 0.1rem; }
  .list ul {
    width: 100%; }
    .list ul li {
      width: 1.7rem;
      height: 1.35rem;
      border-radius: 6px;
      box-sizing: border-box;
      margin-bottom: 0.2rem; }
      .list ul li a {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 6px;
        box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1); }
        .list ul li a .img {
          width: 100%;
          height: 0.8rem;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px; }
        .list ul li a .p1 {
          padding: 0 0.08rem;
          box-sizing: border-box;
          color: #333333;
          font-size: 0.12rem;
          margin-top: 0.08rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .list ul li a .p2 {
          padding: 0 0.08rem;
          box-sizing: border-box;
          color: #999999;
          font-size: 0.12rem;
          margin-top: 0.03rem; }
          .list ul li a .p2 img {
            width: 0.1rem;
            margin-right: 0.02rem; }

.level {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 1rem;
  box-sizing: border-box;
  display: none; }
  .level .levelBox {
    width: 100%;
    height: 2.6rem;
    position: relative; }
    .level .levelBox .one_level {
      width: 33.33%;
      box-sizing: border-box;
      height: 2.6rem;
      float: left;
      background: #f5f5f5;
      overflow-y: auto;
      overflow-x: hidden; }
      .level .levelBox .one_level li {
        width: 100%;
        height: 0.41rem;
        line-height: 0.41rem;
        background: #f5f5f5;
        border-left: 2px solid #f5f5f5;
        box-sizing: border-box;
        font-size: 0.13rem;
        color: #666666;
        text-align: center; }
        .level .levelBox .one_level li.active {
          border-color: #ff6800;
          background: #fff; }
    .level .levelBox .second_level {
      display: block;
      float: left;
      width: 33.33%;
      height: 2.6rem;
      background: #f5f5f5;
      overflow-y: auto;
      overflow-x: hidden; }
      .level .levelBox .second_level > li {
        width: 100%;
        height: 0.41rem;
        line-height: 0.41rem;
        background: #f5f5f5;
        box-sizing: border-box;
        font-size: 0.13rem;
        color: #666666;
        text-align: center; }
        .level .levelBox .second_level > li.active {
          background: #fff; }
    .level .levelBox .three_level {
      display: block;
      float: left;
      width: 33.33%;
      height: 2.6rem;
      background: #f5f5f5;
      overflow-y: auto;
      overflow-x: hidden; }
      .level .levelBox .three_level > li {
        width: 100%;
        height: 0.41rem;
        line-height: 0.41rem;
        background: #f5f5f5;
        box-sizing: border-box;
        font-size: 0.13rem;
        color: #666666;
        text-align: center; }
        .level .levelBox .three_level > li.active {
          background: #fff; }

.page {
  width: 1.62rem;
  height: 0.31rem;
  margin: 0 auto;
  padding: 0.12rem 0; }
  .page a {
    width: 0.4rem;
    height: 100%;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-radius: 5px; }
    .page a img {
      width: 0.07rem; }
  .page div {
    width: 0.6rem;
    height: 100%;
    font-size: 0.14rem;
    color: #999999;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    border-radius: 5px; }

/*# sourceMappingURL=collegelist.css.map */
