body {
  background: #E6E6E6; }

.uiwu-box {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px; }
  .uiwu-box-swiper {
    width: 100%;
    padding: 0 20px;
    height: 257px;
    background: url("../image/about/ifunia_about.png") no-repeat 0 0;
    background-size: 100% 257px;
    border-radius: 0; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .uiwu-box-swiper {
        background: url("../image/about/ifunia_about_ipad.png") no-repeat 0 0;
        background-size: 100% 257px;
        padding: 0 30px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .uiwu-box-swiper {
        background: url("../image/about/ifunia_about_ios.png") no-repeat 0 0;
        background-size: 100% auto;
        height: 4rem;
        padding: 0 0.4rem; } }
    .uiwu-box-swiper-item {
      max-width: 1400px;
      margin: 0 auto;
      height: 100%;
      padding: 0; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .uiwu-box-swiper-item {
          text-align: left; } }
      .uiwu-box-swiper-item p {
        font-size: 38px;
        font-weight: bold;
        color: #F5F5F5;
        line-height: 58px;
        padding: 60px 0 20px; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .uiwu-box-swiper-item p {
            font-size: 0.61rem;
            line-height: 0.77rem;
            padding: 0.95rem 0 0.35rem; } }
      .uiwu-box-swiper-item span {
        font-size: 20px;
        font-weight: 400;
        color: #F6F6F6;
        line-height: 34px;
        max-width: 542px;
        display: block; }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .uiwu-box-swiper-item span {
            font-size: 0.32rem;
            line-height: 0.45rem;
            width: 73%; } }
  .uiwu-box-article {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .uiwu-box-article {
        padding: 0 30px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .uiwu-box-article {
        padding: 0 0.4rem; } }
    .uiwu-box-article h4 {
      font-size: 32px;
      font-weight: bold;
      color: #000000;
      line-height: 42px;
      margin-bottom: 30px;
      margin-top: 52px; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .uiwu-box-article h4 {
          margin-top: 0.67rem;
          margin-bottom: 0.63rem;
          font-size: 0.64rem;
          line-height: 0.56rem; } }
    .uiwu-box-article p {
      font-size: 17px;
      font-weight: 400;
      color: #666666;
      line-height: 30px;
      margin-bottom: 10px; }
      .uiwu-box-article p span {
        color: #0045FF;
        margin-left: 5px;
        cursor: pointer; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .uiwu-box-article p {
          font-size: 0.32rem;
          line-height: 0.56rem;
          margin-bottom: 0.27rem; } }


    .uiwu-box-article h3 {
      font-size: 22px;
      font-weight: bold;
      color: #000000;
      line-height: 32px;
      margin-bottom: 20px;
      margin-top: 20px; }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .uiwu-box-article h3 {
          margin-top: 0.67rem;
          margin-bottom: 0.63rem;
          font-size: 0.64rem;
          line-height: 0.56rem; } }