[v-cloak]{display:none}

.support {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.support-wrap {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  padding: 1.4rem 0 0 0;
}

.wrap-title {
  width: 100%;
  font-size: .24rem;
  color: #333;
  line-height: 1.7;
}

.wrap-subtitle {
  width: 100%;
  margin-bottom: .3rem;
  font-size: .14rem;
  color: #333;
}

.wrap-list {
  position: relative;
  width: 100%;
}

.list-item {
  position: relative;
  width: 50%;
  padding-top: .35rem;
  padding-bottom: .3rem;
}

.list-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: block;
  content: "";
  width: 1rem;
  height: 1px;
  background-color: #ddd;
}

.list-item:nth-child(5)::after {
  display: none;
}
.list-item:nth-child(6)::after {
  display: none;
}

.list-item>.item-code {
  position: absolute;
  right: 1.4rem;
  top: .3rem;
  z-index: 9;
  width: 1.1rem;
  height: 1.1rem;
}

.list-item>.item-code>img {
  width: 100%;
  height: 100%;
}

.list-item>.item-title {
  width: 100%;
  margin-bottom: .1rem;
  font-size: .16rem;
  color: #333;
}

.list-item>.item-facebook {
  width: 100%;
  font-size: .14rem;
  color: #333;
  line-height: 1.5;
}

.list-item>.item-facebook>a {
  font-size: .14rem;
  color: #2997ff;
}

.list-item>.item-email {
  width: 100%;
  font-size: .14rem;
  color: #333;
  line-height: 1.5;
}

.list-item>.item-email>a {
  font-size: .14rem;
  color: #2997ff;
}

@media only screen and (max-width:767px){
  .support {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
  }
  
  .support-wrap {
    width: 100%;
    height: 100%;
    padding: 0.8rem .2rem .3rem .2rem;
  }
  
  .wrap-title {
    width: 100%;
    padding: 0rem 0rem 0 .1rem;
    font-size: .24rem;
    color: #333;
    line-height: 1.7;
  }
  
  .wrap-subtitle {
    width: 100%;
    padding: 0rem 0rem 0 .1rem;
    margin-bottom: .2rem;
    font-size: .14rem;
    color: #333;
  }
  
  .wrap-list {
    position: relative;
    width: 100%;
    display: block;
  }
  
  .list-item {
    position: relative;
    width: 100%;
    padding: .3rem 0 .25rem .1rem;
  }
  
  .list-item::after {
    position: absolute;
    bottom: 0;
    left: .1rem;
    z-index: 9;
    display: block;
    content: "";
    width: 1rem;
    height: 2px;
    background-color: #eee;
  }
  
  .list-item:nth-child(5)::after {
    display: block;
  }
  .list-item:nth-child(6)::after {
    display: none;
  }
  
  .list-item>.item-code {
    position: relative;
    right: 0rem;
    top: 0rem;
    z-index: 9;
    width: 1.1rem;
    height: 1.1rem;
    margin-top: .1rem;
  }
  
  .list-item>.item-code>img {
    width: 100%;
    height: 100%;
  }
  
  .list-item>.item-title {
    width: 100%;
    margin-bottom: .1rem;
    font-size: .16rem;
    color: #333;
  }
  
  .list-item>.item-facebook {
    width: 100%;
    font-size: .14rem;
    color: #333;
    line-height: 1.5;
  }
  
  .list-item>.item-facebook>a {
    font-size: .14rem;
    color: #2997ff;
  }
  
  .list-item>.item-email {
    width: 100%;
    font-size: .14rem;
    color: #333;
    line-height: 1.5;
  }
  
  .list-item>.item-email>a {
    font-size: .14rem;
    color: #2997ff;
  }
}