@charset "utf-8";
/* CSS Document */
  .tabs{
  position:relative;
 
  min-height: 400px;
  height: 1200px;
 

 
}
.tab-pane{
  display:inline-block;
	float: left;
 
}
.tabs input[type='radio']{
  position:absolute;
  clip:rect(0,0,0,0)
}
.tab-item{
  display:block;
  height:40px;
  line-height:40px;
  cursor:pointer;
  padding:0 20px;
	margin-right: 20px;
  border-radius:20px;
	border: 1px #eee solid ;

}

.tabs input[type='radio']:checked+.tab-item{
  background:#00b0f0;
  color:#fff;

}

.tab-content{
  position:absolute;
  border:1px solid #eee;
  padding:20px;
  left:0;
  top:60px;
  bottom:0;
  right:0;
  background:#fff;
  height: auto;
 
}

.tabs input[type='radio']:checked+.tab-item+.tab-content{
  z-index:1
}


 

/* ////////////tab页面///////////// */
.c-tabs{ }
.c-tabs ul{display: flex;flex-direction: row;  margin: 30px 0 ; }
.c-tabs li{margin: 0 20px; border:1px #ccc solid;border-radius: 20px; padding:10px;cursor: pointer; width:200px; }
.c-tab-item{display: none;}
.c-tabs li.active{background-color: #00b0f0; color:#fff;}
.c-tab-item.active{display: block;}

/* /////////////新闻//////////// */

.news{ width: 1200px;  margin: 0 auto ;}
.news h1 { text-align: center; font-size: 30px; font-weight: bold; margin: 50px 0 ;}
.course,.notice { float:left; width: 40%;}
.qrcoude { float:left; width: 20%;}
.newstitle { font-size: 18px; line-height: 50px; font-weight: bold; padding: 0 20px; border-bottom: #00b0f0 solid 1px; color: #00b0f0; }
.news ul {padding: 0 20px;}
.news ul li {line-height: 30px;}
.newstime { float: right ; border: none; }
.qrcoude ul li {text-align: center; font-weight: bold;}