/*!
 * Start Bootstrap - New Age v5.0.0 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

/* ========================================
   背景颜色/图片配置区域 - 集中管理所有板块背景
   ======================================== */

/* 1. 导航栏背景 */
#mainNav {
	background-color: #1a1a1a !important;  /* 导航栏背景 - 白色 */
}
#mainNav.navbar-shrink {
	background-color: #fff !important;  /* 滚动后导航栏背景 - 白色 */
}

/* 2. 头部Banner区域背景 */
header.masthead {
	/* background: #1a1a1a !important;  头部背景 - 深灰黑色 */
	/* 如果要使用图片背景，取消下面注释并注释掉上面的颜色背景 */
	background: url(../../yibazhan/images/beijing01.jpg) !important;
	background-size: cover !important;
	background-position: center center !important;
}

/* 3. 下载区域背景 */
section.download {
	background: #f3f4f6 !important;  /* 下载区域背景 - 浅灰色 */
	/* 如果要使用图片背景，取消下面注释并注释掉上面的颜色背景 */
	/* background: url(../../yibazhan/images/your-image.jpg) !important; */
	/* background-size: cover !important; */
	/* background-position: center center !important; */
}

/* 4. 功能特性区域背景 */
section.features {
	background: #ffffff !important;  /* 功能特性区域背景 - 白色 */
	/* 如果要使用图片背景，取消下面注释并注释掉上面的颜色背景 */
	/* background: url(../../yibazhan/images/your-image.jpg) !important; */
	/* background-size: cover !important; */
	/* background-position: center center !important; */
}

/* 5. 行动号召区域背景 */
section.cta {
	background: #1a1a1a !important;  /* 行动号召区域背景 - 深灰色 */
	/* 如果要使用图片背景，取消下面注释并注释掉上面的颜色背景 */
	/* background: url(../../yibazhan/images/beijing1.png) !important; */
	/* background-size: cover !important; */
	/* background-position: center center !important; */
	/* background-repeat: no-repeat !important; */
}

/* 6. 联系我们区域背景 */
section.contact {
	background: #1a1a1a !important;  /* 联系我们区域背景 - 深灰黑色 */
	/* 如果要使用图片背景，取消下面注释并注释掉上面的颜色背景 */
	/* background: url(../../yibazhan/images/your-image.jpg) !important; */
	/* background-size: cover !important; */
	/* background-position: center center !important; */
}

/* 7. 页脚背景 */
footer {
	background-color: #1a1a1a !important;  /* 页脚背景 - 黑色 */
}

/* ========================================
   背景配置区域结束
   ======================================== */

body, html {
	width:100%;
	height:100%
}
/* body元素字体 - 使用系统默认字体 */
body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif
}
a {
	color:#fdcc52;
-webkit-transition:all .35s;
transition:all .35s
}
a:focus, a:hover {
	color:#fcbd20
}
hr {
	max-width:100px;
	margin:25px auto 0;
	border-width:1px;
	border-color:rgba(34, 34, 34, .1)
}
hr.light {
	border-color:#fff
}
/* 标题字体 - 使用系统默认字体 */
h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-weight:200;
	letter-spacing:1px
}
p {
	font-size:18px;
	line-height:1.5;
	margin-bottom:20px
}
section {
	padding:100px 0
}
section h2 {
	font-size:50px
}
/* 导航栏字体 - 使用系统默认字体 */
#mainNav {
	border-color:rgba(0, 0, 0, .1);
