#app {
  overflow: inherit;
  height: auto; }

.c-red {
  color: red; }

.w-index {
  padding: 50px 0; }
  .w-index-h1 {
    font-size: 26px;
    text-align: left; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-h1 {
        padding: 0 0.7rem; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-h1 {
        padding: 0 2rem 0 0.7rem;
        font-size: 20px; } }
  .w-index-more {
    text-align: center;
    font-size: 14px;
    margin: 10px 0 40px;
    cursor: pointer; }
    .w-index-more img {
      display: inline-block; }
  .w-index-table {
    background-color: #F5F5F5;
    border: 1px solid #E7E7E7;
    padding: 40px 20px;
    margin-top: 20px;
    font-size: 14px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-table {
        margin: 30px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-table {
        margin: 20px; } }
    .w-index-table-submit {
      text-align: center;
      margin-top: 50px; }
      .w-index-table-submit span {
        display: inline-block;
        padding: 10px 60px;
        background-color: #3EA6F9;
        color: #fff;
        cursor: pointer;
        border-radius: 5px; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .w-index-table-submit span {
            padding: 10px 0px;
            width: 100%; } }
    .w-index-table-item img {
      width: 90px;
      height: 15px;
      margin-top: 5px;
      margin-bottom: 15px; }
    .w-index-table-item div {
      margin-top: 20px; }
    .w-index-table-item-name {
      width: 48.7%;
      margin-right: 2%;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-table-item-name {
          width: 100%;
          /*margin-top: 0px !important;*/ } }
    .w-index-table-item-email {
      width: 48.7%;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-table-item-email {
          width: 100%; } }
    .w-index-table-item input {
      width: 100%;
      background-color: #fff;
      margin-top: 10px;
      height: 30px; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-table-item input {
          height: 45px; } }
    .w-index-table-item textarea {
      width: 100%;
      border: 0px;
      margin-top: 10px;
      height: 50px;
      outline-color: rgba(0, 0, 0, 0);
      resize: none; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-table-item textarea {
          height: 100px; } }
  .w-index-escape {
    margin: 40px 0;
    text-align: center;
    font-size: 14px;
    padding: 0 30px;
    display: none; }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-escape {
        display: block; } }
    .w-index-escape-h4 {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 20px; }
      .w-index-escape-h4 span {
        color: #2D95F6; }
    .w-index-escape-content {
      margin-bottom: 20px; }
    .w-index-escape-footer {
      margin-bottom: 20px; }
  .w-index-softpedia {
    margin: 30px 0;
    font-size: 14px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-softpedia {
    font-size: 12px; }
  }
    .w-index-softpedia-item {
      display: inline-grid;
      width: calc(99% / 3);
      padding: 0 45px;
      text-align: center;
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-softpedia-item {
          width: calc(99%/2); } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-softpedia-item {
          width: 100%; } }
      .w-index-softpedia-item-title {
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 800;
        color: #002873; }
        .w-index-softpedia-item-title img {
          display: block;
          max-height: 90px;
          max-width: 300px;
          margin: 0 auto 10px auto; }
      .w-index-softpedia-item-content {
        margin-bottom: 20px; }
      .w-index-softpedia-item-footer {
        margin-bottom: 20px; }
  .w-index-comment {
    margin: 50px 0; }
    .w-index-comment-title {
      display: flex;
      width: 100%;
      justify-content: space-between;
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-comment-title {
          padding: 0 30px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-comment-title {
          padding: 0 20px; } }
      .w-index-comment-title-left {
        font-size: 16px;
        color: #3EA6F9;
        font-weight: 600;
        padding-top: 7px;
        vertical-align: middle; }
        .w-index-comment-title-left span {
          margin-right: 5px; }
        .w-index-comment-title-left img {
          width: 90px;
          height: 15px;
          vertical-align: middle;
          display: inline-block; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .w-index-comment-title-left {
            font-size: 14px; }
            .w-index-comment-title-left span {
              margin-right: 0px; } }
      .w-index-comment-title-right {
        font-size: 12px;
        vertical-align: middle;
        color: #fff;
        border-radius: 10px;
        padding: 7px 10px;
        cursor: pointer;
        background-color: #3EA6F9;
        border: 1px solid #E7E7E7; }
    .w-index-comment-item {
      padding: 15px;
      background-color: #F5F5F5;
      font-size: 14px;
      margin-top: 30px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-comment-item {
          margin: 0 30px;
          margin-top: 30px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-comment-item {
          margin: 0 20px;
          margin-top: 20px; } }
      .w-index-comment-item-title {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 10px;
        font-weight: 600; }
        .w-index-comment-item-title-right img {
          width: 90px;
          height: 15px; }
      .w-index-comment-item-time {
        font-size: 12px;
        color: #999999;
        /*margin-bottom: 15px;*/ }
      .w-index-comment-item-content {
        margin-bottom: 15px; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .w-index-comment-item-content {
            font-size: 12px; } }
      .w-index-comment-item-footer span {
        margin-right: 20px; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .w-index-comment-item-footer span {
            font-size: 12px; } }
      .w-index-comment-item-footer img {
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
        width: 20px;
        height: 20px;
        cursor: pointer; }