html,
body,
pre {
	font-size: 15px;
	line-height: 1.8em;
}

#app {
	padding: 10px;
}

a {
	color: #00457c;
	text-decoration: none;
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
}

a.menu {
	color: #FFFFFF;
	text-decoration: none;
}

a.menu:hover {
	color: #CC3300;
	text-decoration: none;
}

.bg-title {
	background-color: #0075C5;
	color: white;
}

.centent_main {
	padding: 1em;
}

.content_title {
	position: relative;
}

.content_title img {
	width: 100%
}

.content_title div {
	font-size: 1.2em;
	position: absolute;
	letter-spacing: 1px;
	font-weight: bold;
	font-style: italic;
}

.content_title div:nth-child(2n) {
	left: 10%;
	top: 10%;
}

.content_title div:nth-child(2n+1) {
	color: white;
	left: 50%;
	top: 50%;
}

/*Bootstrap Change vvvvv*/
.navbar {
	margin-bottom: 10px;
}

footer {
	text-align: center;
	padding-bottom: 1em;
	opacity: 0.8;
}

/*Model 标题*/
.modal-header,
.modal-footer {
	padding: 0.2rem 1rem;
}

.modal-body {
	min-height: 5rem;
	max-height: 100%;
}

.card-header {
	padding: 0.3em 1em;
}

.card-body {
	padding: 0.5em;
}

.card-body ul {
	margin: 0;
}

/* 标签底部多一块，去掉
label {
		margin-bottom:0;
}
*/

.form-control {
	height: calc(1.8em + 2px);
	padding: 0.1em 0.3em;
}

.btn {
	padding: 0.2em 0.75em;
}

/*菜单自动弹出*/
.dropdown>.dropdown-menu {
	margin: 0;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

/*Bootstrap Change ^^^^^*/

/* 各页面左侧信息栏 */
.frame {
	width: 100%;
	border: 2px solid #0075C5;
	border-radius: 5px;
	margin-bottom: 10px;
}

.frame .title {
	width: 100%;
	height: 2em;
	overflow: hidden;
	color: White;
	line-height: 2em;
	background: #0075C5;
}

.frame .content {
	/*background: #E1ECF7;*/
	background: #F2F7FF;
	padding: 1em;
}

/*软件产品信息表格*/
.pro_info_table {
	margin-bottom: 1em;
}

.pro_info_table b {
	display: inline-block;
	width: 5em;
	margin-right: 5px;
	vertical-align: top;
}

.pro_info_table .screenshot {
	float: right;
	max-width: 30%;
}

.pro_info_table .screenshot img {
	max-width: 100%;
}

t {
	font-weight: bold;
	padding-right: 5px;
}

.pro_info_table span {
	display: inline-block;
}

/* 按钮图标 */
.jxbt_icon {
	background-image: URL(/images/home_bt_ico.png);
	height: 20px;
	width: 20px;
	float: right;
	margin-right: 30px;
	margin-top: 8px;
}

#jxbt_home {
	background-position: 0px 0px;
}

#jxbt_user {
	background-position: -20px 0px;
}

#jxbt_bbs {
	background-position: -40px 0px;
}

/* Frame 图标 */
.fmico {
	background-image: URL(/images/frame_ico.png);
	height: 17px;
	width: 21px;
	position: relative;
	top: 0.5em;
	float: left;
}

#fmico_1 {
	background-position: 0px 0px;
}

#fmico_2 {
	background-position: 0px -17px;
}

#fmico_3 {
	background-position: 0px -34px;
}

#fmico_4 {
	background-position: 0px -51px;
}

#fmico_5 {
	background-position: 0px -68px;
}

.articlelist {
	margin: 0px;
	padding-left: 20px;
}

.articlelist li {
	padding-bottom: 2px;
}

.articlelist li span {
	padding-left: 20px;
}

.pager {
	margin-left: 20px;
	margin-top: 10px;
	font-weight: bold;
}

.pager a {
	margin-left: 2px;
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
	border: 1px solid lightblue;
	text-align: center;
	padding: 0 5px 0 5px
}

.pager a:hover {
	border: 1px solid red;
}

.pager a.disabled {
	border: 1px solid transparent;
	text-decoration: none;
	color: Gray;
}

.b_white {
	background: white;
}

.tb_n1 {
	outline: 1px #60a0ff solid;
	background: #d0e0ff;
}

.hd td,
th {
	background-color: #99ccff;
}

.tb_n1 tr:nth-child(2n) {
	background-color: white;
}

.tb_n1 tr:nth-child(2n+1) {
	background-color: #ddeeff;
}

/* 输入表单 */
.lgfm {
	width: 100%;
}

.lgfm p {
	display: flex;
	clear: both;
	margin: 0 0 3px;
}

.lgfm input {
	margin-right: 5px;
}

.lgfm em {
	width: 80px;
	float: left;
	font-style: normal;
}

/*logo*/
.navbar-brand img {
	height: 70px;
}

/*语言菜单*/
@media screen and (max-width:600px) {
	#langsel .dropdown-toggle span {
		display: none;
	}

	.navbar-brand img {
		height: 40px;
	}

	.frame {
		display: none;
	}
}

/* loading */
.loading-css {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #5555;
	z-index: 9999;
}

.loading-css::after {
	content: " ";
	position: fixed;
	top: 30%;
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	display: inline-block;
	border: 3px solid #f3f3f3;
	border-top: 3px solid red;
	border-radius: 50%;
	animation: loading-360 0.8s infinite linear;
}