.banner {
  height: 620px;
  background: url("../image/pdfmaster-mac/pc/PDFMaster_bg.png") no-repeat center center;
  background-size: cover; }

  .banner .edition-ios {
    display: none; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .banner {
      height: 620px;
      background: url("../image/pdfmaster-mac/ipad/bg_ipad.png") no-repeat center center;
      background-size: 100% auto; }
      .banner .banner-h2 {
        padding: 0 120px; }
      .banner .banner-622 {
        padding-top: 80px; }
      .banner .banner-logo {
        width: 82px;
        height: 81px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .banner {
      height: auto;
      background: url("../image/pdfmaster-mac/ios/bg.png") no-repeat center center;
      background-size: cover;
      min-height: 622px;
      padding-bottom: 1rem; }
      .banner .window-btn {
        width: 100%; }
        .banner .window-btn .edition {
          display: none; }
      .banner .edition-ios {
        display: block;
        color: #fff;
        margin-top: 0.5rem;
        font-size: 0.3rem; }
      /*.banner .banner-href-a {
        margin-top: 0.85rem; } */}
  .banner .banner-p-yes {
    margin-top: 17px;
    font-size: 16px; }
    @media screen and (min-width: 786px) {
      .banner .banner-p-yes {
        width: 765px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .banner .banner-p-yes {
        font-size: 0.37rem; } }
    @media screen and (min-width: 768px) and (max-width: 1180px) {
      .banner .banner-p-yes {
        padding: 0 90px;
        font-size: 16px; } }
  .banner .banner-button {
    align-items: flex-start; }
    .banner .banner-button .banner-button-color {
      display: flex;
      justify-content: center;
      align-items: center; }
      .banner .banner-button .banner-button-color img {
        width: 18px;
        height: 17px;
        margin-right: 8px; }
    .banner .banner-button .edition {
      color: #fff;
      margin-top: 16px;
      font-size: 16px; }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .mobeil-phone-padding {
    padding: 1.14rem 0.79rem 0; } }

.w-public-style-h3 {
  font-size: 24px;
  font-weight: bold;
  color: #272727;
  margin-bottom: 30px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-public-style-h3 {
      font-size: 0.5rem; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .w-public-style-h3 {
      text-align: center; } }

.w-public-style-p {
  font-size: 18px;
  font-weight: 100;
  color: #272727;
  word-wrap: break-word; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-public-style-p {
      font-size: 0.37rem;
      margin-bottom: 1.32rem; } }

.w-index-h3 {
  color: #272727;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 2px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-h3 {
      font-size: 0.64rem; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .w-index-h3 {
      text-align: center; } }

.w-index-h1 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 27px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-h1 {
      font-size: 0.5rem;
      text-align: left; } }

.w-index-p {
  font-size: 16px;
  text-align: center;
  color: #666666; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-p {
      font-size: 0.35rem;
      text-align: left; } }

