/* Local counterparts for image URLs that disappeared from the archived apps CDN. */
.notes .banner .notes-icon {
  background-image: url("/apps/assets/images/notes-app-icon.png") !important;
}
@media (min-width: 737px) {
  .notes .preview .wrapper {
    width: min(1225px, calc(100vw - 32px));
    max-width: 100%;
  }
  .wrapper.apps.page-notes .notes { background-color: #fff; }
}
.wrapper.apps.page-notes .notes .banner > h2[ng-bind="singleData.mobileTitle"] {
  font-weight: 400;
  margin-top: -12px;
}
/* Notes' current original buttons use blue surfaces, not the older generic gray controls. */
.wrapper.apps.page-notes .notes .download-btn {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
}
.wrapper.apps.page-notes .notes .download-btn a.for-btn {
  color: #fff;
  background: #5c89f2;
  border: 1px solid #3d70ef;
  font-weight: 700;
  box-shadow: none;
  text-decoration: none;
}
.wrapper.apps.page-notes .notes .download-btn a.for-btn:hover { opacity: .85; }
.wrapper.apps.page-notes .notes .for-qrcode { margin-left: 20px; }
.wrapper.apps.page-notes .notes .for-qrcode::before {
  background-image: url("/assets/static.smartisanos.cn/apps/img/qrcode-btn_9fb8ef89d7@2x.png");
  background-size: 23px auto;
}
.notes .preview .ipad {
  background-image: url("/apps/assets/images/notes-ipad-cover.png") !important;
}
.notes .preview .m1 {
  background-image: url("/apps/assets/images/notes-m1-cover.png") !important;
}
.notes .preview .iphone {
  background-image: url("/apps/assets/images/notes-iphone-cover.png") !important;
}
@media (min-width: 768px) {
  .notes .preview .iphone {
    left: calc(100% - 337px);
  }
}

.handshaker .handshaker-icon {
  background-image: url("/assets/static.smartisanos.cn/os/assets/images/handshaker-icon@2x.a177fdc1948267d831f6a37f1993d9b3.png") !important;
}
.handshaker .hand-shaker span.winbook {
  background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/win.84f0acecb2784241a8dc1815ebe16c1d.png") !important;
}
.handshaker .hand-shaker span.macbook {
  background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/macbook.1903df92391094cc9c08bdf124b8e1c1.png") !important;
}
.handshaker .hand-shaker span.winbook-1 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-1@2x.3973f442786966175226a4826a68a1d4.jpg") !important; }
.handshaker .hand-shaker span.winbook-2 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-2@2x.32e2b8479e50ae6fe5192b216eeebee4.jpg") !important; }
.handshaker .hand-shaker span.winbook-3 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-3@2x.4b1bd21cc31f0e1256fd1668a3b33061.jpg") !important; }
.handshaker .hand-shaker span.winbook-4 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-4@2x.7a295b0a409f0a0554e9e1bf005c886b.jpg") !important; }
.handshaker .hand-shaker span.winbook-5 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-5@2x.8edcc036da00da5356da12aa8c17757e.jpg") !important; }
.handshaker .hand-shaker span.winbook-6 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-6@2x.2b5a62cfbe15ab59802ef8a3821518b9.jpg") !important; }
.handshaker .hand-shaker span.winbook-7 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-win-img-7@2x.2c11baae91b43bc8e80510496ddc607b.jpg") !important; }
.handshaker .hand-shaker span.macbook-1 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-1@2x.54156cc9c20ae5b27f5481cb4ac0fe63.jpg") !important; }
.handshaker .hand-shaker span.macbook-2 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-2@2x.3ad64a9d58769aa9dc9a8c8589ed6aaf.jpg") !important; }
.handshaker .hand-shaker span.macbook-3 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-3@2x.ac7448f7d320e1eb77c8f43c31657d81.jpg") !important; }
.handshaker .hand-shaker span.macbook-4 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-4@2x.e43ce4683f6fdf3bb1005ebf5c650c31.jpg") !important; }
.handshaker .hand-shaker span.macbook-5 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-5@2x.8736ca741dfb44499bf9746e50c66df9.jpg") !important; }
.handshaker .hand-shaker span.macbook-6 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-6@2x.e5bd7b54595814abe88e63ce8632543c.jpg") !important; }
.handshaker .hand-shaker span.macbook-7 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-img-7@2x.bc9ddaa55b74c0cb35fa1c8e6448b507.jpg") !important; }
.handshaker .hand-shaker span.phone-1 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-1@2x.049718de42f8da04d2011caa2762f477.jpg") !important; }
.handshaker .hand-shaker span.phone-2 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-2@2x.152e69cb3f2bab64c0d654d6ebb03e55.jpg") !important; }
.handshaker .hand-shaker span.phone-3 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-3@2x.28bd45b384c650ed5d4561309e2ab155.jpg") !important; }
.handshaker .hand-shaker span.phone-4 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-2@2x.152e69cb3f2bab64c0d654d6ebb03e55.jpg") !important; }
.handshaker .hand-shaker span.phone-5 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-5@2x.6e3b6963507ef4825b3aa04fe301db01.jpg") !important; }
.handshaker .hand-shaker span.phone-6 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-6@2x.3abeaec81817b46912560ed20a2f2af5.jpg") !important; }
.handshaker .hand-shaker span.phone-7 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-7@2x.78b5682e17affc2a1d725938cf8cc0bc.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-1 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-1@2x.049718de42f8da04d2011caa2762f477.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-2 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-2@2x.152e69cb3f2bab64c0d654d6ebb03e55.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-3 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-3@2x.28bd45b384c650ed5d4561309e2ab155.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-4 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-2@2x.152e69cb3f2bab64c0d654d6ebb03e55.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-5 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-5@2x.6e3b6963507ef4825b3aa04fe301db01.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-6 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-6@2x.3abeaec81817b46912560ed20a2f2af5.jpg") !important; }
.handshaker-mac .hand-shaker span.phone-7 { background-image: url("/assets/static.smartisanos.cn/jianguopro2/assets/images/handshaker-mac-phone-img-7@2x.78b5682e17affc2a1d725938cf8cc0bc.jpg") !important; }
.handshaker .hand-shaker .phone-usb figure {
  margin: 0;
  background-image: url("/assets/static.smartisanos.cn/apps/assets/images/handshaker-phone-bg-osborn.e29be430b622fab603757b3daf15d6ae.png") !important;
}

/* One original nav-more-box presentation shared by the six selected Apps pages. */
.wrapper.apps .apps-topnav[data-apps-tabs] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  width: 100%;
  max-width: none;
  height: 75px;
  box-sizing: border-box;
  border: 0;
  text-align: left;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .nav-more-box {
  position: absolute;
  width: 100%;
  height: 75px;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .08);
}
.wrapper.apps .apps-topnav[data-apps-tabs] .container {
  box-sizing: border-box;
  width: min(1220px, calc(100% - 32px));
  max-width: none;
  height: 75px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .container::-webkit-scrollbar { display: none; }
.wrapper.apps .apps-topnav[data-apps-tabs] .nav {
  display: flex;
  width: max-content;
  height: 16px;
  margin: 0;
  padding: 30px 0 0;
  list-style: none;
  opacity: 1;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li {
  position: relative;
  display: block;
  float: none;
  flex: 0 0 auto;
  padding: 0 20px;
  font: 14px/16px "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li:first-child { padding-left: 10px; }
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li:last-child { padding-right: 10px; }
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li::before {
  content: " ";
  position: absolute;
  left: -1px;
  top: 50%;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background: #c7c7c7;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li:first-child::before { display: none; }
.wrapper.apps .apps-topnav[data-apps-tabs] .nav a {
  color: #757575;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
}
.wrapper.apps .apps-topnav[data-apps-tabs] .nav a:hover { color: #616161; }
.wrapper.apps .apps-topnav[data-apps-tabs] .nav li.active a { color: #616161; font-weight: 700; }
body.archive-apps-os .wrapper.apps > .main { position: relative; padding-top: 75px; }
@media (max-width: 735px) {
  .wrapper.apps .apps-topnav[data-apps-tabs],
  .wrapper.apps .apps-topnav[data-apps-tabs] .nav-more-box,
  .wrapper.apps .apps-topnav[data-apps-tabs] .container { height: 60px; }
  .wrapper.apps .apps-topnav[data-apps-tabs] .container { width: calc(100% - 24px); }
  .wrapper.apps .apps-topnav[data-apps-tabs] .nav { padding-top: 22px; }
  body.archive-apps-os .wrapper.apps > .main { padding-top: 60px; }
  .wrapper.apps.page-home > .main,
  .wrapper.apps.page-notes > .main { padding-top: 60px; }
  .wrapper.apps.page-notes .notes .banner > h2[ng-bind="singleData.mobileTitle"] { margin-top: 8px; }
  .wrapper.apps.page-notes .notes .download-btn a.for-btn.mobile { line-height: 38px; }
  .wrapper.apps.page-notes .notes .preview .wrapper { overflow: hidden; }
  /* Each desktop sprite cell is 120px apart, with a 96px icon crop; scale that crop to 64px. */
  .wrapper.apps.page-home .home .apps { --home-app-sprite-step: 80px; }
  .wrapper.apps.page-home .home .apps .app-content > p[ng-bind-html="app.recommend"] { display: none; }
}

/* Restore the archived desktop canvas and typography only for HandShaker. */
@media (min-width: 737px) {
  .wrapper.apps.page-handshaker { min-width: 1220px; }
}
.wrapper.apps.page-handshaker .handshaker {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", STHeiti, "华文细黑", sans-serif;
  font-size: 14px;
  line-height: 1.15;
  color: #666;
}
.wrapper.apps.page-handshaker .handshaker h1,
.wrapper.apps.page-handshaker .handshaker h2,
.wrapper.apps.page-handshaker .handshaker h3,
.wrapper.apps.page-handshaker .handshaker h4,
.wrapper.apps.page-handshaker .handshaker h5,
.wrapper.apps.page-handshaker .handshaker h6 {
  margin: 0;
  font-weight: 400;
}

/* These two detail pages intentionally omit their archived lower app modules. */
.wrapper.apps.page-handshaker .app-major,
.wrapper.apps.page-notes .app-major,
.wrapper.apps.page-handshaker .download-btn { display: none !important; }
/* Local homepage app icons: SmartFinder uses the supplied icon; these three entries use the original archived sprite. */
.home .apps li.handshaker:not(.en) .icon-home.icon-handshaker {
  background-image: url("/apps/assets/images/home/smartfinder.png") !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}
.home .apps li.backup .icon-home.icon-backup {
  background-image: url("/apps/assets/images/home/original-app-icon-sprite-transparent.png") !important;
  background-position: calc(-1 * var(--home-app-sprite-step, 120px)) calc(-3 * var(--home-app-sprite-step, 120px)) !important;
  background-size: calc(6 * var(--home-app-sprite-step, 120px)) auto !important;
}
.home .apps li.launcher .icon-home.icon-launcher {
  background-image: url("/apps/assets/images/home/original-app-icon-sprite-transparent.png") !important;
  background-position: 0 0 !important;
  background-size: calc(6 * var(--home-app-sprite-step, 120px)) auto !important;
}
.home .apps li.rom .icon-home.icon-rom {
  background-image: url("/apps/assets/images/home/original-app-icon-sprite-transparent.png") !important;
  background-position: 0 calc(-3 * var(--home-app-sprite-step, 120px)) !important;
  background-size: calc(6 * var(--home-app-sprite-step, 120px)) auto !important;
}

/* Homepage Reader icon supplied for the existing app card. */
.home .apps li.reader .icon-home.icon-reader { background-image: url('/apps/assets/images/home/reader-transparent.png') !important; background-position: center !important; background-size: 100% 100% !important; }


/* Keep Launcher goods labels visually consistent after removing their navigation. */
.apps-recovered .page-launcher .goods .list > .item.no-link { color: #757575; }
@media screen and (max-width: 736px) and (max-device-width: 736px), screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2) {
  .apps-recovered .page-launcher .goods .list > .item.no-link { font-size: 12px; }
}