html, body {
  background-color: #f2f2f2; }

html, body, div, p, ul, ol, header, section, footer {
  padding: 0;
  margin: 0;
}

.header {
	padding: 0px 1.25rem;
	clear: both;
	overflow: hidden;
	background-color: #fff;
	height: 4.58333rem;
	line-height: 4.58333rem;
}
.header .logo {
  height: 100%;
  display: inline-block;
  vertical-align: middle; 
}
.header .search-bar {
    float: right; 
    height: 4.58333rem;
    line-height: 4.58333rem;
}

.header .search-bar .keyword {
	width: 18rem;
	padding: 0 1rem;
	border: none;
	height: 2.6rem;
	line-height: 2.6rem;
	border: 0.1rem solid #ccc;
	border-right: none;
	vertical-align: middle;
	border-radius: 0.4rem 0 0 0.4rem;
	font-size: 1.2rem;
}
.header .search-bar .search-btn {
  width: 2.6rem;
  height: 2.6rem;
  line-height:2.6rem;
  text-indent: -999em;
  border: none;
  vertical-align: middle;
  background: url(/eapp02/global/img/icons.png) -62px 1px no-repeat #058ac8;
  border-radius: 0 0.4rem 0.4rem 0;
}

.nav {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #f7f7f7; 
}

.nav.nav-tabs>li {
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 1.33333rem;
  color: #666; 
  border-right: 0.08333rem solid #e6e6e6;
}
.nav.nav-tabs>li:first-child {
    -webkit-box-flex: 0.5;
    box-flex: 0.5;
    -webkit-flex: 0.5;
}
.nav.nav-tabs>li>a {
    font-size: 1.33333rem;
    color: #000;
    padding: 1rem 0;
    border-radius: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #fff;
  background-color: #007bc7;
/*   border: none; */
}

.nav-tabs>li.active {
	border-right: none;
}

.nav-dropdown-panel {
	position:relative;
	left: 0;
	top: 0;
}
.collapse.in {
	position:absolute;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	background-color: #fff;
}
.nav-dropdown-list li {
	border-bottom: 1px solid #d8d8d8;
}
.nav-dropdown-list a {
	display :block;
	font-size: 1.33333rem;
	color: #000;
	padding: 1rem 1rem;
	text-decoration: none;
}
.nav-dropdown-list>li.active>a, .nav-dropdown-list>li.active>a:focus, .nav-dropdown-list>li.active>a:hover {
  color: #fff;
  background-color: #007bc7;
}

.search-list .item {
	width :100%;
    height : 13rem;
	padding: 1rem 1rem;
	display: block;
	border-bottom: 1px solid #d8d8d8;
}
.course {
	height: 7.1666rem;
}
.course strong a {
    color: #000;
    max-height: 9rem;
}
.course img{
	float : left;
	width: 15rem;
	height: 9.1666rem;
}
.course span {
	font-size: 1.33333rem;
	display : block;
	margin-left: 15.5rem;
	overflow: hidden;
}
.course .tags {
	display: block;
    margin-left: 15.5rem;
    overflow: hidden;
}
.course .tags a {
	font-size: 1.33333rem;
	color: #009689;
}
.search-list .item em {
	display: block;
	margin-left: 15.5rem;
	overflow: hidden;
    font-style: normal;
    color: #999;
}

.ct-page{ margin:2.5rem 0; text-align:center;}
.ct-page a,.ct-page span{ display:inline-block; border:#e2e2e2 1px solid; padding:0 5px; height:2rem; line-height:2rem; background:#f8f8f8; font-size: 1.33333rem; }
.ct-page a:hover,.ct-page a.on,.ct-page span:hover,.ct-page span.current{ background:#e9e9e9; text-decoration:none;}
.ct-page a,.ct-page span{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    box-shadow:0 1px 1px #efefef;
}

.page-footer {
  margin-top: 2.08333rem;
  margin-bottom: 1.66667rem;
  text-align: center;
}

.page-footer .links {
    line-height: 1.83333rem;
    font-size: 1.08333rem;
    color: #666; 
}
.page-footer .links i {
    color: #666;
    margin: 0px 0.41667rem;
}
.page-footer .copyright {
    line-height: 1.75rem;
    color: #ccc; 
}