@charset "UTF-8";
/*
 *@description:banner 
 *@author: liangtian 
 *@date: 2020-07-28 13:14:13
*/
.banner {
  height: 400px;
  width: 100%;
}

.banner #swiper {
  width: 100% !important;
  height: 100% !important;
}

.banner #swiper img {
  width: 100%;
  height: 100%;
}

/*
 *@description:通知 
 *@author: liangtian 
 *@date: 2020-07-28 13:48:28
*/
.notice-wrap {
  width: 100%;
  height: 164px;
}

.notice-wrap .notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.notice-wrap .notice>div {
  width: 556px;
  height: 126px;
  border: 1px solid #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.notice-wrap .notice div .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 25px;
}

.notice-wrap .notice div .title i {
  color: #f46248;
  margin-right: 10px;
}

.notice-wrap .notice div .title span {
  font-size: 15px;
  font-weight:bold;
}

.notice-wrap .notice div .ul-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 80px;
  overflow: hidden;
  padding: 18px 25px;
}

.notice-wrap .notice .notice-l .ul-box ul {
  height: 24px;
  overflow: hidden;
}

.notice-wrap .notice .notice-l .ul-box ul li {
  width: 100%;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.notice-wrap .notice .notice-r .title i {
  font-size: 25px;
}

.notice-wrap .notice .notice-r .ul-box ul {
  height: 100%;
  overflow: hidden;
}

.notice-wrap .notice .notice-r .ul-box ul li {
  width: 100%;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

/*
 *@description:公用标题 
 *@author: liangtian 
 *@date: 2020-07-28 14:16:56
*/
.global-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 35px;
}

.global-title .text {
  background: url("../images/title-bg.png") no-repeat;
  background-size: 37px 45px;
  padding-top: 25px;
  position: relative;
}

.global-title .text span {
  font-size: 28px;
  position: relative;
  z-index: 2;
}

.global-title .text em {
  display: inline-block;
  width: 51px;
  height: 10px;
  background: #ed913d;
  position: absolute;
  bottom: 0px;
  right: -5px;
}

/*
 *@description: 资源区域
 *@author: liangtian 
 *@date: 2020-07-28 15:23:27
*/
.content-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.content-ul li{
  margin-bottom: 32px;
}
.content-ul li:nth-of-type(4n) {
  margin-right: 0;
}

/*
 *@description:资源区域(通用分类排头) 
 *@author: liangtian 
 *@date: 2020-07-28 15:00:53
*/
.classify {
  width: 256px;
  height: 228px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 51px;
}

.classify span {
  font-size: 35px;
  color: #fff;
  font-weight: 500;
}

.classify ul {
  width: 100%;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.classify ul li {
  width: 25%;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  color: white;
  cursor: pointer;
}

.classify ul li:nth-of-type(n + 4) {
  margin-bottom: 10px;
}

.phase:nth-of-type(1)>li:first-child {
  background: url("../images/xiaoxue.png") no-repeat center/cover;
}

.phase:nth-of-type(2)>li:first-child{
  background: url("../images/chuzhong.png") no-repeat center/cover;
}

.phase:nth-of-type(3)>li:first-child{
  background: url("../images/gaozhong.png") no-repeat center/cover;
}
.searchable:hover{
  color: #FBB03B;
}


/*
 *@description:教研评比背景色 
 *@author: liangtian 
 *@date: 2020-07-28 16:06:46
*/
.jypb-wrap {
  background: #f5f4f6;
  overflow: hidden;
}