首页 > 代码库 > u11-nav01
u11-nav01
<header id="masthead" class="masthead" role="banner">
<nav class="navigation" role="navigation">
<!-- mobile header-->
<div class="mobile-header hiddenInDesktop hidden-tablet">
<ul class="nav-toggler">
<li id="burger-menu" class="menu"><a href="http://www.mamicode.com/#" class="icon-menu-burger"></a></li>
<li class="logo"><a href="http://www.mamicode.com/#">Home</a></li>
<li id="mobile-header-search" class="search"><a href="http://www.mamicode.com/#" class="icon-search"></a></li>
</ul>
</div>
<div id="m-pannel" class="m-pannel m-content hiddenInDesktop hidden-tablet">
<div id="sub-1" class="m-subpannel pannel-log sub-1">
<!-- log reg toppart-->
<div class="m-log-apply run-top">
<ul class="mobile-reg-apply">
<!-- login Register-->
<li class="mobile-reg">
<div class="login nav-login">
<a id="mobile-login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span>Login</span> <span>|</span> <span>Register</span></a>
</div>
<!-- login end --> </li>
<!-- == -->
<!-- Apply for funds-->
<li class="mobile-apply">
<div class="nav-apply">
<a class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
</div>
<!-- Apply end --> </li>
</ul>
</div>
<!-- == -->
<!-- mobile nav bottompart-->
<div class="m-nav run-bottom">
<div id="main-menu" class="m-nav-topbar is-hidden">
<span class="item main-menu back"><a href="http://www.mamicode.com/#" class="header">Main Menu</a></span>
</div>
<div class="m-nav-level1">
<ul id="m-nav-level1" class="primary-nav primary-nav-list">
<li id="item-why" class="item no-sub-item item-level-1"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"><span class="title">Why Fidelity?</span></a> </li>
<li id="item-funds" class="item has-sub-item item-level-1"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#" id="mn-our-funds"> <span class="title">Our Funds</span> </a> </li>
<li id="item-insights" class="item has-sub-item item-level-1"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#" id="navItemInvestingPlanning"> <span class="title">Insights & Learning</span> </a> </li>
<li id="item-contact" class="item no-sub-item item-level-1"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"> <span class="title">Contact us</span> </a> </li>
<li id="item-quick" class="item has-sub-item item-level-1 quick-links"><a href="http://www.mamicode.com/#" class="icon after-link-quick"><span class="title">Adviser Quick Links</span></a> </li>
<li id="item-institutional" class="item no-sub-item item-level-1"><a href="http://www.mamicode.com/#" class="icon after-link-skip">Institutional</a></li>
</ul>
<!-- Level 2- Our Funds-->
<div id="m-funds-div" class="nav-dropdown nav-sublevel is-hidden" data-nav-level="2">
<div class="nav-dropdown-header">
<span>Our Funds</span>
</div>
<ul id="m-nav-level2" class="navColumnSet ">
<li id="li-allfunds" class="dropdown-li item-level-2 no-sublist"> <a href="http://www.mamicode.com/#" class="header"><span>All Funds</span></a> </li>
<li id="li-australian" class="dropdown-li item-level-2 has-sublist"> <a href="http://www.mamicode.com/#" class="header">Australian Equities</a> </li>
<li id="li-regional" class="dropdown-li item-level-2 has-sublist"> <a href="http://www.mamicode.com/#" class="header">Regional Equities</a> </li>
<li id="li-global" class="dropdown-li item-level-2 has-sublist"> <a href="http://www.mamicode.com/#" class="header">Global Equities</a> </li>
<li id="li-fixed" class="dropdown-li item-level-2 has-sublist"> <a href="http://www.mamicode.com/#" class="header">Fixed Income</a> </li>
<li id="li-tools" class="dropdown-tools">
<div class="dropdown-panel dropdown-panel-tools">
<h4>Tools and help</h4>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="http://www.mamicode.com/#">Fund proxy voting</a></li>
</ul>
</div> </li>
</ul>
<!-- Level 3- Australian Equities-->
<div id="m-australian-div" class="dropdown-sublist-wrap sublist-australian is-hidden" data-nav-level="3">
<div class="nav-sublist-header">
<span>Australian Equities</span>
</div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Australian Equities Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Australian Opportunties Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Future leaders Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Regional Equities-->
<div id="m-regional-div" class="dropdown-sublist-wrap sublist-regional is-hidden" data-nav-level="3">
<div class="nav-sublist-header">
<span>Regional Equities</span>
</div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Asia Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity China Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity India Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Global Equities-->
<div id="m-global-div" class="dropdown-sublist-wrap sublist-global is-hidden" data-nav-level="3">
<div class="nav-sublist-header">
<span>Global Equities</span>
</div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Fund</a></li>
<li id="li-global-hedged"><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Demographics Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul>
</div>
<!-- == -->
<!-- Level 3- Fixed Income-->
<div id="m-fixed-div" class="dropdown-sublist-wrap sublist-fixed is-hidden" data-nav-level="3">
<div class="nav-sublist-header">
<span>Fixed Income</span>
</div>
<ul id="li-global-div" class="dropdown-sublist">
<li><a href="http://www.mamicode.com/#" class="sub-header">Fidelity Global Strategic Bond Fund</a></li>
</ul>
</div>
<!-- == -->
</div>
<!-- == -->
<!-- Level 2- Insights & Learning-->
<div id="m-insights-div" class="nav-dropdown nav-sublevel is-hidden" data-nav-level="2">
<div class="nav-dropdown-header">
<span>Insights & Learning</span>
</div>
<ul class="navColumnSet ">
<li id="li-all"> <a href="http://www.mamicode.com/#" class="header"><span>All</span></a> </li>
<li id="li-australian" class="dropdown-li item-level-2"> <a href="http://www.mamicode.com/#" class="header">Investment insights</a> </li>
<li id="li-regional" class="dropdown-li item-level-2"> <a href="http://www.mamicode.com/#" class="header">Global market review</a> </li>
<li id="li-regional" class="dropdown-li item-level-2"> <a href="http://www.mamicode.com/#" class="header">Tools & resources</a> </li>
</ul>
</div>
<!-- == -->
<!-- Level 2- Adviser Quick Links-->
<div id="m-quick-div" class="nav-dropdown nav-sublevel is-hidden" data-nav-level="2">
<div class="nav-dropdown-header">
<span>Adviser Quick Links</span>
</div>
<div class="mobile-quick-div quick-links-droppanel">
<ul class="quick-links-droplist">
<li id="quick-earn"><a href="http://www.mamicode.com/#"><span class="icon-star-line icon-before"> </span>Earn CPD Points</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-clock icon-before"> </span>The investment Clock</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-post icon-before"> </span>Order flyer and wall charts</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"> </span>Our funds</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-chart icon-before"> </span>Understanding Volatility</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-account icon-before"> </span>Adviser service team</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-favourites icon-before"> </span>Fund platform representation</a></li>
</ul>
</div>
</div>
<!-- == -->
</div>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-log-in sub-2 is-hidden">
<!-- login div-->
<div id="m-login-div" class="m-log login-box">
<form target="_blank" class="login-form" method="post" action="">
<ul class="login-in">
<li> <button class="btn btn-masthead btn-login in">Log in</button> </li>
<li> <p class="register-notes"><strong>Or register now:</strong></p> </li>
<li> <button class="btn btn-masthead btn-register">Register as an Adviser </button> </li>
<li> <button class="btn btn-masthead btn-register">Register as an Investor</button> </li>
</ul>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel pannel-apply sub-3 is-hidden">
<!-- Apply div-->
<div id="m-apply-div" class="m-apply apply-box">
<form target="_blank" class="apply-form" method="post" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><a href="http://www.mamicode.com/#"><span class="icon-globe icon-before"></span>Online</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"></span>mFund</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-pdf icon-before"></span>Application forms</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-info icon-before"></span>How do I invest ?</a></li>
</ul>
</div>
</form>
</div>
<!-- == -->
</div>
<div class="m-subpannel sub-4 pannel-search is-hidden">
<!-- mobile search -->
<div id="m-search" class="m-search">
<!--search header-->
<div id="m-sb-search" class="autoComplete sb-search sb-search-open menu-is-open" role="search">
<!--delete class :menu-is-open-->
<form action="" method="">
<input class="sb-search-input" placeholder="search" type="text" value="" name="search" id="search" />
<input class="sb-search-submit" type="submit" value="" />
<span class="icon-search"></span>
</form>
<div class="search-box autoCompleteList active">
<div class="search-droplist">
<ul class="search-section">
<li><a href="http://www.mamicode.com/#">The <strong>World economy</strong> is suffocating under record debt</a></li>
<li><a href="http://www.mamicode.com/#"><strong>World</strong> economic forum releases statement...</a></li>
<li><a href="http://www.mamicode.com/#">The <strong>economy</strong> is better than we thought it was...</a></li>
</ul>
<a href="http://www.mamicode.com/#" class="link search-link">Show all search results</a>
</div>
</div>
</div>
<!-- -->
</div>
<!-- -->
</div>
<!-- = mobile end = -->
</div>
<div class="nav-content">
<div class="fil-container">
<div class="top-bar show-tablet">
<!-- Apply for funds-->
<a class="logo" title="Home" href="http://www.mamicode.com/#"> </a>
<!-- -->
<div class="top-bar-inner">
<div class="nav-wrap-top">
<!-- Apply for funds-->
<div class="apply nav-apply active">
<a id="apply" class="btn btn-masthead btn-apply" href="javascript:void(0)"><span>Apply for funds</span><span class="icon-chevron-down-m icon-after"></span></a>
<div style="display:none;" id="apply-div" class="apply-box">
<form target="_blank" class="apply-form" method="" action="">
<div class="apply-now">
<ul class="apply-droplist">
<li><span class="icon-globe icon-before"></span><a href="http://www.mamicode.com/#">Online</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">mFund</a></li>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">Application forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">How do I invest</a></li>
</ul>
</div>
</form>
</div>
</div>
<!-- == -->
<!-- login in-->
<div class="login nav-login">
<a id="login" class="btn btn-masthead btn-login" href="javascript:void(0)"><span class="icon-lock-account icon-before"></span><span>Login</span> <span>|</span> <span>Register</span></a>
<div style="display:none;" id="login-div" class="login-box">
<form target="_blank" class="login-form" method="post" action="">
<fieldset>
<div class="login-in">
<ul>
<li><p>Exlsting customers log In below please:</p></li>
<li><button class="btn btn-masthead btn-login in">Log in</button> </li>
<li> <p>To register click on the applicable link below:</p> </li>
<li>
<div>
<button class="btn btn-masthead btn-register in">Adviser</button>
<button class="btn btn-masthead btn-register in">Investor</button>
</div> </li>
</ul>
</div>
</fieldset>
</form>
</div>
</div>
<!-- == -->
<!-- nav submenu -->
<div class="secondary-nav">
<ul>
<li class="quick-links"> <a href="http://www.mamicode.com/#">Adviser Quick Links<span class="icon-chevron-down-m icon-after"></span></a>
<div class="quick-links-droppanel">
<div class="fil-triade up">
<span><em> </em></span>
</div>
<ul class="quick-links-droplist">
<li><a href="http://www.mamicode.com/#"><span class="icon-star-line icon-before"></span>Earn CPD Points</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-clock icon-before"></span>The investment Clock</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-post icon-before"></span>Order flyer and wall charts</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-report icon-before"></span>Our funds</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-chart icon-before"></span>Understanding Volatility</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-account icon-before"></span>Adviser service team</a></li>
<li><a href="http://www.mamicode.com/#"><span class="icon-favourites icon-before"></span>Fund platform representation</a></li>
</ul>
</div> </li>
<li class="institutional"> <a href="http://www.mamicode.com/#" class="icon after-link-skip">Institutional</a> </li>
</ul>
</div>
<!-- == -->
</div>
<div class="nav-wrap-bottom">
<div class="nav-row">
<!-- desktop nav -->
<ul class="primary-nav primary-nav-list hidden-mobile">
<li class="item-search">
<!-- desktop search -->
<div class="search-wrap" role="search" >
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="" type="text" value="" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"><span class="icon-search"></span></span>
</form>
<div class="search-box autoCompleteList">
<div class="search-droplist">
<ul class="search-section">
<li><a href="http://www.mamicode.com/#">The <strong>World economy</strong> is suffocating under record debt</a></li>
<li><a href="http://www.mamicode.com/#"><strong>World</strong> economic forum releases statement...</a></li>
<li><a href="http://www.mamicode.com/#">The <strong>economy</strong> is better than we thought it was...</a></li>
</ul>
<a href="http://www.mamicode.com/#" class="link search-link">Show all search results</a>
</div>
</div>
</div>
</div>
<!--==-->
</li>
<li class="item first-item"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"> <span class="title">Contact us</span> </a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown4" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half">
<span class="sub-head h4 sublevel-trigger">General enquiries</span>
<p><span><strong>Phone:</strong> +61 2 9225 0500</span><br /> <span><strong>Opening Hours:</strong> Available till 7pm</span></p>
<span class="sub-head h4 sublevel-trigger">Adviser Services Team</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
<p><a href="http://www.mamicode.com/#" class="link">View all contact details</a><span class="icon-chevron-right-m icon-after"></span></p>
</div>
<div class="dropdown-panel dropdown-panel-half bg-gray dropdown-panel-form">
<span class="sub-head h4 sublevel-trigger">Frequently requested form</span>
<ul>
<li><a href="http://www.mamicode.com/#">Additinal Application form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of details form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of payment form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Withdraw Request form</a><span class="note form-note"> (PDF)</span></li>
<li><a href="http://www.mamicode.com/#">Change of Financial Adviser form</a><span class="note form-note"> (PDF)</span></li>
</ul>
</div> </li>
</ul>
</div> </li>
<li class="item"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"> <span class="title">Insights & Learning</span> </a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown3" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Investment insights</span>
<div class="card masthead-card">
<a href="http://www.mamicode.com/#"><img class="card-img-top" src="http://www.mamicode.com/static/style/images/card-default4.jpg" data-holder-rendered="true" /></a>
<div class="card-block">
<h4 class="card-title"><a href="http://www.mamicode.com/#">Japan‘s bizarrely brief "technical recession"</a></h4>
<div class="card-link">
<a href="http://www.mamicode.com/#" class="link">Read more insights</a>
<span class="icon-chevron-right-m icon-after"></span>
</div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third">
<span class="sub-head h4 sublevel-trigger">Global market review</span>
<div class="card masthead-card">
<a href="http://www.mamicode.com/#"><img class="card-img-top" src="http://www.mamicode.com/static/style/images/card-default.jpg" data-holder-rendered="true" /></a>
<div class="card-block">
<h4 class="card-title"><a href="http://www.mamicode.com/#">Global stock indices continue to be mixed</a></h4>
<div class="card-link">
<a href="http://www.mamicode.com/#" class="link">Read more insights</a>
<span class="icon-chevron-right-m icon-after"></span>
</div>
</div>
</div>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<div class="dropdown-panel-tools-body">
<span class="sub-head h4 sublevel-trigger">Tools</span>
<p>Tools to understand historical market fluctuations and the benefits of investing for the long term.</p>
<ul>
<li><span class="icon-error icon-before"></span><a href="http://www.mamicode.com/#">Market crisis</a></li>
<li><span class="icon-clock icon-before"></span><a href="http://www.mamicode.com/#">Timing the market</a></li>
<li><span class="icon-circle-zig icon-before"></span><a href="http://www.mamicode.com/#">Unpredictable returns</a></li>
<p><a href="http://www.mamicode.com/#" class="link more">Read more tools</a><span class="icon-chevron-right-m icon-after"></span></p>
</ul>
</div>
</div> </li>
</ul>
</div> </li>
<li class="item"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"> <span class="title">Our Funds</span> </a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown2" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li> <span class="sub-head h4 sublevel-trigger">Australian Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Australian Equities</span> </a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Australian Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Australian Opportunties Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Future Leaders Fund</a></li>
</ul> </li>
<li> <span class="sub-head h4 sublevel-trigger">Regional Equities</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Regional Equities</span> </a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Asia Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity China Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity India Fund</a></li>
</ul> </li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third">
<ul>
<li> <span class="sub-head h4 sublevel-trigger">Global Equitiel</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Global Equitiel</span> </a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Hedged Global Equities Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Demographics Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Emerging Markets Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Dividend Growth Fund</a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Hedged Global Dividend Growth Fund</a></li>
</ul> </li>
<li> <span class="sub-head h4 sublevel-trigger">Fixed Income</span>
<ul class="navColumnSet nav-sublevel" data-nav-level="3">
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="btn-back"><span>Back</span></a></li>
<li class="hiddenInDesktop hidden-tablet"><a href="http://www.mamicode.com/#" class="header"> <span>Fixed Income</span> </a></li>
<li><a href="http://www.mamicode.com/#">Fidelity Global Strategic Bond Fund</a></li>
</ul> </li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-third dropdown-panel-tools">
<span class="sub-head h4 sublevel-trigger">Tools and help</span>
<ul>
<li><span class="icon-pdf icon-before"></span><a href="http://www.mamicode.com/#">investor forms</a></li>
<li><span class="icon-info icon-before"></span><a href="http://www.mamicode.com/#">how to invest</a></li>
<li><span class="icon-report icon-before"></span><a href="http://www.mamicode.com/#">Fund financial reports</a></li>
<li><span class="icon-award icon-before"></span><a href="http://www.mamicode.com/#">Fund proxy voting</a></li>
</ul>
</div> </li>
</ul>
</div> </li>
<li class="item last-item"> <a class="header sublevel-trigger" href="http://www.mamicode.com/#"> <span class="title">Why Fidelity?</span> </a>
<div class="nav-dropdown jsParentItem nav-sublevel nav-dropdown1" data-nav-level="2">
<ul class="navColumnSet investing">
<li class="navCol dropdown-box">
<div class="dropdown-panel dropdown-panel-half float-left">
<span class="sub-head h4 sublevel-trigger">The Fidelity difference</span>
<p>Lorem ipsum dolor sit amet, consectetur Testadipiscing elit. Morbi eu interdum diam. Donec interdum porttitor risus non bibendum. Maecenas sollicitudin eros in quam imperdiet placerat. Cras justo purus, rhoncus nec lobortis ut, iaculis vel ipsum.</p>
<ul>
<li><a href="http://www.mamicode.com/#" class="link droplist-link">Explore more about Fidelity</a><span class="icon-chevron-right-m icon-after"></span></li>
<li><a href="http://www.mamicode.com/#" class="link droplist-link">Industry awards</a><span class="icon-chevron-right-m icon-after"></span></li>
</ul>
</div>
<div class="dropdown-panel dropdown-panel-half float-right">
<span class="sub-head h4 sublevel-trigger">What is the Fidelity advantage?</span>
<div class="card card-play masthead-card">
<img class="card-img-top" src="http://www.mamicode.com/static/style/images/card-default4.jpg" />
<div class="card-block">
<p class="card-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis tellus augue. Nulla volutpat semper quam, sit amet cursus lacus. Nam aliquam eros a lectus convallis commodo.</p>
</div>
</div>
</div> </li>
</ul>
</div> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="" style="height:1300px;">
page long
<ul class="test-backtop">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>00000</li>
</ul>
</div>
<div class="fil-container backtop-wrap"><div id="backtop" class="back back-to-top"><a href="http://www.mamicode.com/#top" class="icon-chevron-up-m"></a></div></div>
<script src="http://www.mamicode.com/static/js/lib/require.js"></script>
<script src="http://www.mamicode.com/static/js/lib/jquery.js"></script>
<script src="http://www.mamicode.com/static/js/global.js"></script>
<script>
require([ ‘app/navigation‘ ]);
$(function(){
//Scroll >100，visible，else hide
$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#backtop").fadeIn(1500);
}
else{
$("#backtop").fadeOut(1500);
}
});
//click,back top
$("#backtop").click(function(){
$(‘body,html‘).animate({scrollTop:0},1000);
return false;
});
});
});
</script>
<script src="http://www.mamicode.com/static/js/app/search-modernizr.js"></script>
<script src="http://www.mamicode.com/static/js/app/search-classie.js"></script>
<script src="http://www.mamicode.com/static/js/app/search-ui.js"></script>
<script>
new UISearch( document.getElementById( ‘sb-search‘ ) );
</script>
</body>
</html>
u11-nav01