/* 通用 */
.public {
	background-color: #fff;
	margin-top: 50px;
	border-radius: 5px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.public .title {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	background-color: #444955;
	color: #fff;
	padding: 20px 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin-bottom: 0;
}

.public .subtitle {
	text-align: center;
	padding: 5px 0;
	font-size: 16px;
	color: #fde30c;
	margin-bottom: 0;
	margin-top: 5px;
}

.public-body {
	padding: 20px 30px;
	font-size: 16px;
	line-height: 1.8;
}

.public-body img {
	max-width: 100%;
}

.public-body .after {
	font-weight: bold;
}

.public-body .spanred {
	color: red;
}

.public-body strong {
	font-weight: 500;
	color: #FF6200;
}

.public-body .features-block h4 {
	background-color: #f5f5f5;
	padding: 10px;
	margin-top: 0;
	font-weight: bold;
}

.public-body .demo {
	margin: 10px 0;
	padding: 10px;
	border: 1px dashed #FF9A9A;
	box-sizing: border-box;
}

.public-body .demo a {
	font-size: 20px;
	color: #0015ff;
	cursor: pointer;
}

/* 头部引导 */
.features {
	text-align: center;
	margin-top: 20px;
}

.features span {
	background-color: #444955;
	color: #f4c61d;
	font-size: 18px;
	padding: 5px 20px;
	letter-spacing: 4px;
	margin: 10px 0;
}

/* 头部导航 */
.topBg {
	background: #0064FA;
	background: linear-gradient(140deg, #0064FA 0%, #8a1eea 50%, #0064FA 75%);
	background-size: 200% 100%;
	background-position: 0 0;
	animation: join-banner 5s infinite linear alternate;
}

#navbar-fcnet {
	background: none;
	border: 0;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	color: #fff;
	margin-bottom: 0;
}

#navbar-fcnet img {
	max-width: 100%;
}

#navbar-fcnet a {
	color: #fff;
}

#navbar-fcnet .active a {
	background: none;
}

#navbar-fcnet.navbar-fixed-top {
	background-color: #fff;
}

#navbar-fcnet.navbar-fixed-top a {
	color: #666;
}

#navbar-fcnet.navbar-fixed-top .active a {
	background: #e7e7e7;
	color: #666;
}

/* 广告 */
.join-banner {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
}

.join-banner img {
	max-height: 280px;
	max-width: 100%;
}

.join-banner h2 {
	margin-top: 0;
	font-weight: 700;
	font-size: 40px;
	text-transform: uppercase;
	color: gold;
	letter-spacing: 5px;
	text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;
}

.join-banner p {
	font-size: 20px;
	margin: 30px 0;
	color: #b6d1f9;
}

@keyframes join-banner {
	100% {
		background-position: 100% 0;
	}
}

/* 基础 */

body {
	background: #F2F5F7;
}

.p0 {
	padding: 0;
}

.mb0 {
	margin-bottom: 0;
}

.mr5 {
	margin-right: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.border {
	border: 1px solid #ddd;
	border-radius: 5px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.d-flex {
	display: flex;
}

.align-items-center {
	align-items: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.flex-column {
	flex-direction: column !important;
}