body, html{
    height: 100%;
}
a{text-decoration: none;color: #0061f0;}
.nav-link{color: #0061f0;}
li{list-style: none;}
.top-top{
	width: auto;
	height: 150px;
	background: linear-gradient(to right,#003366,#226da2);
	padding:1.45rem 0 0 1.75rem;
	position: relative;
	z-index: 1;
}
.top-top:after{
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/dataonline/top-top-bgpic2.png') no-repeat;
	width: 100%;
	height: 100%;
}
.top-text{
	float: right;
	margin-right: 1.5rem;
	color: #fff;
	margin-top: -0.55rem;
	position: relative;
	z-index: 2;
}
.contents{
    height: calc(100% - 198px);
    overflow: auto;
}
.user{
	color: #fcff17;
	text-decoration: none;
	margin-right: 0rem;
}
.user:hover{
	color: #fcff17;
	text-decoration: underline;
	cursor: pointer;
}
.top-address{
	color: #FFFFFF;
	text-decoration: none;
}
.top-address:hover{
	color: #fcff17;
	cursor: pointer;
}
.top-logo{
	position: relative;
	z-index: 3;
}
.top-nav{
	margin-top: 1.2rem;
	position: relative;
	z-index: 2;
	
}
.top-nav li button{
	color: #fff;
	position: relative;
	z-index: 3;
}
.top-nav li button:hover{
	color: #F1F1F1;
	border: none; !important
}
.top-nav li button a{
	color: #FFFFFF;
	text-decoration: none;
}
.top-nav li button a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.content-left{
	width: calc(71% - 0.5rem - 0.6rem);
	/* height: 100%; */
	background-color: #FFFFFF;
	margin: 1.25rem 0.25rem 0.25rem 1.25rem;
	float: left;
}
.content-link-01{
	height: 100%;
	padding: 1.25rem;
	margin-bottom: 1.75rem;
	border-radius: 5px;
}
.content-link-01 h2{
	margin-bottom: 1.25rem;
    font-size: 1rem;
}
.content-link-01 a{
	width: calc(25% - 1rem);
	/*height: 2.75rem;*/
	margin-bottom: 1rem;
	margin-left: 1rem;
	text-decoration: none;
	color:#212529 ;
	float: left;
	display: block;
}
.content-link-01 a i{
	float: left;
	margin-right: 0.6rem;
}

.content-link-01 a span{
	width: calc(100% - 1rem - 0.6rem);
	word-wrap: break-word;
	display: block;
	float: left;
}
.bd-callout{
	border: 1px solid #e8e8e8;
	background:linear-gradient(to right,#f7f7f7,#ffffff);
}
.bd-callout-info{
	border-left: 5px solid #5bc0de;
}
.bd-callout-warning {
	border-left: 5px solid #f0ad4e;
}
.bd-callout-Success{
	border-left: 5px solid #198754;
}
.bd-callout-danger{
	border-left: 5px solid #dc3545;
}
.bd-callout-purple{
	border-left: 5px solid #6610f2;
}
.bd-callout-indigo{
	border-left: 5px solid #6610f2;
}
.content-right{
	width: calc(28% - 1.5rem - 0.6rem);
	/* height: 100%; */
	background-color: #F7F7F7;
	border: 1px solid #e1f3ff;
	float: right;
	margin: 1.25rem 1.25rem 0.25rem 0.25rem;
	padding-bottom: 1.25rem;
}
.right-title2{
	width: 100%;
	padding: 0.75rem 1rem;
	background: linear-gradient(to top,#c8ddf1,#f6fdff);
	color: #212529;
	text-align: center;
	margin-bottom: 0;
	border: 1px solid #e1f3ff;
	box-shadow: 0px 1px 4px #d2d2d2;
	word-wrap: break-word;
	float: left;
}
.right-pic{
	width: 100%;
    margin-bottom: 10px;
}
.right-pic-1{
	width: 100%;
	height: 54%;
	/*background-image: url(../images/dataonline/content-right-pic2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;*/
	margin: auto;
}
.right-pic a{
	float: left;
	color: #242529;
	text-decoration: none;
}
.right-pic a:hover{
	color: #0d6efd;
	text-decoration: underline;
}

.right-pic span{
	padding: 1rem 1.25rem 0;
	float: left;
	word-break: break-word;
}
.right-pic strong{
	float: left;
	padding: 0.75rem 1.25rem;
}
/* .right-pic-1 a img{
	width: 74%;
	position: absolute;
	left: 14%;
	top: 5%;
} */
/* .right-pic-1 #main{
	width: 100%;
	height: 95%;
} */
.right-text{
	padding: 1.25rem 1.25rem 0;
	list-style-type:none;
	float: left;
}
.right-text li{
	width: auto;
	height: auto;
	margin-bottom: 1.25em;
	overflow: hidden;
}
.right-text li a{
	text-decoration: none;
}
.right-text li a i{
	float: left;
	margin-right: 0.6rem;
}
.right-text li a span{
	width: calc(100% - 1rem - 0.6rem);
	word-wrap: break-word;
	display: block;
	float: left;
}
.content-link-01 a:hover,.right-text li a:hover{
	text-decoration: underline;
	color: #0d6efd;
}
.btn-text a{
	text-decoration: none;
}
.btn-text a:hover{
	color: #FFFFFF;
}
.bottom-copyright{
	width: 100%;
	height: 48px;
	background-color: #212529;
	text-align: center;
	/* float: left; */
}
.bottom-copyright span{
	color: #FFFFFF;
	line-height: 3rem;
}
.nav-link.active a{
	color: #495057;
}
.top-nav .nav-link{
    color: #fff;
}
.card-title, .card-body a{
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.common-tips {
	position: fixed;
	top: 5px;
	left: 50%;
	margin-left: -90px;
	width: 180px;
	text-align: center;
	background: #dff0d8;
	padding: 8px;
	border-radius: 3px;
	display: none;
	z-index: 9999;
}

.common-content {
	color: #3c763d;
	font-weight: 700;
	line-height: 22px;
	font-size: 14px;
	word-wrap: break-word;
}