.w-index-all-in {
  background-color: #F9F9FB;
  padding: 95px 0 100px; }
  .w-index-all-in-list {
    font-size: 0; }
    .w-index-all-in-list-item {
      display: inline-block;
      vertical-align: top;
      width: 33.333%;
      margin-top: 95px;
      text-align: center; }
      .w-index-all-in-list-item img {
        margin: 0 auto 23px; }
      .w-index-all-in-list-item h3 {
        font-size: 18px;
        margin-bottom: 25px; }
      .w-index-all-in-list-item p {
        color: #666;
        font-size: 16px;
        width: 340px;
        margin: 0 auto; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-all-in-list-item {
      width: 50%; }
      .w-index-all-in-list-item p {
        width: 280px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-all-in {
      padding: 1.02rem 0.79rem; }
      .w-index-all-in-list {
        margin-top: 1.1rem; }
        .w-index-all-in-list-item {
          display: flex;
          align-items: flex-start;
          text-align: left;
          margin-top: 0;
          margin-bottom: 1.24rem; }
          .w-index-all-in-list-item:last-child {
            margin-bottom: 0; }
          .w-index-all-in-list-item .right {
            margin-left: 0.58rem; }
          .w-index-all-in-list-item img {
            width: 1rem;
            margin: 0 0; }
          .w-index-all-in-list-item h3 {
            font-size: 0.34rem;
            margin-bottom: 0.2rem; }
          .w-index-all-in-list-item p {
            width: 6.8rem;
            margin: 0 auto;
            font-size: 0.3rem; } }

.w-index-protect {
  background-color: #F9F9FB;
  padding: 60px 0 126px; }
  .w-index-protect-list {
    display: flex;
    justify-content: space-between; }
    .w-index-protect-list-item {
      margin-top: 108px;
      text-align: center; }
      .w-index-protect-list-item img {
        margin: 0 auto 23px; }
      .w-index-protect-list-item h3 {
        font-size: 18px;
        margin-bottom: 25px; }
      .w-index-protect-list-item p {
        color: #666;
        font-size: 16px;
        width: 350px; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-protect .w-index-h1 {
      padding: 0 80px; }
    .w-index-protect-list {
      display: block;
      font-size: 0; }
      .w-index-protect-list-item {
        display: inline-block;
        vertical-align: top;
        width: 50%; }
        .w-index-protect-list-item p {
          width: 280px;
          margin: 0 auto; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-protect {
      padding: 1.02rem 0.79rem; }
      .w-index-protect-list {
        display: block;
        font-size: 0;
        margin-top: 0.94rem; }
        .w-index-protect-list-item {
          display: flex;
          align-items: flex-start;
          text-align: left;
          margin-top: 0;
          margin-bottom: 1.24rem; }
          .w-index-protect-list-item:last-child {
            margin-bottom: 0; }
          .w-index-protect-list-item .right {
            margin-left: 0.58rem; }
          .w-index-protect-list-item img {
            width: 1rem;
            margin: 0 0; }
          .w-index-protect-list-item h3 {
            font-size: 0.34rem;
            margin-bottom: 0.2rem; }
          .w-index-protect-list-item p {
            width: 6.5rem;
            margin: 0 auto;
            font-size: 0.3rem; } }

.w-index-fill {
  margin: 60px auto 113px; }
  .w-index-fill .w-index-p {
    width: 778px;
    margin: 0 auto; }
  .w-index-fill img {
    margin: 65px auto 0; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-fill .w-index-p {
      width: 585px; }
    .w-index-fill img {
      padding: 0 39px;
      width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-fill {
      margin: 0 0;
      padding: 1.02rem 0; }
      .w-index-fill .w-index-p, .w-index-fill .w-index-h1 {
        width: initial;
        padding: 0 0.79rem; }
      .w-index-fill img {
        width: 100%;
        padding: 0 0.35rem;
        margin-top: 0.98rem; } }

.w-index-comment {
  background-color: #F9F9FB;
  padding: 60px 0 124px; }
  .w-index-comment .w-index-p {
    width: 742px;
    margin: 0 auto; }
  .w-index-comment img {
    margin: 63px auto 0; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-comment .w-index-p {
      width: 575px; }
    .w-index-comment .w-index-h1 {
      padding: 0 150px; }
    .w-index-comment img {
      width: 100%;
      padding: 0 31px; }
      .w-index-comment img:last-child {
        padding: 0 72px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-comment {
      padding: 1.05rem 0.79rem; }
      .w-index-comment .w-index-p {
        width: initial; }
      .w-index-comment img {
        width: 100%; } }

.w-index-shield {
  margin-top: 100px;
  margin-bottom: 40px; }
  .w-index-shield img {
    max-width: 642px;
    margin-right: 100px; }
  .w-index-shield-right ul {
    margin-left: 20px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-shield-right ul {
        text-align: left;
        margin-left: 0;
        width: initial;
        padding-left: 44px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-shield-right ul {
        margin-left: 0;
        margin: 0 20px;
        margin-bottom: 40px; } }
    .w-index-shield-right ul li {
      list-style: initial;
      font-size: 16px;
      margin-bottom: 5px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-shield-right ul li {
          font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-shield-right ul li {
          font-size: 0.32rem; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-shield {
      flex-direction: column-reverse;
      padding: 0 30px;
      text-align: center;
      margin-top: 70px; }
      .w-index-shield img {
        margin-right: 0;
        margin-top: 75px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-shield {
      flex-direction: column-reverse;
      margin-top: 2.06rem;
      padding: 0 0.8rem; }
      .w-index-shield img {
        width: 8.2rem;
        height: auto;
        margin-right: 0; } }

.w-index-scans {
  background-color: #F9F9FB;
  padding: 50px 0 120px; }
  .w-index-scans ul {
    width: 815px;
    margin: 0 auto; }
    .w-index-scans ul li {
      font-size: 16px;
      text-align: center; }
  .w-index-scans img {
    margin: 81px auto 0; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .w-index-scans .w-index-h1 {
      padding: 0 80px; }
    .w-index-scans ul {
      width: 580px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-scans {
      padding: 1.26rem 0.79rem; }
      .w-index-scans ul {
        width: initial;
        padding-left: 0.39rem; }
        .w-index-scans ul li {
          list-style: initial;
          font-size: 0.34rem;
          text-align: left; }
      .w-index-scans img {
        width: 100%;
        margin-top: 0.84rem; } }

.w-index-lockApp {
  margin: 50px auto 89px; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .w-index-lockApp {
      flex-direction: column;
      text-align: center;
      padding: 0 30px; }
      .w-index-lockApp img {
        margin-top: 80px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-lockApp {
      flex-direction: column;
      padding: 0 0.8rem;
      margin-top: 1.8rem; }
      .w-index-lockApp img {
        height: auto;
        width: 8.04rem; } }
  .w-index-lockApp-left {
    padding-left: 62px;
    margin-right: 80px; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .w-index-lockApp-left {
        margin-right: 0;
        padding-left: 0; }
        .w-index-lockApp-left p {
          padding: 0 50px; } }
    @media screen and (min-width: 320px) and (max-width: 767px) {
      .w-index-lockApp-left {
        padding-left: 0;
        margin-right: 0; } }
    .w-index-lockApp-left ul {
      margin-left: 20px; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .w-index-lockApp-left ul {
          width: initial;
          margin-left: 0;
          text-align: left;
          padding-left: 44px; } }
      @media screen and (min-width: 320px) and (max-width: 767px) {
        .w-index-lockApp-left ul {
          margin-left: 0;
          margin: 0 20px;
          margin-bottom: 40px; } }
      .w-index-lockApp-left ul li {
        list-style: initial;
        font-size: 16px;
        margin-bottom: 5px; }
        @media screen and (min-width: 768px) and (max-width: 1024px) {
          .w-index-lockApp-left ul li {
            font-size: 16px; } }
        @media screen and (min-width: 320px) and (max-width: 767px) {
          .w-index-lockApp-left ul li {
            font-size: 0.32rem; } }

.w-index-edit {
  margin-top: 50px; }
  .w-index-edit .mac {
    margin: 59px auto 0; }
  .w-index-edit-list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 115px; }
    .w-index-edit-list-item {
      margin-top: 69px;
      text-align: center; }
      .w-index-edit-list-item img {
        margin: 0 auto 23px; }
      .w-index-edit-list-item h3 {
        font-size: 18px;
        margin-bottom: 25px; }
      .w-index-edit-list-item p {
        color: #666;
        font-size: 16px;
        width: 340px; }
  @media screen and (max-width: 1180px) and (min-width: 768px) {
    .w-index-edit {
      padding: 0 30px; }
      .w-index-edit .mac {
        width: 100%; }
      .w-index-edit-list {
        display: block;
        font-size: 0; }
        .w-index-edit-list-item {
          display: inline-block;
          vertical-align: top;
          width: 50%; }
          .w-index-edit-list-item p {
            width: 285px;
            margin: 0 auto; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-edit {
      padding: 1.02rem 0;
      margin-top: 0; }
      .w-index-edit .w-index-h1, .w-index-edit .w-index-p {
        padding: 0 0.79rem; }
      .w-index-edit .mac {
        width: 100%;
        padding: 0 0.27rem; }
      .w-index-edit-list {
        display: block;
        font-size: 0;
        padding: 0 0.79rem;
        margin-top: 0.94rem; }
        .w-index-edit-list-item {
          display: flex;
          align-items: flex-start;
          text-align: left;
          margin-top: 0;
          margin-bottom: 1.24rem; }
          .w-index-edit-list-item:last-child {
            margin-bottom: 0; }
          .w-index-edit-list-item .right {
            margin-left: 0.58rem; }
          .w-index-edit-list-item img {
            width: 1rem;
            margin: 0 0; }
          .w-index-edit-list-item h3 {
            font-size: 0.34rem;
            margin-bottom: 0.2rem; }
          .w-index-edit-list-item p {
            width: 6.5rem;
            margin: 0 auto;
            font-size: 0.3rem; } }

.w-index-reviews {
  justify-content: center;
  height: 95px;
  padding-top: 50px; }
  .w-index-reviews img {
    width: 661px;
    height: auto; }
  .w-index-reviews-right {
    margin-left: 80px;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .w-index-reviews-right img {
      width: 87px;
      margin: 0 auto; }
    .w-index-reviews-right p {
      font-size: 14px;
      font-weight: 300;
      text-decoration: underline;
      cursor: pointer; }
    .w-index-reviews-right span {
      font-size: 12px;
      color: #9F9F9F; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .w-index-reviews {
      flex-direction: column; }
      .w-index-reviews-right {
        margin-top: 30px;
        margin-left: 0px; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .w-index-reviews {
      display: none; } }

.footer-banner {
  background: #2D3C54; }
  .footer-banner .banner-622 {
    padding-top: 82px; }

   @media screen and (min-width: 320px) and (max-width: 767px) {
     .footer-banner .banner-622 {
       padding-top: 1.33rem;
     }
   }

@media screen and (min-width: 1181px) {
  .banner-p-button {
    width: 780px;
    margin: 20px auto 0; } }

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .banner-p-button {
    padding: 0 60px; } }

#banner-box {
  height: 561px; }