@media screen and (max-width: 768px) {
  #web {
    position: relative;
    padding-top: 100px; }
    #web > #searchDiv_mobil {
      display: block;
      position: fixed;
      z-index: 88;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      padding: 24px 0;
      background-color: #3891ff; }
      #web > #searchDiv_mobil > .searchInput_mobil {
        box-shadow: 0px 5px 18px 0px rgba(173, 195, 212, 0.44);
        border-radius: 40px;
        width: 92%;
        height: 33px;
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        background-color: white;
        padding-left: 30px; }
        #web > #searchDiv_mobil > .searchInput_mobil > input {
          display: inline-block;
          vertical-align: top;
          width: 80%;
          height: 33px;
          border: none;
          line-height: 30px;
          padding-left: 6px; }
        #web > #searchDiv_mobil > .searchInput_mobil > .mobil_searchIco {
          position: relative;
          display: inline-block;
          vertical-align: top;
          width: 16%;
          height: 33px; }
          #web > #searchDiv_mobil > .searchInput_mobil > .mobil_searchIco > img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 28px; }
        #web > #searchDiv_mobil > .searchInput_mobil > .mobil_cancel {
          display: none;
          width: 16%;
          text-align: center;
          color: #005BBB;
          line-height: 33px;
          font-size: 16px; }
      #web > #searchDiv_mobil > .mobil_Advice {
        position: absolute;
        color: white;
        min-width: 357px;
        font-size: 14px;
        width: 80%;
        top: 65px;
        left: 50%;
        transform: translateX(-50%); }
        #web > #searchDiv_mobil > .mobil_Advice > ul {
          display: inline-block; }
          #web > #searchDiv_mobil > .mobil_Advice > ul > li {
            display: inline-block; }
    #web > #mobie_searchSugestLisr > a {
      color: #333333;
      padding: 0 8px;
      display: block;
      font-size: 16px;
      line-height: 40px; }
    #web > header > .top {
      height: 150px;
      background-image: url(../img/bg.png);
      background-size: cover; }
      #web > header > .top > #logoImg {
        width: 148px;
        height: 37px;
        position: absolute;
        top: 15px;
        left: 30px; }
      #web > header > .top > #tileImg_mobil {
        display: block;
        width: 80%;
        position: absolute;
        top: 52px;
        left: 50%;
        transform: translateX(-50%); }
      #web > header > .top > #titleImg {
        display: none;
        position: absolute;
        width: 60%;
        top: 65px;
        left: 50%;
        transform: translateX(-50%); }
      #web > header > .top > #search {
        display: none; }
    #web > main {
      width: 100%;
      margin: 0; }
      #web > main > .mainPart {
        width: 100%;
        padding-top: 20px;
        margin: 0;
        padding-bottom: 20px;
        background-color: #eff3f6; }
        #web > main > .mainPart > .mainPart_left, #web > main > .mainPart .mainPart_right {
          width: 92%;
          margin: 0 auto;
          margin-bottom: 20px;
          background-color: #ffffff;
          box-shadow: 0px 5px 18px 0px rgba(173, 195, 212, 0.44);
          border-radius: 20px;
          overflow: hidden;
          float: none;
          padding: 20px 10px;
          padding-bottom: 0; }
          #web > main > .mainPart > .mainPart_left > .main_top, #web > main > .mainPart .mainPart_right > .main_top {
            display: none; }
          #web > main > .mainPart > .mainPart_left > .main_top_mobil, #web > main > .mainPart .mainPart_right > .main_top_mobil {
            display: block; }
            #web > main > .mainPart > .mainPart_left > .main_top_mobil > .item_title, #web > main > .mainPart .mainPart_right > .main_top_mobil > .item_title {
              color: #000000;
              float: left;
              line-height: 24px;
              font-size: 18px;
              font-weight: 600; }
            #web > main > .mainPart > .mainPart_left > .main_top_mobil > .more, #web > main > .mainPart .mainPart_right > .main_top_mobil > .more {
              float: right;
              color: #999999;
              font-size: 16px;
              line-height: 24px; }
        #web > main > .mainPart > .item_qwfb {
          height: auto; }
          #web > main > .mainPart > .item_qwfb > .qyfb_area {
            width: 100%; }
            #web > main > .mainPart > .item_qwfb > .qyfb_area > li {
              background-color: white;
              color: #666666;
              font-size: 14px;
              padding: 0;
              min-width: 18%;
              text-align: center;
              display: inline-block;
              vertical-align: top;
              margin: 0;
              margin-bottom: 8px;
              border-radius: 0;
              cursor: pointer; }
            #web > main > .mainPart > .item_qwfb > .qyfb_area > .area_isclick {
              background-color: white;
              color: #3891ff; }
          #web > main > .mainPart > .item_qwfb > .qwfb_articleDiv > .qwfb_article > li {
            margin-bottom: 10px; }
            #web > main > .mainPart > .item_qwfb > .qwfb_articleDiv > .qwfb_article > li > .qwfb_article_time {
              display: inline-block;
              vertical-align: middle;
              min-width: 45px;
              width: 18%;
              height: 45px;
              padding: 0; }
              #web > main > .mainPart > .item_qwfb > .qwfb_articleDiv > .qwfb_article > li > .qwfb_article_time > p {
                color: white;
                font-size: 12px;
                line-height: 45px;
                text-align: center; }
            #web > main > .mainPart > .item_qwfb > .qwfb_articleDiv > .qwfb_article > li > a {
              display: inline-block;
              vertical-align: middle;
              margin-left: 4px;
              max-width: 78%; }
              #web > main > .mainPart > .item_qwfb > .qwfb_articleDiv > .qwfb_article > li > a > p {
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: #333333;
                font-size: 14px; }
        #web > main > .mainPart > .item_fwzq {
          display: none;
          height: auto; }
          #web > main > .mainPart > .item_fwzq > .fwzq_item {
            padding: 15px 0;
            justify-content: space-between;
            display: flex; }
            #web > main > .mainPart > .item_fwzq > .fwzq_item > li {
              width: 30%;
              padding: 12px 0;
              cursor: pointer;
              text-align: center; }
              #web > main > .mainPart > .item_fwzq > .fwzq_item > li > img {
                height: 25px;
                width: 25px;
                margin-bottom: 6px; }
            #web > main > .mainPart > .item_fwzq > .fwzq_item > .fwzq_item_li_isClick {
              background: #f5f5f5; }
          #web > main > .mainPart > .item_fwzq > .fwzq_articleDiv > .fwzq_article {
            display: none; }
            #web > main > .mainPart > .item_fwzq > .fwzq_articleDiv > .fwzq_article > li {
              margin-bottom: 16px; }
              #web > main > .mainPart > .item_fwzq > .fwzq_articleDiv > .fwzq_article > li > img {
                display: inline-block;
                vertical-align: middle;
                margin-right: 6px; }
              #web > main > .mainPart > .item_fwzq > .fwzq_articleDiv > .fwzq_article > li > a {
                min-width: 80%;
                max-width: 90%;
                display: inline-block;
                vertical-align: middle;
                color: #333333;
                font-size: 14px; }
          #web > main > .mainPart > .item_fwzq > .fwzq_articleDiv > .fwzq_article:first-of-type {
            display: block; }
        #web > main > .mainPart > .item_hygq {
          display: none; }
          #web > main > .mainPart > .item_hygq > .hygq_article {
            padding-top: 16px; }
            #web > main > .mainPart > .item_hygq > .hygq_article > li {
              margin-bottom: 10px; }
              #web > main > .mainPart > .item_hygq > .hygq_article > li > .hygq_article_time {
                display: inline-block;
                vertical-align: middle;
                width: 45px;
                height: 45px;
                padding: 6px 0; }
                #web > main > .mainPart > .item_hygq > .hygq_article > li > .hygq_article_time > p {
                  color: white;
                  font-size: 8px;
                  text-align: center; }
                #web > main > .mainPart > .item_hygq > .hygq_article > li > .hygq_article_time > p:first-of-type {
                  font-size: 14px;
                  margin-bottom: 4px; }
              #web > main > .mainPart > .item_hygq > .hygq_article > li > a {
                display: inline-block;
                vertical-align: middle;
                margin-left: 8px;
                max-width: 75%; }
                #web > main > .mainPart > .item_hygq > .hygq_article > li > a > p {
                  color: #333333;
                  font-size: 14px; }
                #web > main > .mainPart > .item_hygq > .hygq_article > li > a > p:last-of-type {
                  display: none; }
        #web > main > .mainPart > .item_kxpy {
          display: none;
          margin-bottom: 0; }
          #web > main > .mainPart > .item_kxpy > .kxpy_article {
            padding-top: 16px; }
            #web > main > .mainPart > .item_kxpy > .kxpy_article > li {
              margin-bottom: 10px; }
              #web > main > .mainPart > .item_kxpy > .kxpy_article > li > .kxpy_article_time {
                display: inline-block;
                vertical-align: middle;
                width: 45px;
                height: 45px;
                padding: 6px 0; }
                #web > main > .mainPart > .item_kxpy > .kxpy_article > li > .kxpy_article_time > p {
                  color: white;
                  font-size: 8px;
                  text-align: center; }
                #web > main > .mainPart > .item_kxpy > .kxpy_article > li > .kxpy_article_time > p:first-of-type {
                  font-size: 14px;
                  margin-bottom: 4px; }
              #web > main > .mainPart > .item_kxpy > .kxpy_article > li > a {
                display: inline-block;
                vertical-align: middle;
                margin-left: 8px;
                max-width: 75%; }
                #web > main > .mainPart > .item_kxpy > .kxpy_article > li > a > p {
                  color: #333333;
                  font-size: 14px; }
                #web > main > .mainPart > .item_kxpy > .kxpy_article > li > a > p:last-of-type {
                  display: none; } }