.contact {
  height: 100%;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;

  .navbar {
    height: auto;

    .bg-content {
      height: 300px;
      background-image: url("https://file.funcheergame.com/office/image/lxwm_top.png");
    }
  }

  .contact-content {
    flex: 1;
    background-color: #fff;

    .contact-content-wrapper {
      width: 1200px;
      margin: 0 auto;

      .contact-message {
        padding-bottom: 100px;

        .message-item-wrapper {
          display: flex;
          justify-content: space-between;

          .message-item {
            flex: 1;
            height: 320px;
            border: 1px solid #ededed;
            margin-right: 10px;
            padding: 70px 20px 20px;
            overflow: hidden;
            //transition: box-shadow .3s ease-in;
            .message-content {
              height: 100%;
              overflow: hidden;
              color: #000;
              .line {
                background-color: #e4004f;
                height: 2px;
                display: block;
                width: 58px;
                overflow: hidden;
                transition: width .3s ease-in;
              }
              h1 {
                overflow: hidden;
                margin-top: 20px;
                font-size: 18px;
                font-weight: 700;
              }
              h2 {
                margin-top: 5px;
                margin-bottom: 10px;

                font-size: 14px;
                font-weight: 700;
              }
              .contact-way {
                margin-top: 40px;
                height: 46px;
                .contact-way-wrapper {
                  display: flex;
                  justify-content: flex-start;
                }
                .icon {
                  margin-right: 10px;
                }
              }
              .contact-way.second {
                margin-top:5px;
                margin-bottom: 30px;
              }
              .text {
                color: #666;
                font-size: 14px;
                a {
                  color: #1780FF;
                }
              }
            }

            &:hover{
              box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
              .message-content {
                .line{
                  width: 100%;
                }
              }

            }
          }

        }
      }
    }
  }
}
