a, .transition, :before, img, .g-nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.flexColumn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.itemsCenter {
  align-items: center;
  -webkit-align-items: center;
}

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center;
}

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.flexWrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
  html {
    font-size: 50px;
  }

  .wal {
    max-width: 8rem;
  }

  .fans1 .part-1 .content {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  .fans1 .part-2 .big-img {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
  }
  .fans1 .part-2 .list1 {
    padding: 0 0.45rem;
  }
  .fans1 .part-2 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-2 .list1 li .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
    padding-bottom: 0.3rem;
    min-height: 0;
  }

  .fans1 .part-3 .big-img {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
  }
  .fans1 .part-3 .list1 {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }
  .fans1 .part-3 .list1 li .img {
    width: 100%;
  }
  .fans1 .part-3 .list1 li .col {
    width: 100%;
  }
  .fans1 .part-3 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-3 .list1 li .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part-3 .list1 li:nth-child(even) .col {
    order: 1;
  }

  .fans1 .part-4 .container .name {
    font-size: 0.28rem;
  }
  .fans1 .part-4 .container p {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part-4 .list1 {
    padding-bottom: 7.5rem;
  }
  .fans1 .part-4 .list1 li .col {
    width: 100%;
  }
  .fans1 .part-4 .list1 li .title {
    font-size: 0.32rem;
  }
  .fans1 .part-4 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-4 .list1 li .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part-4 .list1 li .img {
    position: relative;
    left: 0.2rem;
    padding-top: 0.3rem;
  }

  .fans1 .part-5 .img-1 {
    left: auto;
    right: -0.3rem;
    top: -6rem;
    width: 7.5rem;
  }
  .fans1 .part-5 .img-2 {
    left: 0;
    top: -3.5rem;
    width: 5rem;
  }
  .fans1 .part-5 .list1 {
    max-width: 100%;
    padding: 8.2rem 0 1rem 0;
  }
  .fans1 .part-5 .list1 .name {
    font-size: 0.3rem;
  }
  .fans1 .part-5 .list1 .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  .fans1 .part-6 .title {
    font-size: 0.32rem;
  }
  .fans1 .part-6 .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part-6 .list1 ul {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .fans1 .part-6 .list1 li {
    padding-bottom: 0.3rem;
  }
  .fans1 .part-6 .list1 li .name {
    font-size: 0.26rem;
  }
  .fans1 .part-6 .list2 li {
    padding-top: 0.5rem;
  }
  .fans1 .part-6 .list2 .name {
    font-size: 0.28rem;
  }
  .fans1 .part-6 .list2 dd {
    width: 100%;
    padding-bottom: 0.3rem;
  }

  .fans1 .part-7 .title {
    font-size: 0.32rem;
  }
  .fans1 .part-7 .big-img {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
  }
  .fans1 .part-7 .list1 {
    padding-bottom: 1rem;
  }
  .fans1 .part-7 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-7 .list1 li .content {
    font-size: 0.24rem;
    line-height: 0.44rem;
    width: 100%;
    padding-bottom: 0.3rem;
  }
  .fans1 .part-7 .list1 li .img {
    position: static;
    width: 100%;
  }

  .fans1 .part-8 .container {
    padding: 1rem 0 0.8rem 0;
  }
  .fans1 .part-8 .container .img {
    position: static;
    margin: 0 auto;
    padding-bottom: 0.6rem;
  }
  .fans1 .part-8 .container .title {
    font-size: 0.32rem;
  }
  .fans1 .part-8 .container .name {
    font-size: 0.28rem;
  }
  .fans1 .part-8 .container .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part-8 .container li {
    width: 48%;
  }
  .fans1 .part-8 .container li .name2 {
    font-size: 0.24rem;
  }
  .fans1 .part-8 .list1 li {
    width: 6rem;
  }
  .fans1 .part-8 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-8 .list1 li .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  .fans1 .part-9 .list1 li {
    width: 47%;
  }
  .fans1 .part-9 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part-9 .list1 li .msg {
    font-size: 0.22rem;
    line-height: 0.4rem;
  }

  .part-0 {
    min-height: 5rem;
  }
  .part-0 .title {
    padding-top: 0.6rem;
    font-size: 0.36rem;
  }
  .part-0 .title h2 {
    font-size: 0.6rem;
  }

  .fans1 .part2-1 {
    font-size: 0.24rem;
    padding-bottom: 1rem;
  }
  .fans1 .part2-1 .msg {
    line-height: 0.48rem;
  }
  .fans1 .part2-1 .list1 {
    width: 100%;
  }
  .fans1 .part2-1 .list1 li {
    line-height: 0.4rem;
    padding-bottom: 0.1rem;
  }
  .fans1 .part2-1 .list1 li:before {
    top: 0.16rem;
    margin-top: 0;
  }

  .fans1 .part2-2 h3.title {
    font-size: 0.32rem;
  }
  .fans1 .part2-2 .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }
  .fans1 .part2-2 .msg span {
    display: inline-block;
  }
  .fans1 .part2-2 .img-list li {
    width: 100%;
  }

  .fans1 .part2-3 {
    padding: 0;
  }
  .fans1 .part2-3 .list1 li {
    width: 100%;
    padding: 0 0 0.4rem 1rem;
  }

  .fans1 .part2-4 .fans1-title {
    padding: 1.3rem 0 0.6rem 0;
  }
  .fans1 .part2-4 .list1 {
    background-size: 6rem;
  }
  .fans1 .part2-4 .list1 li {
    width: 100%;
  }
  .fans1 .part2-4 .list1 li .name {
    font-size: 0.28rem;
  }
  .fans1 .part2-4 .list1 li .msg {
    font-size: 0.24rem;
    line-height: 0.44rem;
  }

  /**/
  .fans1 .part3-0 .wal {
    height: 50vh;
  }
  .fans1 .part3-0 .title {
    top: 15%;
    font-size: 0.3rem;
  }
  .fans1 .part3-0 .title h2 {
    font-size: 0.64rem;
    padding-bottom: 0.15rem;
  }
  .fans1 .part3-0 .img {
    width: 60vw;
  }
  .fans1 .part3-2 .list1 li {
    width: 100%;
  }
  .fans1 .part3-2 .list1 li .bd h5 {
    font-size: 0.28rem;
    line-height: 0.8rem;
  }
  .fans1 .part3-2 .list1 li .bd p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-3 .head {
    padding: 0.3rem;
  }
  .fans1 .part3-3 .head .img {
    flex: 0 0 auto;
  }
  .fans1 .part3-3 .head .col {
    width: 100%;
    flex: 0 1 auto;
    padding-left: 0.3rem;
  }
  .fans1 .part3-3 .head .col h5 {
    font-size: 0.28rem;
    padding-bottom: 0.2rem;
  }
  .fans1 .part3-3 .head .col p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-3 .list1 .bd {
    padding: 0.12rem 0 0.3rem 0;
  }
  .fans1 .part3-3 .list1 .bd h5 {
    font-size: 0.28rem;
  }
  .fans1 .part3-3 .list1 .bd p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-3 .list1 li.li_01 {
    width: 100%;
  }
  .fans1 .part3-3 .list1 li.li_02 {
    width: 100%;
  }
  .fans1 .part3-3 .list1 li.li_03 {
    width: 100%;
  }
  .fans1 .part3-4 .head {
    padding: 0.3rem;
  }
  .fans1 .part3-4 .head .img {
    flex: 0 0 auto;
  }
  .fans1 .part3-4 .head .col {
    width: 100%;
    flex: 0 1 auto;
    padding-left: 0.3rem;
  }
  .fans1 .part3-4 .head .col h5 {
    font-size: 0.28rem;
    padding-bottom: 0.2rem;
  }
  .fans1 .part3-4 .head .col p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-4 .list1 .bd {
    padding: 0.12rem 0 0.3rem 0;
  }
  .fans1 .part3-4 .list1 .bd h5 {
    font-size: 0.28rem;
  }
  .fans1 .part3-4 .list1 .bd p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-4 .list1 li {
    padding-bottom: 0.3rem;
  }
  .fans1 .part3-4 .list1 li.li_01 {
    flex-wrap: wrap;
  }
  .fans1 .part3-4 .list1 li.li_01 .img {
    width: 100%;
  }
  .fans1 .part3-4 .list1 li.li_01 .bd {
    width: 100%;
  }
  .fans1 .part3-4 .list1 li.li_02 {
    width: 100%;
  }
  .fans1 .part3-4 .list1 li.li_03 {
    width: 100%;
  }
  .fans1 .part3-5 {
    background: none;
    position: relative;
  }
  .fans1 .part3-5:before {
    content: "";
    display: block;
    position: absolute;
    left: -4.5rem;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url("/img/g65/part3-5.jpg") left bottom no-repeat;
    background-size: auto 10rem;
  }
  .fans1 .part3-5 .head {
    padding: 0.3rem;
    position: relative;
    left: 0;
    top: 0;
    margin-left: 0;
    width: 100%;
    margin-top: 0.55rem;
  }
  .fans1 .part3-5 .head .img {
    flex: 0 0 auto;
  }
  .fans1 .part3-5 .head .col {
    width: 100%;
    flex: 0 1 auto;
    padding-left: 0.3rem;
  }
  .fans1 .part3-5 .head .col h5 {
    font-size: 0.28rem;
    padding-bottom: 0.2rem;
  }
  .fans1 .part3-5 .head .col p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-5 .list1 {
    width: 5rem;
  }
  .fans1 .part3-5 .list1 .bd {
    padding: 0.12rem 0 0.3rem 0;
  }
  .fans1 .part3-5 .list1 .bd h5 {
    font-size: 0.28rem;
  }
  .fans1 .part3-5 .list1 .bd p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-5 .list1 li {
    padding-bottom: 0.3rem;
  }
  .fans1 .part3-6 {
    background: #f4f4f4 url("/img/g65/part3-6.jpg") right top no-repeat;
    background-size: 12rem;
  }
  .fans1 .part3-6 .head {
    padding: 0.3rem;
  }
  .fans1 .part3-6 .head .img {
    flex: 0 0 auto;
  }
  .fans1 .part3-6 .head .col {
    width: 100%;
    flex: 0 1 auto;
    padding-left: 0.3rem;
  }
  .fans1 .part3-6 .head .col h5 {
    font-size: 0.28rem;
    padding-bottom: 0.2rem;
  }
  .fans1 .part3-6 .head .col p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-6 .row {
    flex-wrap: wrap;
  }
  .fans1 .part3-6 .row .side-img {
    width: 100%;
  }
  .fans1 .part3-6 .row .list1 {
    width: 100%;
  }
  .fans1 .part3-6 .row .list1 h5 {
    font-size: 0.28rem;
  }
  .fans1 .part3-6 .row .list1 p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-6 .row .list1 li .name {
    font-size: 0.22rem;
  }
  .fans1 .part3-7 {
    background: none;
    position: relative;
  }
  .fans1 .part3-7:before {
    content: "";
    display: block;
    position: absolute;
    left: -4.5rem;
    top: 0;
    bottom: 0;
    width: 100%;
    background: url("/img/g65/part3-7.jpg") left top no-repeat;
    background-size: auto 10rem;
    display: none;
  }
  .fans1 .part3-7 .wal {
    padding: 1.1rem 0 0.5rem 0;
  }
  .fans1 .part3-7 .fans1-title h2 {
    text-align: center;
  }
  .fans1 .part3-7 .fans1-title h2:after {
    left: 50%;
    margin-left: -0.19rem;
  }
  .fans1 .part3-7 .list1 {
    padding-top: 0.75rem;
  }
  .fans1 .part3-7 .list1 li {
    padding-bottom: 0.5rem;
  }
  .fans1 .part3-7 .list1 li .col {
    width: 3rem;
  }
  .fans1 .part3-7 .list1 li .col h5 {
    font-size: 0.28rem;
  }
  .fans1 .part3-7 .list1 li .col p {
    font-size: 0.24rem;
    line-height: 0.4rem;
  }
  .fans1 .part3-7 .list1 li .img {
    width: 3.66rem;
  }
}
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 0.3rem;
  }
}

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