* {

        margin: 0;

        padding: 0;

      }



      .casePortal {

        max-width: 1200px;

        width: 100%;

        display: flex;

        flex-direction: column;

        justify-content: space-evenly;

        align-items: center;

        margin: auto;

      }



      .casePortal h1 {

        width: 100%;

        font-size: 32px;

        color: #414141;

        text-align: center;

      }



      .casePortal p {

        width: 96%;

        text-align: center;

        color: #666666;

        font-size: 14px;

        line-height: 25px;

        margin-top: 3%;

      }



      .notice-ico {

        position: relative;

        margin-right: 10px;

        cursor: pointer;

      }



      .notice-ico img {

        width: 25px;

        height: 23px;

      }



      .icon-car-count {

        box-sizing: border-box;

        text-align: center;

        position: absolute;

        left: 8px;

        top: 3px;

        background: red;

        color: #fff;

        width: 25px;

        border-radius: 50%;

        height: 25px;

        line-height: 25px;

        font-size: 16px;

        transform: scale(.7);

      }



      .link-container {

        width: 100%;

        background-color: #f7f7f7;

        margin-top: 4%;

        padding-bottom: 10%;

      }



      .info-tips,

      .old-case {

        max-width: 1400px;

        width: 100%;

        /* height: 402px; */

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

        margin: auto;

        padding-top: 7px;

      }

      .info-tips {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 36px;
      }



      .info-tips div {

        flex-shrink: 0;

      }



      .old-case {

        /* height: 44px; */

        padding: 10px 0 30px;

        font-size: 28px;

        background-color: #fff;

        color: #666666;

        text-decoration: none;

        border-radius: 15px;

        display: flex;

        justify-content: center;
        margin-top: 40px;

      }

      .old-case-txt {
        color: #DA0030;
        font-size: 16px;
        margin-top: 20px;
      }



      .old-case:hover {

        color: #DA0030;

      }



      .home-card {

        margin-right: 36px;

        width: 23%;

        height: 367px;

        overflow: hidden;

        background-color: #fff;

        cursor: pointer;

        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

        margin-bottom: 15px;

        border-bottom: 4px solid transparent;
        box-sizing: border-box;
        flex: 0 0 calc((100% - 108px) / 4);
        margin-right: 0;
        max-width: calc((100% - 108px) / 4);
      }

      .home-card:nth-child(4n) {
        margin-right: 0;
      }

      .home-card .top {

        position: relative;

        width: 100%;

        height: 55%;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: center;

      }



      .top img {

        width: 100%;

        height: 100%;

      }



      .home-card p {

        width: 100%;

        height: 45%;

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 21px;

        color: #666666;

        flex-direction: column;

        text-align: center;
      }

      .description_sapn {
        display: block;
        font-size: 12px;
        color: #C1C6CF;
        margin-top: 20px;
      }

      .home-card:hover {

        border-bottom: 4px solid #e6224d;



        .description {

          color: #e6224d;


        }



        .circle {

          background-color: #e6224d;

        }



        .circle-image {

          filter: grayscale(100%) brightness(10000%);

        }



      }



      .circle {

        width: 57px;

        height: 57px;

        border-radius: 50%;

        background-color: white;

        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);

        display: flex;

        justify-content: center;

        align-items: center;

        position: absolute;

        bottom: -25px;

      }



      .circle :not(.img3) {

        width: 18px !important;

        height: 18px !important;

      }



      .circle .img3 {

        width: 28px !important;

        height: 25px !important;

      }



      .en-bread {

        width: 100%;

        align-self: flex-start;

        margin-top: 30px;

        margin-bottom: 70px;

        font-size: 14px;

        display: flex;

        justify-content: space-between;

        align-items: center;

      }



      .en-bread a {

        /* color: #666666 !important; */

        text-decoration: none;

      }



      .en-bread a:hover {

        color: #DA0030;

      }



      /* app端 */

      @media screen and (max-width:1080px) {

        .home-card {

          width: 96%;

        }



        .info-tips,

        .old-case {

          height: 100%;

          justify-content: center;

        }


        .info-tips {
          justify-content: left;
          gap: 16px;
        }


        .home-card {
          flex: 0 0 100%;
          max-width: 100%;
        }

        .old-case {

          padding-left: 10px;

        }

      }