-webkit-transition:all .35s;
transition:all .35s;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-weight:200;
	letter-spacing:1px
}
/* 导航栏品牌字体 - 使用系统默认字体 */
#mainNav .navbar-brand {
	/* 导航栏品牌文字颜色 - 白色（手机端） */
	color:rgba(255, 255, 255, .9);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	font-weight:200;
	letter-spacing:1px
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	/* 导航栏品牌悬停文字颜色 - 白色 */
	color:#fff
}
#mainNav .navbar-toggler {
	font-size:12px;
	padding:8px 10px;
	/* 导航栏切换按钮颜色 - 白色（手机端） */
	color:rgba(255, 255, 255, .9)
}
/* 导航栏菜单项字体 - 使用系统默认字体 */
#mainNav .navbar-nav>li>a {
	font-size:11px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase
}
#mainNav .navbar-nav>li>a.active {
	/* 导航栏激活菜单项文字颜色 - 白色（手机端） */
	color:#fff!important;
	background-color:transparent
}
#mainNav .navbar-nav>li>a.active:hover {
	background-color:transparent
}
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus {
	/* 导航栏菜单项文字颜色 - 白色半透明（手机端） */
	color:rgba(255, 255, 255, .8)
}
#mainNav .navbar-nav>li>a:focus:hover, #mainNav .navbar-nav>li>a:hover {
	/* 导航栏菜单项悬停文字颜色 - 白色（手机端） */
	color:#fff
}
/* 手机端滚动后导航栏样式 - 背景变白色，文字变黑色 */
#mainNav.navbar-shrink .navbar-brand {
	/* 手机端滚动后导航栏品牌文字颜色 - 黑色 */
	color:#000000
}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
	/* 手机端滚动后导航栏品牌悬停文字颜色 - 深灰色 */
	color:#374151
}
#mainNav.navbar-shrink .navbar-toggler {
	/* 手机端滚动后导航栏切换按钮颜色 - 黑色 */
	color:#000000
}
#mainNav.navbar-shrink .navbar-nav>li>a, #mainNav.navbar-shrink .navbar-nav>li>a:focus {
	/* 手机端滚动后导航栏菜单项文字颜色 - 深灰色 */
	color:#374151
}
#mainNav.navbar-shrink .navbar-nav>li>a.active {
	/* 手机端滚动后导航栏激活菜单项文字颜色 - 黑色 */
	color:#000000!important
}
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover, #mainNav.navbar-shrink .navbar-nav>li>a:hover {
	/* 手机端滚动后导航栏菜单项悬停文字颜色 - 黑色 */
	color:#000000
}
@media (min-width:992px) {
#mainNav {
border-color:transparent;
/* 大屏幕导航栏背景 - 透明 */
background-color:transparent
}
#mainNav .navbar-brand {
/* 大屏幕导航栏品牌文字颜色 - 白色半透明 */
color:rgba(255, 255, 255, .9)
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
/* 大屏幕导航栏品牌悬停文字颜色 - 白色 */
color:#fff
}
#mainNav .navbar-nav>li>a, #mainNav .navbar-nav>li>a:focus {
/* 大屏幕导航栏菜单项文字颜色 - 白色半透明 */
color:rgba(255, 255, 255, .8)
}
#mainNav .navbar-nav>li>a:focus:hover, #mainNav .navbar-nav>li>a:hover {
/* 大屏幕导航栏菜单项悬停文字颜色 - 白色 */
color:#fff
}
#mainNav.navbar-shrink {
border-color:rgba(0, 0, 0, .1)
}
#mainNav.navbar-shrink .navbar-brand {
/* 大屏幕滚动后导航栏品牌文字颜色 - 黑色 */
color:#000000
}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
/* 大屏幕滚动后导航栏品牌悬停文字颜色 - 深灰色 */
color:#374151
}
#mainNav.navbar-shrink .navbar-nav>li>a, #mainNav.navbar-shrink .navbar-nav>li>a:focus {
/* 大屏幕滚动后导航栏菜单项文字颜色 - 深灰色 */
color:#374151
}
#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover, #mainNav.navbar-shrink .navbar-nav>li>a:hover {
/* 大屏幕滚动后导航栏菜单项悬停文字颜色 - 黑色 */
color:#000000
}
}
header.masthead {
	position:relative;
	width:100%;
	padding-top:150px;
	padding-bottom:100px;
	color:#fff
}
header.masthead .header-content {
	max-width:500px;
	margin-bottom:100px;
	text-align:center
}
header.masthead .header-content h1 {
	font-size:30px
}
header.masthead .device-container {
	max-width:325px;
	margin-right:auto;
	margin-left:auto
}
header.masthead .device-container .screen img {
	border-radius:3px
}
@media (min-width:992px) {
header.masthead {
height:100vh;
min-height:775px;
padding-top:0;
padding-bottom:0
}
header.masthead .header-content {
margin-bottom:0;
text-align:left
}
header.masthead .header-content h1 {
font-size:50px
}
header.masthead .device-container {
max-width:325px
}
}
section.download {
	position:relative;
	padding:150px 0
}
section.download h2 {
	font-size:50px;
	margin-top:0
}
section.download .badges .badge-link {
	display:inline-block;
	margin-bottom:25px
}
section.contact .badges .badge-link {
	display:block;
	margin-bottom:25px
}
section.download .badges .badge-link:last-child {
	margin-bottom:0
}
section.download .badges .badge-link img {
	height:50px;
	width: 225px;
}
@media (min-width:768px) {
section.download .badges .badge-link img {
	height:60px;
	width: 270px;
}
section.download .badges .badge-link {
display:inline-block;
margin-bottom:0
}
section.contact .badges .badge-link {
display:inline-block;
margin-bottom:0
}
}
@media (min-width:768px) {
section.download h2 {
font-size:70px
}
}
section.features .section-heading {
	margin-bottom:100px
}
section.features .section-heading h2 {
	margin-top:0;
	/* 功能特性标题文字颜色 - 黑色 */
	color:#000000
}
section.features .section-heading p {
	margin-bottom:0;
	/* 功能特性描述文字颜色 - 中灰色 */
	color:#6b7280
}
section.features .device-container, section.features .feature-item {
	max-width:325px;
	margin:0 auto
}
section.features .device-container {
	margin-bottom:100px
}
@media (min-width:992px) {
section.features .device-container {
margin-bottom:0
}
}
section.features .feature-item {
	padding-top:50px;
	padding-bottom:50px;
	text-align:center
}
section.features .feature-item h3 {
	font-size:30px;
	/* 功能特性项标题文字颜色 - 黑色 */
	color:#000000
}
section.features .feature-item i {
	font-size:80px;
	display:block;
	margin-bottom:15px;
	/* 功能特性图标颜色 - 深灰色 */
	color:#374151
}
section.cta {
	position:relative;
	padding:250px 0
}
section.cta .cta-content {
	position:relative;
	z-index:1;
	/* 行动号召区域内容居中对齐 */
	text-align:center
}
section.cta .cta-content h2 {
	font-size:50px;
	max-width:450px;
	margin-top:0;
	margin-bottom:25px;
	color:#fff;
	/* 标题居中对齐 */
	margin-left:auto;
	margin-right:auto
}
section.cta .cta-content h3 {
	/* h3标题文字居中对齐 */
	text-align:center
}
@media (min-width:768px) {
section.cta .cta-content h2 {
font-size:80px
}
}
section.cta .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* 行动号召区域遮罩层 - 已移除背景色，显示完整背景颜色 */
	background-color:transparent
}
section.contact {
	text-align:center
}
section.contact h2 {
	margin-top:0;
	margin-bottom:25px;
	/* 联系我们标题文字颜色 - 白色 */
	color:#ffffff
}
section.contact h3 {
	/* 联系我们副标题文字颜色 - 白色 */
	color:#ffffff
}
section.contact h2 i {
	color:#dd4b39
}
section.contact ul.list-social {
	margin-bottom:0
}
section.contact ul.list-social li a {
	font-size:40px;
	line-height:80px;
	display:block;
	width:80px;
	height:80px;
	color:#fff;
	border-radius:100%
}
section.contact ul.list-social li.social-twitter a {
	background-color:#1da1f2
}
section.contact ul.list-social li.social-twitter a:hover {
	background-color:#0d95e8
}
section.contact ul.list-social li.social-facebook a {
	background-color:#3b5998
}
section.contact ul.list-social li.social-facebook a:hover {
	background-color:#344e86
}
section.contact ul.list-social li.social-google-plus a {
	background-color:#dd4b39
}
section.contact ul.list-social li.social-google-plus a:hover {
	background-color:#d73925
}
footer {
	padding:25px 0;
	text-align:center;
	/* 页脚文字颜色 - 浅灰色 */
	color:rgba(255, 255, 255, .7)
}
footer p {
	font-size:12px;
	margin:0;
	/* 页脚段落文字颜色 - 浅灰色 */
	color:rgba(255, 255, 255, .7)
}
footer ul {
	margin-bottom:0
}
footer ul li a {
	font-size:12px;
	/* 页脚链接文字颜色 - 浅灰色 */
	color:rgba(255, 255, 255, .7)
}
footer ul li a.active, footer ul li a:active, footer ul li a:focus, footer ul li a:hover {
	text-decoration:none;
	/* 页脚链接悬停文字颜色 - 白色 */
	color:#ffffff
}
.bg-primary {
	/* 主要背景颜色 - 浅灰色 */
	background:#f3f4f6
}
.text-primary {
	/* 主要文字颜色 - 黑色 */
	color:#000000
}
.no-gutter>[class*=col-] {
padding-right:0;
padding-left:0
}
.btn-outline {
	/* 按钮轮廓样式文字颜色 - 白色 */
	color:#fff;
	border:1px solid;
	/* 按钮轮廓样式边框颜色 - 白色 */
	border-color:#fff
}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
	/* 按钮轮廓样式悬停文字颜色 - 黑色 */
	color:#000000;
	/* 按钮轮廓样式悬停边框颜色 - 白色 */
	border-color:#fff;
	/* 按钮轮廓样式悬停背景颜色 - 白色 */
	background-color:#fff
}
/* 按钮字体 - 使用系统默认字体 */
.btn {
	border-radius:300px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
	letter-spacing:2px;
	text-transform:uppercase
}
.btn-xl {
	font-size:11px;
	padding:15px 45px
}
