console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>iPhone - Apple (中国大陆)</title>
<meta name="Description" content="折抵你现有的 iPhone，换购 iPhone 11 仅 RMB 167/月起，或换购 iPhone 11 Pro 仅 RMB 273/月起。在线操作或店内办理均可。立即到 apple.com.cn 购买。" />
<meta property="og:image" content="https://www.apple.com/v/iphone/home/aj/images/meta/og__byyl1jl4xsvm.png?202006120420" />
<meta property="og:title" content="iPhone" />
<meta property="og:description" content="折抵你现有的 iPhone，换购 iPhone 11 仅 RMB 167/月起，或换购 iPhone 11 Pro 仅 RMB 273/月起。在线操作或店内办理均可。立即到 apple.com.cn 购买。" />
<meta property="og:url" content="https://www.apple.com.cn/iphone/" />
<meta property="og:locale" content="zh_CN" />
<meta property="og:site_name" content="Apple (中国大陆) - 官方网站" />
<meta property="og:type" content="website" />
<meta name="twitter:site" content="@Apple" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="al:ios:app_name" content="Apple Store" />
<meta property="al:ios:app_store_id" content="375380948" />
<meta property="al:ios:url" content="https://www.apple.com/cn/xc/iphone?cid=AOS_ASA" />
<meta property="analytics-track" content="iPhone - Index/Tab" />
<meta property="analytics-s-channel" content="iphone.tab+other" />
<meta property="analytics-s-bucket-0" content="appleglobal,applestoreww" />
<meta property="analytics-s-bucket-1" content="apple{COUNTRY_CODE}global,applestoreww" />
<meta property="analytics-s-bucket-2" content="apple{COUNTRY_CODE}global,applestoreww" />
<link rel="stylesheet" href="/wss/fonts?families=SF+Pro,v2|SF+Pro+Icons,v1" />
<link rel="stylesheet" href="/v/iphone/home/aj/built/styles/overview.built.css" type="text/css" />
<link rel="stylesheet" href="/v/iphone/help-me-choose/c/built/styles/shared.built.css" type="text/css" />
<script src="/v/iphone/home/aj/built/scripts/head.built.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="/wss/fonts?family=SF+Pro+SC&weights=300,400,500,600&v=1" type="text/css">
<link rel="stylesheet" href="/global-cn/styles/sfpro-cn.css" />
<link rel="stylesheet" href="/iphone/home/styles/overview.images.css" type="text/css" />
<link rel="stylesheet" href="/iphone/home/styles/overview.built.css" type="text/css" />
</head>
<body class="page-overview ac-gn-current-iphone">
<div style="display:none;"><img src="/iphone/home/images/meta/wechat/og__byyl1jl4xsvm.png" alt=""></div>
<div class="adv-wrapper">
<div class="adv-wrapper-text"><广告></div>
</div>
<style>
html {
margin-top: 40px !important;
}
body {
border-top: 1px solid transparent;
margin-top: -1px;
position: relative;
}
html.oldie body {
overflow-x: visible;
}
.adv-wrapper {
position: absolute;
top: -40px;
z-index: 9999;
background: #444;
line-height: 1;
top: -40px;
width: 100%;
right:0;
height: 40px;
z-index: 9999;
}
.ac-gn-segmentbar-visible .adv-wrapper {
position: absolute;
top: -40px;
}
.ac-gn-segmentbar-visible .macpro-gg .adv-wrapper {
top: 0px;
}
.adv-wrapper .adv-wrapper-text {
color: #a8a8aa;
display: block;
line-height: 40px;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
text-align: right;
max-width: 976px;
margin: 0 auto;
}
.ac-gn-segmentbar-visible .adv-wrapper{
background: transparent;
width: 20%
}
.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
width: 100%;
margin-left: 488px;
position: absolute;
left: -250%;
min-width: auto;
}
@media only screen and (max-width: 1023px) {
.adv-wrapper {
min-width: 20%
}
.adv-wrapper .adv-wrapper-text {
margin-left:auto;
width: auto;
padding: 0 22px;
position: relative;
left: 0;
padding-left: calc(max(22px, env(safe-area-inset-left)));
padding-right: calc(max(22px, env(safe-area-inset-right)));
}
.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
width: auto;
position: relative;
padding: 0 12px;
left: -6%;
margin: 0;
}
.ac-gn-segmentbar-visible #sonic-automotive.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
.ac-gn-segmentbar-visible #ducati.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
.ac-gn-segmentbar-visible #mayo-clinic.profiles.platter.ac-gn-current-iphone.full-nav .adv-wrapper .adv-wrapper-text
{
left: -27%;
}
}
@media only screen and (max-width: 767px) {
.adv-wrapper .adv-wrapper-text {
line-height:40px;
margin-left:auto;
width: auto;
padding: 0 16px;
position: relative;
left: 0;
}
.ac-gn-segmentbar-visible .adv-wrapper .adv-wrapper-text {
width: auto;
position: relative;
left: 0;
margin: 0;
}
.ac-gn-segmentbar-visible #sonic-automotive.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
.ac-gn-segmentbar-visible #ducati.profiles.platter.full-nav.ac-gn-current-iphone .adv-wrapper .adv-wrapper-text,
.ac-gn-segmentbar-visible #mayo-clinic.profiles.platter.ac-gn-current-iphone.full-nav .adv-wrapper .adv-wrapper-text
{
left: -25%;
}
.adv-wrapper {
top:-44px;
height: 44px
}
.ac-gn-segmentbar-visible .adv-wrapper {
top:-44px;
height: 44px
}
.adv-wrapper .adv-wrapper-text {
line-height: 44px;
}
html {
margin-top: 44px !important;
}
}
.adv-wrapper .adv-wrapper-text {
color: #a8a8aa;
font-size: 12px;
font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html.ie8,html.oldie,html.oldIE {
margin-top: 0px !important;
}
html.ie8 .adv-wrapper,html.oldie .adv-wrapper,html.oldIE .adv-wrapper {
position: relative;
top: 0px;
min-width: 1024px;
}
html.ie8 .adv-wrapper .adv-wrapper-text,html.oldie .adv-wrapper .adv-wrapper-text,html.oldIE .adv-wrapper .adv-wrapper-text {
line-height: 40px;
}
html.ie8 #ac-globalnav,html.oldie #ac-globalnav,html.oldIE #ac-globalnav {
top: 40px;
}
html.ie8 .ac-familybrowser,html.oldie .ac-familybrowser,html.oldIE .ac-familybrowser {
top: 84px;
}
html.ie8 .ac-nav-overlap .chapternav,html.oldie .ac-nav-overlap .chapternav,html.oldIE .ac-nav-overlap .chapternav {
margin-top: 84px;
}
html.ie8.ac-gn-segmentbar-visible #ac-gn-segmentbar,html.oldie.ac-gn-segmentbar-visible #ac-gn-segmentbar,html.oldIE.ac-gn-segmentbar-visible #ac-gn-segmentbar {
position: relative;
top: 0;
}
html.ie8.ac-gn-segmentbar-visible .adv-wrapper,html.oldie.ac-gn-segmentbar-visible .adv-wrapper,html.oldIE.ac-gn-segmentbar-visible .adv-wrapper {
position: absolute;
min-width: auto;
}
</style>
<div class="chapternav-paddles">
<button class="chapternav-paddle chapternav-paddle-left" aria-hidden="true" disabled></button>
<button class="chapternav-paddle chapternav-paddle-right" aria-hidden="true" disabled></button>
</div>
</div>
</nav>
<main id="main" class="main" role="main" data-page-type="overview">
<div>
<h1 class="pagetitle">iPhone</h1>
</div>
<section class="section section-hero" data-component-list="ProgressiveImageLoader">
<div class="tile-wrapper tile-iphone-se large-12 tile-iphone-se">
<div class="section-content row" data-analytics-section-engagement="name:hero-iphone-se">
<div class="copy-wrapper large-6 small-12">
<span class="violator-frameless">新款</span>
<h2 class="logo"><span class="visuallyhidden">iPhone SE</span></h2>
<p class="typography-headline hero-headline centersmall">称心称手，<br />超值入手。</p>
<p class="copy-spacing typography-eyebrow-elevated starting">RMB 3299 起</p>
<p class="copy-spacing typography-hero-copy copy"><span class="visuallyhidden">折抵换购，仅 RMB 90 每月或 RMB 2149 起。</span><span aria-hidden="true">折抵换购，仅 RMB 90/月或<br class="large-hide small-show"> RMB 2149 起</span><a href="#footnote-1" class="footnote">*</a>。</p>
<a href="/cn/shop/goto/buy_iphone/iphone_se" role="button" data-analytics-region="buy" data-analytics-title="buy - iphone se" aria-label="购买 iPhone SE" class="button">购买</a>
<p class="hero-cta typography-hero-copy"><a href="/iphone-se/" data-analytics-title="learn more about iphone se" data-analytics-region="learn more" aria-label="进一步了解 iPhone SE" class="icon-wrapper"><span class="icon-copy">进一步了解</span><span class="icon icon-after more"></span></a></p>
</div>
<div class="large-6 small-12">
<figure class="hero-bgimage small-centered" data-progressive-image></figure>
</div>
</div>
</div>
<div class="tile-wrapper tile-iphone-11 large-12 tile-iphone-11">
<div class="section-content row" data-analytics-section-engagement="name:hero-iphone-11">
<div class="copy-wrapper large-6 large-order-2 small-12 small-order-0">
<h2 class="hero-eyebrow typography-hero-eyebrow">iPhone 11</h2>
<p class="typography-headline hero-headline">一切都刚刚好。</p>
<p class="copy-spacing typography-hero-copy"><span class="visuallyhidden">折抵换购，仅 RMB 167 每月或 RMB 3999 起</span><span aria-hidden=true>折抵换购，仅 RMB 167/月<br class="large-hide small-show">或 RMB 3999 起</span><a href="#footnote-1" class="footnote">*</a>。</p>
<a href="/cn/shop/goto/buy_iphone/iphone_11" role="button" data-analytics-region="buy" data-analytics-title="buy iphone 11" aria-label="购买 iPhone 11" class="button">购买</a>
<p class="hero-cta typography-hero-copy"><a href="/iphone-11/" data-analytics-title="learn more about iphone 11" data-analytics-region="learn more" aria-label="进一步了解 iPhone 11" class="icon-wrapper"><span class="icon-copy">进一步了解</span><span class="icon icon-after more"></span></a></p>
</div>
<div class="large-6 large-order-1 small-12 small-order-0">
<figure class="hero-bgimage small-centered" data-progressive-image></figure>
</div>
</div>
</div>
</head>
<body>
</body>
</html>