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; }

  .fans .part-1 .content {
    font-size: .24rem;
    line-height: .44rem; }

  .fans .part-2 .big-img {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .fans .part-2 .list1 {
    padding: 0 .45rem; }
    .fans .part-2 .list1 li .name {
      font-size: .28rem; }
    .fans .part-2 .list1 li .msg {
      font-size: .24rem;
      line-height: .44rem;
      padding-bottom: .3rem;
      min-height: 0; }

  .fans .part-3 .big-img {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .fans .part-3 .list1 {
    padding-left: .45rem;
    padding-right: .45rem; }
    .fans .part-3 .list1 li .img {
      width: 100%; }
    .fans .part-3 .list1 li .col {
      width: 100%; }
    .fans .part-3 .list1 li .name {
      font-size: .28rem; }
    .fans .part-3 .list1 li .msg {
      font-size: .24rem;
      line-height: .44rem; }
    .fans .part-3 .list1 li:nth-child(even) .col {
      order: 1; }

  .fans .part-4 .container .name {
    font-size: .28rem; }
  .fans .part-4 .container p {
    font-size: .24rem;
    line-height: .44rem; }
  .fans .part-4 .list1 {
    padding-bottom: 7.5rem; }
    .fans .part-4 .list1 li .col {
      width: 100%; }
    .fans .part-4 .list1 li .title {
      font-size: .32rem; }
    .fans .part-4 .list1 li .name {
      font-size: .28rem; }
    .fans .part-4 .list1 li .msg {
      font-size: .24rem;
      line-height: .44rem; }
    .fans .part-4 .list1 li .img {
      position: relative;
      left: .2rem;
      padding-top: .3rem; }

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

  .fans .part-6 .title {
    font-size: .32rem; }
  .fans .part-6 .msg {
    font-size: .24rem;
    line-height: .44rem; }
  .fans .part-6 .list1 ul {
    justify-content: center;
    -webkit-justify-content: center; }
  .fans .part-6 .list1 li {
    padding-bottom: .3rem; }
    .fans .part-6 .list1 li .name {
      font-size: .26rem; }
  .fans .part-6 .list2 li {
    padding-top: .5rem; }
  .fans .part-6 .list2 .name {
    font-size: .28rem; }
  .fans .part-6 .list2 dd {
    width: 100%;
    padding-bottom: .3rem; }

  .fans .part-7 .title {
    font-size: .32rem; }
  .fans .part-7 .big-img {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .fans .part-7 .list1 {
    padding-bottom: 1rem; }
    .fans .part-7 .list1 li .name {
      font-size: .28rem; }
    .fans .part-7 .list1 li .content {
      font-size: .24rem;
      line-height: .44rem;
      width: 100%;
      padding-bottom: .3rem; }
    .fans .part-7 .list1 li .img {
      position: static;
      width: 100%; }

  .fans .part-8 .container {
    padding: 1rem 0 .8rem 0; }
    .fans .part-8 .container .img {
      position: static;
      margin: 0 auto;
      padding-bottom: .6rem; }
    .fans .part-8 .container .title {
      font-size: .32rem; }
    .fans .part-8 .container .name {
      font-size: .28rem; }
    .fans .part-8 .container .msg {
      font-size: .24rem;
      line-height: .44rem; }
    .fans .part-8 .container li {
      width: 48%; }
      .fans .part-8 .container li .name2 {
        font-size: .24rem; }
  .fans .part-8 .list1 li {
    width: 6rem; }
    .fans .part-8 .list1 li .name {
      font-size: .28rem; }
    .fans .part-8 .list1 li .msg {
      font-size: .24rem;
      line-height: .44rem; }

  .fans .part-9 .list1 li {
    width: 47%; }
    .fans .part-9 .list1 li .name {
      font-size: .28rem; }
    .fans .part-9 .list1 li .msg {
      font-size: .22rem;
      line-height: .4rem; }

  .part-0 {
    min-height: 5rem; }
    .part-0 .title {
      padding-top: .6rem;
      font-size: .36rem; }
      .part-0 .title h2 {
        font-size: .6rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

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