ch的AMP模板优化

hotfix/远程访问多媒体中心
尹诚诚 8 years ago
parent 2f1eff3cac
commit f8bf23c56e

@ -2,124 +2,23 @@
<html amp lang="en">
<head>
<meta charset="utf-8">
<title>Info AMP Template</title>
<title><!--@TITLE@--></title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="keywords" content="china travel, china travel agency">
<meta name="description" content="China travel agency offers China Tours, Yangtze River Cruises, Domestic Flights & Hotels. Helping over 10,000+ people tour China each year, maybe you?">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="canonical" href="">
<meta name="description" content="<!--@DESCRIPTION@-->">
<meta name="keywords" content="<!--@KEYWORDS@-->">
<link rel="shortcut icon" href="https://data.chinahighlights.com/favicon.ico" />
<link rel="canonical" href="<!--@CANONICAL@-->">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<link rel="shortcut icon" href="https://data.asiahighlights.com/favicon.ico" />
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js" async></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<style amp-custom>
/* public style */
body { margin: 0;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:14px;color:#545454; background:#fff; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top:-5px; }
a { color:#545454;}
a:hover { text-decoration: none; color:#a31022}
h1{font-size:25px;font-weight:400;margin:0 0 25px 0;}
h2{font-size:25px;font-weight:400;margin-bottom:15px;margin-top:50px;}
h3{font-size:20px;font-weight:normal;}
p{line-height:30px;margin-bottom:20px;font-size:18px;}
ul.drop1 { display: block; padding-left:0; margin-left:0;}
ul.drop1 li { list-style: none; line-height:20px; margin-bottom:10px; font-size:16px; background:url(https://data.chinahighlights.com/pic/square.png) no-repeat left; padding-left:20px;}
footer { background:#444; color:#fff;}
footer a { color:#fff; text-decoration: none;}
@media(max-width:376px) {
.brand { width:54%; font-size:14px;}
}
@media(min-width:400px) {
.brand {width:60%; font-size:16px; }
}
.brand { display: inline-block; text-align: center;color:#fff; font-weight:300;text-transform: uppercase;}
.ampstart-headerbar .ampstart-navbar-trigger { background:#a31022; position:fixed; width:100%; z-index:9999; margin-top:-5px;}
.customizeBtn {font-size: 12px;border: 1px solid #d1d1d1;border-radius: 2px;padding:2px 8px;display: inline-block;height: 18px;
line-height: 19px; float: right; margin:20px 15px 0 0;}
.customizeBtn a { color:#fff; text-decoration: none;}
#crumbNav { font-size: 12px; color: #a31022; position: relative; margin: 0 0 20px; }
#crumbNav a { text-decoration: none; padding: 2px 8px 4px 0; color: #444 }
#crumbNav a:after { content:""; margin-left:5px; font-size:16px;}
#crumbNav a:hover { color: #a31022; text-decoration: none }
/* google font */
@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url(https://data.chinahighlights.com/public/fonts/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'),local('OpenSans-SemiBoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:local('Open Sans ExtraBold Italic'),local('OpenSans-ExtraBoldItalic'),url(https://data.chinahighlights.com/public/fonts/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://data.chinahighlights.com/public/fonts/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://data.chinahighlights.com/public/fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://data.chinahighlights.com/public/fonts/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://data.chinahighlights.com/public/fonts/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:local('Open Sans ExtraBold'),local('OpenSans-ExtraBold'),url(https://data.chinahighlights.com/public/fonts/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;}
/* from font awesome */
@font-face{font-family:FontAwesome;src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tripadvisor:before{content:"\f262"}.fa-500px:before{content:"\f26e"}.fa-angle-down:before{content:"\f107"}.fa-square-o:before{content:"\f096"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}
.fa-facebook-square:before { content: "\f082" }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a" }
.fa-twitter:before { content: "\f099" }
.fa-pinterest:before { content: "\f0d2" }
.fa-pinterest-square:before { content: "\f0d3" }
.fa-caret-down:before { content: "\f0d7" }
.fa-caret-up:before { content: "\f0d8" }
.fa-caret-left:before { content: "\f0d9" }
.fa-caret-right:before { content: "\f0da" }
.fa-instagram:before { content: "\f16d" }
.fa-flickr:before { content: "\f16e" }
.fa-tripadvisor:before { content: "\f262" }
.fa-500px:before { content: "\f26e" }
.fa-angle-down:before { content: "\f107" }
.fa-square-o:before { content: "\f096" }
.fa-angle-left:before { content: "\f104" }
.fa-angle-right:before { content: "\f105" }
.fa-navicon:before,.fa-reorder:before,.fa-bars:before { content: "\f0c9"; color:#fff; margin:5px 0 0 15px; }
.fa-google-plus::before { content: "\f0d5";}
/* sidebar style */
.ampstart-headerbar { background-color: #fff; color: #000; z-index: 999; box-shadow: 0 0 5px 2px rgba(0,0,0,.1) }
.ampstart-headerbar+:not(amp-sidebar), .ampstart-headerbar-nav .ampstart-nav-item { padding: 0 1rem; background: transparent; opacity: .8 }
.ampstart-headerbar-nav { line-height: 3.5rem }
.ampstart-nav-item:active, .ampstart-nav-item:focus, .ampstart-nav-item:hover { opacity: 1 }
.ampstart-navbar-trigger:focus { outline: 0 }
.ampstart-nav a, .ampstart-navbar-trigger, .ampstart-sidebar-faq a { cursor: pointer; text-decoration: none }
.ampstart-nav .ampstart-label { color: inherit; padding-left:0; }
.ampstart-navbar-trigger { line-height: 3.5rem; font-size: 2.2rem }
.ampstart-headerbar-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.ampstart-nav-search { -webkit-box-flex: .5; -ms-flex-positive: .5; flex-grow: .5 }
.ampstart-headerbar .ampstart-nav-search:active, .ampstart-headerbar .ampstart-nav-search:focus, .ampstart-headerbar .ampstart-nav-search:hover { box-shadow: none }
.ampstart-nav-dropdown { min-width: 200px }
.ampstart-nav-dropdown amp-accordion header { background-color: #fff; border: 0 }
.ampstart-nav-dropdown amp-accordion ul { background-color: #fff }
.ampstart-nav-dropdown .ampstart-dropdown-item, .ampstart-nav-dropdown .ampstart-dropdown>section>header { background-color: #fff; color: #000 }
.ampstart-nav-dropdown .ampstart-dropdown-item { color: #f88 }
.ampstart-sidebar { background-color: #555; color: #000; min-width: 300px; width: 300px }
.ampstart-sidebar .ampstart-icon { fill: #f88 }
.ampstart-sidebar-header { line-height: 3.5rem; min-height: 3.5rem }
.ampstart-sidebar .ampstart-dropdown-item, .ampstart-sidebar .ampstart-dropdown header, .ampstart-sidebar .ampstart-faq-item, .ampstart-sidebar .ampstart-nav-item, .ampstart-sidebar .ampstart-social-follow { margin: 0 0 2rem }
.ampstart-sidebar .ampstart-nav-dropdown { margin: 0 }
.ampstart-sidebar .ampstart-navbar-trigger { line-height: inherit; text-align:right; margin-right:15px; color:#999 }
.ampstart-navbar-trigger svg { pointer-events: none; margin:15px 0 0 15px; color:#fff;}
.ampstart-headerbar { color: #f88; padding-right: 1rem; background-color: #fff; height: 3.5rem; box-shadow: none; border-bottom: 1px solid #f3f3f3 }
.ampstart-headerbar .ampstart-navbar-trigger { color: #222; font-size: 1.38rem; padding-right: 0 }
.ampstart-navbar-trigger:focus { outline: 5px auto -webkit-focus-ring-color }
.ampstart-sidebar-nav-image { width: 120px }
.ampstart-icon, .ampstart-sidebar .ampstart-icon { fill: #222 }
.ampstart-sidebar-header { position: relative; z-index: 1 }
.ampstart-nav { margin-bottom: 2rem }
.ampstart-nav-item { color: #222; border-bottom: 1px solid #777; list-style: none; padding-bottom:8px; }
.ampstart-sidebar .ampstart-nav-item { margin-bottom: 1rem; padding-left: 30px }
.ampstart-nav-link { font-size: 16px; font-weight: 400; line-height: normal; display: inline-block; margin-bottom: 5px; position: relative; color:#fff; padding-bottom:3px; }
.ampstart-nav-link .fa { position: absolute; right: 20px; top: 3px }
.amp-mode-mouse .ampstart-nav-link:after { left: 0; position: absolute; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); width: 100%; bottom: 0; height: 2px; content: ""; display: block }
.ampstart-dropdown-items { padding-left:0; }
.ampstart-dropdown-items li { font-size: 14px; text-transform: capitalize; line-height: 35px; border-bottom: 1px solid #777; margin-right: 30px; padding-left: 20px; padding-bottom: 5px; list-style: none; }
.ampstart-dropdown-items li a { color: #fff }
.ampstart-dropdown-items li:last-child { border-bottom: 0 }
.ampstart-social-follow { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; display: inline-block }
.ampstart-social-follow li { display: inline-block; margin-right: 0 }
/* -------- */
.footerLink { display: block; padding: 20px 0 0; text-align: center }
.footerLink a { margin: 0 10px }
.copyright { display: block; padding: 20px 0; text-align: center }
.socialLink { text-align: center; display: block; margin-top:50px;}
.socialLink a { text-decoration: none }
.socialLink .fa { font-size: 150%; margin: 0 20px; color: #fff }
.logo { text-align: center }
.amphtml-accordion-header { background: none; border: none; margin-bottom:0; }
.clearfix { clear: both;}
body{margin:0;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:14px;color:#545454;background:#fff}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-5px}a{color:#545454}a:hover{text-decoration:none;color:#a31022}h1{font-size:25px;font-weight:400;margin:0 0 25px 0}h2{font-size:25px;font-weight:400;margin-bottom:15px;margin-top:50px}h3{font-size:20px;font-weight:normal}p{line-height:30px;margin-bottom:20px;font-size:18px}ul.drop1{display:block;padding-left:0;margin-left:0}ul.drop1 li{list-style:none;line-height:20px;margin-bottom:10px;font-size:16px;background:url(https://data.chinahighlights.com/pic/square.png) no-repeat left;padding-left:20px}footer{background:#444;color:#fff}footer a{color:#fff;text-decoration:none}@media(max-width:376px){.brand{width:54%;font-size:14px}}@media(min-width:400px){.brand{width:60%;font-size:16px}}.brand{display:inline-block;text-align:center;color:#fff;font-weight:300;text-transform:uppercase;margin-top:15px}.ampstart-headerbar .ampstart-navbar-trigger{background:#a31022;position:fixed;width:100%;z-index:9999;margin-top:-5px;height:60px}.customizeBtn{font-size:12px;border:1px solid #d1d1d1;border-radius:2px;padding:2px 8px;display:inline-block;height:25px;line-height:19px;float:right;margin:20px 15px 0 0}.customizeBtn a{color:#fff;text-decoration:none}#crumbNav{font-size:12px;color:#a31022;position:relative;margin:0 0 20px}#crumbNav a{text-decoration:none;padding:2px 8px 4px 0;color:#444}#crumbNav a:after{content:"";margin-left:5px;font-size:16px}#crumbNav a:hover{color:#a31022;text-decoration:none}@font-face{font-family:FontAwesome;src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(https://data.chinahighlights.com/public/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tripadvisor:before{content:"\f262"}.fa-500px:before{content:"\f26e"}.fa-angle-down:before{content:"\f107"}.fa-square-o:before{content:"\f096"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-facebook-square:before{content:"\f082"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-twitter:before{content:"\f099"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-tripadvisor:before{content:"\f262"}.fa-500px:before{content:"\f26e"}.fa-angle-down:before{content:"\f107"}.fa-square-o:before{content:"\f096"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9";color:#fff;margin:5px 0 0 15px;font-size:22px}
.fa-google-plus::before{content:"\f0d5"}.ampstart-headerbar{background-color:#fff;color:#000;z-index:999;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar-nav .ampstart-nav-item{padding:0 1rem;background:transparent;opacity:.8}.ampstart-headerbar-nav{line-height:3.5rem}.ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover{opacity:1}.ampstart-navbar-trigger:focus{outline:0}.ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a{cursor:pointer;text-decoration:none}.ampstart-nav .ampstart-label{color:inherit;padding-left:0}.ampstart-navbar-trigger{line-height:3.5rem;font-size:2.2rem}.ampstart-headerbar-nav{-webkit-box-flex:1;-ms-flex:1;flex:1}.ampstart-nav-search{-webkit-box-flex:.5;-ms-flex-positive:.5;flex-grow:.5}.ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover{box-shadow:none}.ampstart-nav-dropdown{min-width:200px}.ampstart-nav-dropdown amp-accordion header{background-color:#fff;border:0}.ampstart-nav-dropdown amp-accordion ul{background-color:#fff}.ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header{background-color:#fff;color:#000}.ampstart-nav-dropdown .ampstart-dropdown-item{color:#f88}.ampstart-sidebar{background-color:#555;color:#000;min-width:300px;width:300px}.ampstart-sidebar .ampstart-icon{fill:#f88}.ampstart-sidebar-header{line-height:3.5rem;min-height:3.5rem}.ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow{margin:0 0 2rem}.ampstart-sidebar .ampstart-nav-dropdown{margin:0}.ampstart-sidebar .ampstart-navbar-trigger{line-height:inherit;text-align:right;margin-right:15px;color:#999}.ampstart-navbar-trigger svg{pointer-events:none;margin:15px 0 0 15px;color:#fff}.ampstart-headerbar{color:#f88;padding-right:1rem;background-color:#fff;height:3.5rem;box-shadow:none;border-bottom:1px solid #f3f3f3}.ampstart-headerbar .ampstart-navbar-trigger{color:#222;font-size:1.38rem;padding-right:0}.ampstart-navbar-trigger:focus{outline:5px auto -webkit-focus-ring-color}.ampstart-sidebar-nav-image{width:120px}.ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#222}.ampstart-sidebar-header{position:relative;z-index:1}.ampstart-nav{margin-bottom:2rem}.ampstart-nav-item{color:#222;border-bottom:1px solid #777;list-style:none;padding-bottom:8px}.ampstart-sidebar .ampstart-nav-item{margin-bottom:1rem;padding-left:30px}.ampstart-nav-link{font-size:16px;font-weight:400;line-height:normal;display:inline-block;margin-bottom:5px;position:relative;color:#fff;padding-bottom:3px}.ampstart-nav-link .fa{position:absolute;right:20px;top:3px}.amp-mode-mouse .ampstart-nav-link:after{left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:-webkit-transform .3s cubic-bezier(.19,1,.22,1);transition:transform .3s cubic-bezier(.19,1,.22,1);transition:transform .3s cubic-bezier(.19,1,.22,1),-webkit-transform .3s cubic-bezier(.19,1,.22,1);width:100%;bottom:0;height:2px;content:"";display:block}.ampstart-dropdown-items{padding-left:0}.ampstart-dropdown-items li{font-size:14px;text-transform:capitalize;line-height:35px;border-bottom:1px solid #777;margin-right:30px;padding-left:20px;padding-bottom:5px;list-style:none}.ampstart-dropdown-items li a{color:#fff}.ampstart-dropdown-items li:last-child{border-bottom:0}.ampstart-social-follow{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;display:inline-block}.ampstart-social-follow li{display:inline-block;margin-right:0}.footerLink{display:block;padding:20px 0 0;text-align:center}.footerLink a{margin:0 10px}.copyright{display:block;padding:20px 0;text-align:center}.socialLink{text-align:center;display:block;margin-top:50px}.socialLink a{text-decoration:none}.socialLink .fa{font-size:150%;margin:0 20px;color:#fff}.logo{text-align:center}.amphtml-accordion-header{background:0;border:0;margin-bottom:0}.clearfix{clear:both}
/*@CUSTOM-CSS@*/
#contentHead{padding-top: 8px;}
</style>
</head>
<body>
@ -216,25 +115,12 @@ line-height: 19px; float: right; margin:20px 15px 0 0;}
<footer>
<div class="footerLink"><a href="/contactus/" >Contact us</a> | <a href="/aboutus/" >About us</a></div>
<div class="copyright">© 1997-2018 China Highlights</div>
<div class="copyright">© 1997-2018 China Highlights</div>
</footer>
<!-- Google Analytics -->
<!-- Google Analytics -->
<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-31694-1"
},
"triggers": {
"default pageview": {
"on": "visible",
"request": "pageview",
"vars": {
"title": "China Travel Agency, Tour with China Highlights - Since 1959!"
}
}
}
}
{"vars": {"account": "UA-31694-1"}, "triggers": {"default pageview": {"on": "visible", "request": "pageview", "vars": {"title": "<!--@TITLE@-->"}}}}
</script>
</amp-analytics>
<!-- Google Analytics -->

Loading…
Cancel
Save