@charset "UTF-8";
/*首页 开始*/
.homePageMain{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}
  /*banner*/
  .swiper {
      width: 100%;
      height: 500px;
      position: relative;
  }
  .swiper .swiper-wrapper {
      z-index: 2;
  }
  .swiper .swiper-slide {
      width: 100%;
      height: 700px;
      background-repeat: no-repeat;
      background-position: center;
  }
  
  .swiper .swiper-slide img,
  .courseOperations .myNotes .notesLists li .listsLeft img,
  .professionalClassifications .classificationOne .oneTop img
  .fineArtMain .proSituation ul li .prosituationLeft img,
  .fineArtMain .teachingMain ul li .teachpic img,
  .cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introTop img,
  .cooperDetailsMain .introduceIng .outstandingMain li .outsPic img,
  .cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot img,
  .skilscompetMain .skilsInfoCot .sklisListInfo li .infoLeft img,
  .creditBankBot .commodityList li .commodPic img,
  .creditBankMain .creditbankDetails .crebankTop .banktopLeft img,
  .creditbankDetails .crebankBot .bankbotRight ul li .otherPic img,
  .teachforumTop .activeUsers .activeusersList li .userlistInfo .userPics img,
  .forumcontMain .publishsContent .publishsLeft img,
  .topicListMain .topiclistInfo li .topicLeft,
  .forumDetailsing .momentForum .momentforumLeft .momPic img,
  .forumDetailsing .replyMain li .replyInitial .initialLeft .momPic img,
  .forumDetailsing .replyMain li .replyAgain .repageainLeft .momPic img,
  .userCenterMain .userPeople .namepic img,
  .usercenterInfo .activitiesCont .activitList li .activlistLeft img{
     width: 100%;
     height: 100%;
     display: block;
     -o-object-fit: cover;
     object-fit: cover;
     margin: 0 auto;
  }
 .swiper-pagination {
      bottom: 20px !important;
  }
  .swiper-pagination .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #ddd;
	  opacity: 0.8;
  }
  .swiper-pagination .swiper-pagination-bullet-active {
      width: 10px;
      height: 10px;
      background: #3350EA;
      border-radius: 5px;
  }
  /*最新公告*/
  .homePageMain .latestNewsMain,
  .userCenterMain{
	  width: 81.25rem;
	  height: auto;
	  overflow: hidden;
	  margin:94px auto;
	 
  }
  .homePageMain .latestNewsMain .latestLeft,
  .schoolOverview .schoolMain .schoolLeft,
  .rangkingMain .rangkingLeft,
  .popularCourses .popularLeft{
	  float: left;
	  width: 150px;
  }
  .homePageMain .latestNewsMain .latestLeft span,
  .schoolOverview .schoolMain .schoolLeft span,
  .rangkingMain .rangkingLeft span,
  .professionalMain .professInfo .professTop span,
  .popularCourses .popularLeft span{
	  color: #E0E0E0;
	  font-size: 40px;
  }
  .rangkingMain .rangkingLeft span,
  .popularCourses .popularLeft span{
	  font-size: 35px;
  }
  .professionalMain .professInfo .professTop span{font-size: 30px;color: #909090;}
  .homePageMain .latestNewsMain .latestLeft em,
  .schoolOverview .schoolMain .schoolLeft em,
  .rangkingMain .rangkingLeft em,
  .professionalMain .professInfo .professTop em,.downloadList em,
  .popularCourses .popularLeft em{
	  width: 69px;
	  height: 4px;
	  overflow: hidden;
	  display: block;
	  background:url(../images/line.png) no-repeat;
	  background-size: 100%;
	  margin:20px 0;
  }
  .schoolOverview .schoolMain .schoolLeft em,
  .professionalMain .professInfo .professTop em{
	  background:url(../images/linetwo.png) no-repeat;
	  background-size: 100%;
  }
  .homePageMain .latestNewsMain .latestLeft h3,
  .schoolOverview .schoolMain .schoolLeft h3,
  .rangkingMain .rangkingLeft h3,
  .professionalMain .professInfo .professTop h3,
  .popularCourses .popularLeft h3{
	  font-size: 26px;
	  color: #393939;
  }
  .schoolOverview .schoolMain .schoolLeft h3,.professionalMain .professInfo .professTop h3{color:#fff;}
  .professionalMain .professInfo .professTop h3{
	  color: #909090;
  }
  .professionalMain .professInfo .professBot{
	  margin-top: 5px;
  }
  .professionalMain .professInfo .professBot a{
	  display: block;
	  float: left;
	  margin-right: 18px;
	  transition:All 0.3s ease-in-out;
	  	-webkit-transition:All 0.3s ease-in-out;
	  	-moz-transition:All 0.3s ease-in-out;
	  	-o-transition:All 0.3s ease-in-out;
  }
  .professionalMain .professInfo .professBot a:hover{
	  transform:translate(0,-28px);
	  	-webkit-transform:translate(0,-28px);
	  	-moz-transform:translate(0,-28px);
	  	-o-transform:translate(0,-28px);
	  	-ms-transform:translate(0,-28px);
  }
  .professionalMain .professInfo .professBot a img{
	  width: 100%;
  }
  .professionalMain .professInfo .professBot a:last-child{
	  
	  margin-right: 0;
  }
  .professionalMain .professInfo .professBot a:nth-child(2n){
	  margin-top: 40px;
   }
  .homePageMain .latestNewsMain .latestRight,
  .rangkingMain .rangkingRight,
  .popularCourses .popularRight{
	  float: right;
	  width: 1066px;
  }
  .latestNewsMain .latestRight ul.newslisting{
	  height: auto;
	  overflow: hidden;
  }
  .latestNewsMain .latestRight ul.newslisting li{
	  width: 49%;
	  padding:20px;
	  float: left;
	  margin-bottom: 20px;
	  background-color: #fff;
	  box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
  }
  .latestNewsMain .latestRight ul.newslisting li:nth-child(2n){
	  float: right;
	  margin-right: 2px;
  }
  .latestNewsMain .latestRight ul.newslisting li .latesListLeft{
	  width: 17%;
	  float: left;
  }
  .latestRight ul li .latesListLeft .listtime{
	  font-size:13px;
	  color:#D5D5D5;
  }
  .latestRight ul li .latesListLeft .listtime span{
	  font-size: 20px;
	  color: #393939;
	  display: block;
  }
  .latestRight ul li .latesListLeft em{
	  width: 100%;
	  height: 1px;
	  background-color: #D9D9D9;
	  display: block;
	  margin-top: 40%;
  }
  .latestNewsMain .latestRight ul.newslisting li .latesListRight{
  	  width:75%;
  	  float: right;
  }
  
  .latestNewsMain .latestRight ul.newslisting li .latesListRight1{
  	  width:100%;
  	  float: right;
	  color: #393939;
  }
  .latestNewsMain .latestRight ul.newslisting li .latesListRight h4{
	  font-size: 16px;
	  color: #393939;
	  white-space: normal;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  line-height: 28px;
	  margin-bottom: 18px;
	  margin-top: 3px;
	  height: 55px;
  }
  .latestNewsMain .latestRight ul.newslisting li .latesListRight p{
	  font-size: 14px;
	  color: #999;
	  white-space: normal;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  line-height: 26px;
	  height: 55px;
  }
  .schoolOverview{
	  width: 100%;
	  height: 987px;
	  background: url(../images/schoolBg.png) no-repeat;
	  background-size: cover;
	  margin-top: -20px; 
	  position: relative;
  }
  .schoolOverview .schoolMain{
	  width: 81.25rem;
	  margin:0 auto;
	  height: 987px;
	  overflow: hidden;
  }
  .schoolOverview .schoolMain .schoolLeft{
	  margin-top: 100px;
  }
  .schoolOverview .schoolMain .schoolRight{
	  width:1096px;
	  height: 467px;
	  float: right;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  background: url(../images/oerBg.png) no-repeat;
	  background-size: cover;
  }
  .schoolOverview .schoolMain .schoolRight .overviewInfo{
	 width:728px;
	 margin: 70px 0 0 50px;
  }
  .schoolOverview .schoolMain .schoolRight p{
	  color: #fff;
	  font-size: 16px;
	  line-height: 40px;
	  text-indent: 2em;
  }
  .schoolOverview .schoolMain .schoolRight a{
	  width: 110px;
	  height: 36px;
	  line-height: 36px;
	  text-align: center;
	  border-radius: 6px;
	  display: block;
	  color: #03539B;
	  font-size: 14px;
	  margin-top: 30px;
	  background-color: #fff;
  }
  .rangkingMain,
  .popularCourses{
	  width:81.25rem;
	  height: auto;
	  overflow: hidden;
	  margin:90px auto 70px;
  }
  .rangkingMain .rangkingRight .integralInfo{
	  width: 450px;
	  height: auto;
	  overflow: hidden;
	  float: left;
	  background: url(../images/dowBg.png) no-repeat;
	  background-size: 100%;
  }
  .rangkingRight .integralInfo .integTit{
	  margin-top: 140px;
	  width: 100%;
	  float: left;
  }
  .rangkingRight .integralInfo .integTit span{
	  color: #fff;
	  font-size: 16px;
	  width: 33.3%;
	  text-align: center;
	  display: block;
	  float: left;
  }
  .rangkingRight .integralInfo ul{
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  float: left;
	  margin-top: 20px;
  }
  .rangkingRight .integralInfo ul li{
	  width: 100%;
	  background-color: #fff;
	  padding:12px 0;
	  overflow: hidden;
	  border-bottom: 1px dashed #E2E2E2;
  }
  .rangkingRight .integralInfo ul li em,
  .rangkingRight .integralInfo ul li span,
  .creditBankTop .pointRanking .integralInfo ul li em,
  .creditBankTop .pointRanking .integralInfo ul li span{
	  display:block;
	  width: 33.3%;
	  float: left;
	  text-align: center;
	  font-size: 15px;
	  color:#b0b0b0;
	  height: 30px;
	  line-height: 30px;
  }
  .creditBankTop .pointRanking .integralInfo ul li em,
  .creditBankTop .pointRanking .integralInfo ul li span{
	  font-size: 16px;
	  color: #6d6d6d;
  }
    .creditBankTop .pointRanking .integralInfo ul li em{
		color: #B8B8B8;
	}
  .rangkingRight .integralInfo ul li em .numone,
    .creditBankTop .pointRanking .integralInfo ul li em .numone{
	  width: 30px;
	  height: 30px;
	  display: block;
	  margin:0 auto;
  }
  .rangkingRight .integralInfo ul li span{
	  font-size: 16px;
	  color: #6d6d6d;
  }
  .rangkingMain .rangkingRight .downloadList{
	  float: right;
	  width: 545px;
  }
  .rangkingMain .rangkingRight .downloadList ul li{
	  padding:30px;
	  height: 102px;
	  background-color: #fff;
	  margin-bottom: 25px;
	  box-shadow: 0 2px 16px #f2f2f2, 0 0 1px #f2f2f2, 0 0 1px #f2f2f2;
  }
  .rangkingMain .rangkingRight .downloadList ul li:hover{
	  background-color: #3F76BD;
  }
  .rangkingMain .rangkingRight .downloadList ul li:hover .dowlistLeft h5,
  .rangkingMain .rangkingRight .downloadList ul li:hover .dowlistLeft span,
  .rangkingRight .downloadList ul li:hover .dowlistRight{
	  color:#fff;
  }
  .rangkingRight .downloadList ul li .dowlistLeft{
	  width: 400px;
	  float: left;
  }
  .rangkingRight .downloadList ul li .dowlistLeft h5{
	  text-decoration: none;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  font-size: 16px;
	  color: #6D6D6D;
  }
  .rangkingRight .downloadList ul li .dowlistLeft span{
	  font-size: 14px;
	  color: #BCBCBC;
	  display: block;
	  margin: 10px 0;
  }
  .rangkingRight .downloadList ul li .dowlistRight{
	  font-size: 18px;
	  color: #205AB4;
	  display: block;
	  float: right;
	  margin-top: 10px;
  }
  .professionalMain{
	  width: 100%;
	  padding-top:40px;
	  height: 580px;
	  background-color:#fff;
	  /* background: url(../images/profetBg.jpg) no-repeat; */
	  background-size: cover;
  }
  .professionalMain .professInfo{
	  width: 81.25rem;
	  margin:0 auto
  }
  .professionalMain .professInfo .professTop{
	  width: 100%;
	  padding: 30px 0;
  }
  .popularCourses{
	
  }
  .popularCourses .popularing{

  }
  .popularCourses .popularRight .nav-tabs{
	  border: none;
	  background-color: none;
	  width:150px;
	  margin:300px 0 0 -230px;
  }
   .popularCourses .popularRight .nav-tabs li{
	   float: inherit;
	   width:87px;
	   text-align: center;
	   margin-bottom: 20px;
   }
   .popularCourses .popularRight .nav-tabs li a,
   .popularCourses .popularRight .nav-tabs li a:hover{
	   background: none !important;
	   border:none;
	   font-size: 20px;
	   color: #757575;
	   width: 100%;
	   text-align: center;
	   padding:0 0 10px 0;
	   margin:0;
   }
   .popularCourses .popularRight .nav-tabs li.active a{
	   /* color:#0B8AEA; */
   }
   .popularCourses .popularRight .nav-tabs li.active{
	   /* border-bottom: 1px solid #0B8AEA; */
   }
   .popularCourses .popularRight .tab-content{
	   margin-top: -410px;
	   height: 500px;
   }
   .popularRight .coursesList{
	   margin-top: 20px;
   }
   .popularRight .coursesList li{
       width: 257px;
	   padding:25px 15px 12px;
	    box-shadow: 0 2px 1px #f2f2f2, 0 0 1px #f2f2f2, 0 0 1px #f2f2f2;
		background-color: #fff;
		float: left;
		margin-right: 12px;
		margin-bottom: 25px;
		position: relative;
   } 
   .popularRight .coursesList li:nth-child(4n){margin-right: 0;}
   .popularRight .coursesList li .listPic{
	   width: 228px;
	   height: 152px;
	   overflow: hidden;
	   position: relative;
   }
   .popularRight .tab-pane .morebtn,
   .latestNewsMain .latestRight .morebtn{
	   width: 100%;
	   text-align: right;
	   color: #0364AD;
	   font-size: 16px;
	   font-weight: bold;
   }
   .latestNewsMain .latestRight .morebtn{
	   margin-bottom: 20px;
   }
   .popularRight .coursesList li .listPic img{
	   width: 100%;
	   height: 100%;
	   object-fit: cover;
   }
   .popularRight .coursesList li .listPic .picBg,
   .learningCont .learningRight .learnsquareList li .listPic .bg{
	   width: 100%;
	   height:100%;
	   background: #3b3b3b;
	   opacity: 0.75;
	   position: absolute;
	   top: 0;
	   left:0;
   }
   
   .learningCont .learningRight .learnsquareList li .listPic .bg{
	   width: 100%;
	   height:100%;
	   
	   opacity: 0.75;
	   position: absolute;
	   top: 0;
	   left:0;
   }
   .popularRight .coursesList li .listPic .playicon{
	   width:40px;
	   height: 40px;
	   background: url(../images/videoicon.png) no-repeat;
	   background-size: 100%;
	   position: absolute;
	   top:50%;
	   left:50%;
	   margin:-20px 0 0 -20px;
   }
   
    .popularRight .coursesList li .listPic .playicon1{
	   width:40px;
	   height: 40px;
	  
	   background-size: 100%;
	   position: absolute;
	   top:50%;
	   left:50%;
	   margin:-20px 0 0 -20px;
   }
   .popularRight .coursesList li h3,
   .learningCont .learningRight .learnsquareList li h4,
   .resourcesharRight .learnsquareList li h4{
	  width: 100%;
	  font-size: 16px;
	  height: 22px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  color: #353535;
	  margin:13px 0 16px;
   }
   .popularRight .coursesList li h3 a{
	   color: #353535;
   }
   .learningCont .learningRight .learnsquareList li h4,
   .resourcesharRight .learnsquareList li h4{
	   margin:13px 0 6px;
	   color:#353535;
   }
    .learningCont .learningRight .learnsquareList li h4 a,
	.resourcesharRight .learnsquareList li h4 a{
		color:#353535;
	}
	.learningCont .learningRight .learnsquareList li h4 a:hover,
	.creditbankDetails .crebankBot .bankbotRight ul li .othertit:hover,
	.usercenterInfo .activitiesCont .activitList li .activlistRight h3 a:hover,
	.resourcesharRight .learnsquareList li h4 a:hover,
	.popularRight .coursesList li h3 a:hover,
	.latestNewsMain .latestRight ul li a .latesListRight h4:hover,
	.newsdetaMain .articleOperate a:hover{
		color: #32A5E2;
	}
   .popularRight .coursesList li .operateIng,
   .learningCont .learningRight .learnsquareList li .learOperate,
   .resourcesharRight .learningRight .learnsquareList li .learOperate{
	   width: 100%;
	   height: auto;
	   overflow: hidden;
   }
   .popularRight .coursesList li .operateIng .operaLeft,
   .learningCont .learningRight .learnsquareList li .learOperate .leopLeft,
   .resourcesharRight .learningRight .learnsquareList li .learOperate .leopLeft{
	   float: left;
   }
   .coursesList li .operateIng .operaLeft em{
	   width: 16px;
	   height: 16px;
	   display: inline-block;
	   background: url(../images/giveicon.png) no-repeat;
	   background-size: 100%;
	   float: left;
   }
   .learningCont .learningRight .learnsquareList li .learOperate .leopLeft em,
   .momentForum .momentforumRight .momentOpearite span .gives,
   .resourcesharRight .learningRight .learnsquareList li .learOperate .leopLeft em{
	   width: 22px;
	   height: 22px;
	   display: inline-block;
	   background: url(../images/ledian.png) no-repeat;
	   background-size: 100%;
	   float: left;
   }
   .coursesList li .operateIng span,
    .learningCont .learningRight .learnsquareList li .learOperate span,
	.resourcesharRight .learningRight .learnsquareList li .learOperate span{
	   color:#B8B8B8;
	   font-size: 12px;
	   display: inline-block;
	   float: left;
	   margin-left: 5px;
   }
    .learningCont .learningRight .learnsquareList li .learOperate span,
	.resourcesharRight .learningRight .learnsquareList li .learOperate span{font-size: 14px;}
   .popularRight .coursesList li .operateIng .operaRight,
    .learningCont .learningRight .learnsquareList li .learOperate .leopRight,
	.resourcesharRight .learningRight .learnsquareList li .learOperate .leopRight{
	   float: right;
   }
   .popularRight .coursesList li .operateIng .operaRight em{
	   width: 14px;
	   height: 14px;
	   display: inline-block;
	   background: url(../images/eyes.png) no-repeat;
	   background-size: 100%;
	   float: left;
   }
   .learningCont .learningRight .learnsquareList li .learOperate .leopRight em,
   .momentForum .momentforumRight .momentOpearite span .timesing,
   .forumDetailsing .replyMain li .initialOpear .buildRight span .timesing,
      .forumDetailsing .replyMain li .replyAgain .buildRight span .timesing,
	  .resourcesharRight .learningRight .learnsquareList li .learOperate .leopRight em{
	   width: 20px;
	   height: 20px;
	   display: inline-block;
	   background: url(../images/leartime.png) no-repeat;
	   background-size: 100%;
	   float: left;
   }
   .popularRight .coursesList li .hotPic{
	  width: 48px;
	   height: 48px;
	   background: url(../images/hot.png) no-repeat;
	   background-size: 100%;
	   position: absolute;
	   top:0;
	   right: 0;
	   z-index: 999;
   }
/*首页 结束*/
/*学习广场 开始*/
.bannerMain{
	width: 100%;
	height: auto;
}
.bannerMain img{
	width: 100%;
	height: 100%;
}
.learningCont,
.courseDetails,
.creditBankMain .creditBankBot,
.teachingForumMain .teachforumBot,
.topicListMain,
.releasePostMain,
.resourceSharing,
.newsDetailsing{
	width: 81.25rem;
	height: auto;
	margin:60px auto;
	background: #fff;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
}
.newsDetailsing{
	height: auto;
	overflow: hidden;
}
.newsDetailsing .newsdetaMain{
	margin:50px;
}
.creditBankMain .creditBankBot{
	margin:22px auto;
}
.learningCont .learningLeft{
	width: 117px;
	float: left;
	margin:50px 0 0 30px;
}
.learningCont .learningLeft a{
	display: block;
	text-align: center;
	margin-bottom: 35px;
	text-decoration: none;
}
.learningCont .downloadLeft a{
	width: 100%;
	display: block;
	padding-top: 16px;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.learningCont .learningLeft a img.cultural{
	width:30px;
	height:27px;
	display: inline-block;
	transition: all 0.3s;
}

.learningCont .learningLeft a img.aesthemc{
	width:32px;
	height:32px;
	display: inline-block;
	transition: all 0.3s;
}
.learningCont .learningLeft a img.synthesize{
	width:30px;
	height:30px;
	display: inline-block;
	transition: all 0.3s;
}
.learningCont .learningLeft a img.specialized{
	width:30px;
	height:30px;
	display: inline-block;
	transition: all 0.3s;
}
.learningCont .learningLeft a img.newideas{
	width:30px;
	height:30px;
	display: inline-block;
	transition: all 0.3s;
}
.learningCont .learningLeft a img.live{
	width:30px;
	height:30px;
	display: inline-block;
	transition: all 0.3s;
}
.learningCont .learningLeft a.Cur img.cultural,
.learningCont .learningLeft a:hover img.cultural,
.learningCont .learningLeft a.Cur img.aesthemc,
.learningCont .learningLeft a:hover img.aesthemc,
.learningCont .learningLeft a.Cur img.synthesize,
.learningCont .learningLeft a:hover img.synthesize,
.learningCont .learningLeft a.Cur img.specialized,
.learningCont .learningLeft a:hover img.specialized,
.learningCont .learningLeft a.Cur img.newideas,
.learningCont .learningLeft a:hover img.newideas,
.learningCont .learningLeft a:hover img.live,
.learningCont .learningLeft a.Cur img.live{
	transform: scale(1.4);
}

.learningCont .learningLeft a h3{
	color:#393939;
	font-size: 16px;
	margin:8px 0 3px;
}
.learningCont .downloadLeft a h3{
	margin: 8px 0 0 0;
}
.learningCont .learningLeft a span{
	color: #D3D3D3;
	font-size: 10px;
}
.learningCont .learningRight,
.resourcesharRight .learningRight{
	margin-left: 30px;
}
.resourcesharRight .learningRight{
	margin-left: 0;
}
.learningCont .learningRight .sonsore,
.resourcesharRight .learningRight .sonsore{
	width: 990px;
	border-bottom:1px solid #E4E4E4;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.resourcesharRight .learningRight .sonsore{
	margin-top: 0;
}
.learningCont .learningRight .sonsore span,
.resourcesharRight .learningRight .sonsore span{
	float: left;
	font-size: 16px;
	display: block;
	color: #6C6C6C;
}
.learningCont .learningRight .sonsore .nav-tabs,
.resourcesharRight .learningRight .sonsore .nav-tabs{
	border:none;
	width: 842px;
	float: left;
	margin-left: 20px;
}
.learningCont .learningRight .sonsore .nav-tabs a,
.learningCont .learningRight .sonsore .nav-tabs a:hover,
.resourcesharRight .learningRight .sonsore .nav-tabs a,
.resourcesharRight .learningRight .sonsore .nav-tabs a:hover{
	border:none;
	padding:0;
	margin:0 60px 20px 0;
	color: #626262;
	font-size: 16px;
	background: none;
}
.learningCont .learningRight .sonsore .nav-tabs .active a,
.resourcesharRight .learningRight .sonsore .nav-tabs .active a{
	color:#32A5E2;
}
.learningCont .learningRight .learnsquareList,
.resourcesharRight .learningRight .learnsquareList{
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}
.learningCont .learningRight .learnsquareList li,
.resourcesharRight .learningRight .learnsquareList li{
	margin-top: 40px;
	width: 289px;
	float: left;
	overflow: hidden;
	margin-right: 60px;
}
.learningCont .learningRight .learnsquareList li:nth-child(3n),
.resourcesharRight .learningRight .learnsquareList li:nth-child(3n){
	margin-right: 0;
}
.learningCont .learningRight .learnsquareList li .listPic,
.resourcesharRight .learningRight .learnsquareList li .listPic{
	width: 289px;
	height: 195px;
	overflow: hidden;
	border-radius: 5px;
	position:relative;
	display: block;
}
.learningCont .learningRight .learnsquareList li .listPic img,
.resourcesharRight .learningRight .learnsquareList li .listPic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.learningCont .learningRight .learnsquareList li .listPic em,
.resourcesharRight .learningRight .learnsquareList li .listPic em{
	width: 49px;
	height: 49px;
	display: inline-block;
	background: url(../images/learplay.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top:50%;
	left:50%;
	margin:-24.5px 0 0 -24.5px;
}
/*学习广场 结束*/
/*学习课程详情 开始*/
.courseDetails .courseTitle,
.professionalCont .professionalTitles,
.creditBankTop .pointRanking .pointTitle,
.creditBankTop .myPoints .mypointTitle,
.creditBankBot .bankbotTitle,
.courseDetails .resourceTitles{
	width: 100%;
	height: 59px;
	line-height: 59px;
	overflow: hidden;
	border-bottom: 1px solid #E4E4E4;
	background-image: linear-gradient(to right, #ACE2FF , #fff);
	position: relative;
}
.courseDetails .resourceTitles{
	background-image: linear-gradient(to right, #c2bbf3 , #fff);
}
.creditBankBot .bankbotTitle{
	background-image: linear-gradient(to right, #FEF6F7 , #fff);
}
.professionalCont .professionalTitles{
	background-image: linear-gradient(to right, #E7E6FF , #fff);
}
.creditBankTop .pointRanking .pointTitle{
	background-image: linear-gradient(to right, #BFE3FF , #fff);
}
.creditBankTop .myPoints .mypointTitle{
	background-image: linear-gradient(to right, #FFF9F3 , #fff);
}
.courseDetails .courseTitle .titleLeft,
.professionalCont .professionalTitles .titleLeft,
.creditBankTop .pointRanking .pointTitle .titleLeft,
.creditBankTop .myPoints .mypointTitle .titleLeft,
.creditBankBot .bankbotTitle .titleLeft{
	margin-left: 16px;
	float: left;
	position: absolute;
	width: 83px;
	text-align: center;
}
.courseDetails .courseTitle .titleLeft span,
.professionalCont .professionalTitles .titleLeft  span,
.creditBankTop .pointRanking .pointTitle .titleLeft span,
.creditBankTop .myPoints .mypointTitle .titleLeft span,
.creditBankBot .bankbotTitle .titleLeft span{
	z-index: 999;
	position: absolute;
	top:0;
	left:4px;
	font-size: 19px;
	color: #363636;
}
.courseDetails .courseTitle .titleLeft em,
.professionalCont .professionalTitles .titleLeft em,
.creditBankTop .pointRanking .pointTitle .titleLeft em,
.creditBankTop .myPoints .mypointTitle .titleLeft em,
.creditBankBot .bankbotTitle .titleLeft em,
.courseDetails .resourceTitles .titleLeft em{
	width: 83px;
	height: 13px;
	background-color: #35A8E2;
	display: inline-block;
	position: absolute;
	top:30px;
	left:0;
}
.creditBankBot .bankbotTitle .titleLeft em{
	background-color: #FBAEB2;
}
.courseDetails .resourceTitles .titleLeft em{
	background-color:#7667E4 ;
}
.professionalCont .professionalTitles .titleLeft em{
	background-color: #BABFFF;
}
.creditBankTop .pointRanking .pointTitle .titleLeft em{
	background-color: #4BAFFD;
}
.creditBankTop .myPoints .mypointTitle .titleLeft em{
	background-color: #FED5A5;
}
.courseDetails .courseTitle .titleRight,
.professionalCont .professionalTitles .titleRight,
.courseDetails .resourceTitles .titleRight{
	width: 31px;
	height: 31px;
	display: inline-block;
	float: right;
	background: url(../images/book.png) no-repeat;
	background-size: 100%;
	margin:16px 24px 0 0;
}
.courseDetails .resourceTitles .titleRight{
	background: url(../images/booktwo.png) no-repeat;
	background-size: 100%;
}
.professionalCont .professionalTitles .titleRight{
	background: url(../images/proicon.png) no-repeat;
	background-size: 100%;
}
.courseDetails .detailsSpecific{
	height: auto;
	overflow: hidden;
}
.courseDetails .detailsSpecific .specificLeft{
	width: 872px;
	float: left;
	margin: 43px 0 0 63px;
}
.detailsSpecific .specificLeft .specifiTitle{
		width: 100%;
}
.detailsSpecific .specificLeft .specifiTitle h3{
	width: 700px;
	float: left;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 20px;
}
.detailsSpecific .specificLeft .spetitRight{
	float: right;
}
.detailsSpecific .specificLeft .spetitRight .giveThe{
	float: left;
	margin-right: 30px;
}
.detailsSpecific .specificLeft .spetitRight .giveThe em,
.detailsSpecific .specificLeft .spetitRight .giveThe em.giveH{
	width: 24px;
	height: 24px;
	display: inline-block;
	background: url(../images/give.png) no-repeat;
	background-size: 100%;
	float: left;
}
.detailsSpecific .specificLeft .spetitRight .giveThe em.giveH{
	background: url(../images/giveH.png) no-repeat;
	background-size: 100%;
}
.detailsSpecific .specificLeft .spetitRight span{
	color: #737373;
	display: inline-block;
	margin-left: 3px;
	margin-top: 3px;
}
.detailsSpecific .specificLeft .spetitRight .collect{
	float: right;
}
.detailsSpecific .specificLeft .spetitRight .collect em,
.detailsSpecific .specificLeft .spetitRight .collect em.collH{
	width: 22px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/collect.png) no-repeat;
	background-size: 100%;
}
.detailsSpecific .specificLeft .spetitRight .collect em.collH{
	background: url(../images/collectH.png) no-repeat;
	background-size: 100%;
}
.detailsSpecific .specificLeft .video-js{
	width: 100%;
	margin:24px auto 0;
	height: 520px;
	background-color: #000;
}
.detailsSpecific .specificLeft .playback{
	width: 100%;
	text-align: right;
	margin-top: 10px;
	color: #8c8c8c;
}
.detailsSpecific .specificRight{
	width: 218px;
	float: right;
	margin: 43px 50px 0 0;
}
.detailsSpecific .specificRight .relatedTitle{
	font-size:20px;
	color: #333;
	margin-bottom: 20px;
}
.detailsSpecific .specificRight .relatedList{
	height: auto;
	overflow: hidden;
}
.detailsSpecific .specificRight .relatedList li{
	width: 218px;
	overflow: hidden;
	margin-bottom: 20px;
}
.detailsSpecific .specificRight .relatedList li .relatPic{
	width: 100%;
	height: 145px;
	border-radius: 5px;
	overflow: hidden;
}
.detailsSpecific .specificRight .relatedList li .relatPic img{
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
}
.detailsSpecific .specificRight .relatedList li a{
	width: 100%;
	color: #646464;
	font-size: 18px;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px;
	display: block;
}
.detailsSpecific .specificRight .relatedList li a:hover{
	color:#005AAB;
}
.specificLeft .courseOperationIng{
	height: auto;
	overflow: hidden;
}
.specificLeft .courseOperationIng .nav-tabs a,
.specificLeft .courseOperationIng .nav-tabs a:hover{
	border:none;
	background: none !important;
	font-size: 20px;
	color: #333;
	text-align: center;
	padding:0 0 10px 0;
	margin:0;
	float: left;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-right: 60px;
	padding: 0 10px;
	cursor: pointer;
}
.specificLeft .courseOperationIng .courseoperaNav{
	width: 100%;
	border-bottom: 1px solid #D9D9D9;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.specificLeft .courseOperationIng .nav-tabs .active a{
	color: #35A8E2;
	border-bottom: 2px solid #35A8E2;
	border-left:none;
	border-right: none;
	border-top:none;
}
.specificLeft .courseOperationIng .introduceInfo{
	margin:30px auto;
	padding-bottom: 30px;
}
.specificLeft .courseOperationIng .introduceInfo p{
	color: #333;
	font-size: 16px;
	line-height: 32px;
	text-indent: 2em;
	margin-bottom: 24px;
}
.specificLeft .courseOperationIng .introduceInfo img{
	max-width: 100%;
	display: block;
	margin: 50px auto;
}
.courseOperationIng .myNotes{
	height: auto;
	overflow: hidden;
}
.courseOperationIng .myNotes .notesTitle{
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	font-size: 18px;
	color: #333;
	margin-top: 60px;
}
.courseOperationIng .myNotes .notesTitle em{
	width: 6px;
	    height: 18px;
	    background-color: #35A8E2;
	    display: inline-block;
	    margin-right: 10px;
	    margin-top: 2px;
	    float: left;
}
.courseOperationIng .myNotes .release-infoing {
    margin: 40px 0;
	height: auto;
	overflow: hidden;
}
.courseOperationIng .myNotes .release-infoing .release-pic {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}
.courseOperationIng .myNotes .release-infoing .release-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
    display: block;
	width: 100%;
}
.courseOperationIng .myNotes .release-infoing .fillInfo{
	width: 780px;
    height: 146px;
	
	
}
.courseOperationIng .myNotes .release-infoing .fillInfo textarea{
	width: 770px;
	height: 126px;
	font-size: 16px;
	border:none;
	padding:10px;
	border:1px solid #B0B0B0;
	border-radius: 8px;
	overflow: hidden;
}
.courseOperationIng .myNotes .release-infoing .fillInfo textarea:focus{
	border:1px solid #409eff;
}
.courseOperationIng .myNotes .release-infoing button{
	float: right;
}
.courseOperationIng .myNotes .release-btn{
	width: 139px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background-color: #005AAB;
	border: none;
	font-size: 20px;
	color: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 12px;
	cursor: pointer;
	float: right;
}
.courseOperationIng .myNotes .notesLists {
    height: auto;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-top: 10px;
    padding-top: 40px;
    border-top: 1px solid #e3e2e2;
}
.courseOperationIng .myNotes .notesLists li{
	height: auto;
	overflow: hidden;
	border-bottom: 1px dashed #D9D9D9;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.courseOperationIng .myNotes .notesLists li .listsLeft{
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.courseOperationIng .myNotes .notesLists li .listsLeft img{
	width: 100%;
	height: 100%;
	    object-fit: cover;
}
.courseOperationIng .myNotes .notesLists li .listsRight{
	width: 780px;
	float: right;
}
.courseOperationIng .myNotes .notesLists li .listsRight h4{
	font-size: 18px;
	color:#101010;
	margin-bottom: 5px;
}
.courseOperationIng .myNotes .notesLists li .listsRight span{
	font-size: 14px;
	color:#7D7D7D;
	display: inline-block;
	margin-bottom: 5px;
}
.courseOperationIng .myNotes .notesLists li .listsRight  p{
	font-size: 16px;
	color: #6C6C6C;
	line-height: 32px;
}
/*学习课程详情 结束*/
/*下载库 开始*/
.learningCont .downloadLeft a .dowclassIcon,
.learningCont .downloadLeft a.Cur .dowclassIcon{
	width: 34px;
	height: 34px;
	background: url(../images/downicon.png) no-repeat;
	background-size: 100%;
	margin:0 auto;
}
.learningCont .downloadLeft a.Cur{
	background:#006CFF;
}
.learningCont .downloadLeft a.Cur .dowclassIcon{
	background: url(../images/downiconHo.png) no-repeat;
	background-size: 100%;
}
.learningCont .downloadLeft a.Cur span,
.learningCont .downloadLeft a.Cur h3{
	color: #fff;
}
.learningRight .downloadListing table {
    width: 100%;
    height: auto;
    margin: 10px auto;
    border-collapse: collapse;
}
.learningRight .downloadListing table tr th {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #F7F7F7;
    color: #333;
    font-size: 17px;
    padding: 15px 0;
}
.learningRight .downloadListing table tr td{text-align: center;padding: 25px 0;border-bottom: 1px dashed #BBBBBB;color: #7d7d7d; font-size: 16px;}
.learningRight .downloadListing table tr td .software{
	width: 112px;
	height: 112px;
	display: inline-block;
	overflow: hidden;
}
.learningRight .downloadListing table tr td .software img{
	width: 100%;
	height: 100%;
}
.learningRight .downloadListing table tr td .briefinfo{
	text-align: left;
	line-height: 28px;
	padding:0 12px;
}
.learningRight .downloadListing table tr td a.dowbtn{
	width: 90px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border:1px solid #005AAB;
	display: block;
	color: #005AAB;
	font-size: 14px;
	overflow: hidden;
	border-radius: 5px;
	margin:0 auto;
}
.learningRight .softwareName{
	height: auto;
	overflow: hidden;
	width: 100%;
	margin: 43px 0 0 15px;
}
.learningRight .softwareName h4{
	text-align: center;
	color: #1D1D1D;
	font-size: 18px;
	width: 990px;
	margin-bottom: 23px;
}
.learningRight .softwareName .downUpload{
	width: 990px;
	color:#A8A7A7;
	font-size: 15px;
	text-align: center;
	margin-bottom: 80px;
}
.learningRight .softwareName .downUpload span{
	margin-right: 30px;
}
.learningRight .softwareName .downcont{
	width: 100%;
	width: 990px;
}
.learningRight .softwareName .downcont img{
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}
.learningRight .softwareName .clickDownload{
	width: 990px;
	text-align: center;
	margin: 100px 0;
}
.learningRight .softwareName .clickDownload a{
	padding:;
	color:#fff;
	background: #005AAB;
	padding:18px 28px;
    border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
}
.learningRight .softwareName .clickDownload span{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #A8A7A7;
	margin-top: 20px;
}
/*下载库 结束*/
/*专业部 开始*/
.professionalCont .professionalClassifications{
	padding:60px 0 90px;
	height: auto;
	overflow: hidden;
}
.professionalClassifications .professionInfo{
	width: 1210px;
	margin:0 auto;
}
.professionalClassifications .classificationOne,
.professionalClassifications .classificationTwo,
.professionalClassifications .classificationThree,
.professionalClassifications .classificationFour,
.professionalClassifications .classificationFive,
.professionalClassifications .classificationSix,
.professionalClassifications .classificationSeven{
	width: 739px;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
}
.professionalClassifications .classificationTwo{
	width: 456px;float: right;
}
.professionalClassifications .classificationThree{
	width: 448px;
	margin-top: 25px;
}
.professionalClassifications .classificationFour{
	width: 748px;
	float: right;
	margin-top: 25px;
}
.professionalClassifications .classificationFive,
.professionalClassifications .classificationSix,
.professionalClassifications .classificationSeven{
	width: 394px;
	margin-top: 25px;
}
.professionalClassifications .classificationSix{
	margin-left: 15px;
}
.professionalClassifications .classificationSeven{
	float: right;
}
.professionalClassifications .classificationOne .oneTop,
.professionalClassifications .classificationTwo .twoTop,
.professionalClassifications .classificationThree .threeTop,
.professionalClassifications .classificationFour .fourTop,
.professionalClassifications .classificationFive .fiveTop,
.professionalClassifications .classificationSix .sixTop,
.professionalClassifications .classificationSeven .sevenTop{
	width: 100%;
	height:347px;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}
.professionalClassifications .classificationOne .oneBotm,
.professionalClassifications .classificationTwo .twoBotm,
.professionalClassifications .classificationThree .threeBotm,
.professionalClassifications .classificationFour .fourBotm,
.professionalClassifications .classificationFive .fiveBotm,
.professionalClassifications .classificationSix .sixBotm,
.professionalClassifications .classificationSeven .sevenBotm{
	width: 100%;
	height: 78px;
}
.professionalClassifications .classificationOne .oneBotm .oneTitle,
.professionalClassifications .classificationTwo .twoBotm .twoTitle,
.professionalClassifications .classificationThree .threeBotm .threeTitle,
.professionalClassifications .classificationFour .fourBotm .fourTitle,
.professionalClassifications .classificationFive .fiveBotm .fiveTitle,
.professionalClassifications .classificationSix .sixBotm .sixTitle,
.professionalClassifications .classificationSeven .sevenBotm .sevenTitle{
	float: left;
	margin-left: 20px;
}
.professionalClassifications .classificationOne .oneBotm .oneTitle span,
.professionalClassifications .classificationTwo .twoBotm .twoTitle span,
.professionalClassifications .classificationThree .threeBotm .threeTitle span,
.professionalClassifications .classificationFour .fourBotm .fourTitle span,
.professionalClassifications .classificationFive .fiveBotm .fiveTitle span,
.professionalClassifications .classificationSix .sixBotm .sixTitle span,
.professionalClassifications .classificationSeven .sevenBotm .sevenTitle span{
	font-size: 18px;
	color: #606060;
	display: block;
	margin:18px 0 0 0;
}
.professionalClassifications .classificationOne .oneBotm .oneTitle em,
.professionalClassifications .classificationTwo .twoBotm .twoTitle em,
.professionalClassifications .classificationThree .threeBotm .threeTitle em,
.professionalClassifications .classificationFour .fourBotm .fourTitle em,
.professionalClassifications .classificationFive .fiveBotm .fiveTitle em,
.professionalClassifications .classificationSix .sixBotm .sixTitle em,
.professionalClassifications .classificationSeven .sevenBotm .sevenTitle em{
	font-size: 12px;
	color: #A3A3A3;
}
.professionalClassifications .classificationOne .oneBotm a.mores,
.professionalClassifications .classificationTwo .twoBotm a.mores,
.professionalClassifications .classificationThree .threeBotm a.mores,
.professionalClassifications .classificationFour .fourBotm a.mores,
.professionalClassifications .classificationFive .fiveBotm a.mores,
.professionalClassifications .classificationSix .sixBotm a.mores,
.professionalClassifications .classificationSeven .sevenBotm a.mores{
	width: 82px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #4592D8;
	border-radius: 30px;
	overflow: hidden;
	display: block;
	float: right;
	margin-right: 20px;
	margin-top: 22px;
	color: #fff;
	font-size: 13px;
}
/*专业部 结束*/
/*美业艺术部 开始*/
.fineArtsCont{
	padding-top: 68px;
	height: auto;
	overflow: hidden;
	border-radius: 12px;
}
.fineArtsCont .fineArtsNav{
	width: 1136px;
	height: 66px;
	border:1px solid #EAEAEA;
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	margin:0 auto;
}
.fineArtsCont .fineArtsNav .fineArtsInfo{
	width: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a{
	height: 66px;
	line-height: 66px;
	display: block;
	float: left;
	width: 12.5%;
	color: #8C8C8C;
	font-size: 16px;
	border-right: 1px solid #EAEAEA;
}
.fineArtsCont .fineArtsNav .fineArtOtherinfo a{
	width: 33.3%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a:last-child{
	border-right: none;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineOne,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineOne{
	width: 20px;
	height: 20px;
	background: url(../images/fine1a.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:24px 2px 0 30px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineOne{
	background: url(../images/fine1.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineTwo,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineTwo{
	width: 17px;
	height: 17px;
	background: url(../images/fine2.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:25px 2px 0 33px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineTwo{
	background: url(../images/fine2H.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineThree,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineThree{
	width: 21px;
	height: 21px;
	background: url(../images/fine3.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:22px 2px 0 33px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineThree{
	background: url(../images/fine3H.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineFour,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFour{
	width: 17px;
	height: 17px;
	background: url(../images/fine4.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:25px 2px 0 33px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFour{
	background: url(../images/fine4H.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineFive,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFive{
	width: 15px;
	height: 15px;
	background: url(../images/fine5.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:26px 2px 0 33px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFive{
	background: url(../images/fine5H.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a .fineSix,
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineSix{
	width: 16px;
	height: 16px;
	background: url(../images/fine6.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin:26px 2px 0 33px;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineSix{
	background: url(../images/fine6H.png) no-repeat;
	background-size: 100%;
}
.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur span{
	color:#835345;
}
.fineArtsCont .fineArtMain{
	width: 1136px;
	margin:30px auto;
}
.fineArtsCont .fineArtsNav .fineArtOtherinfo a.Cur .fineOne,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a .fineOne,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a.Cur .fineTwo,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a .fineTwo,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a.Cur .fineThree,
.fineArtsCont .fineArtsNav .fineArtOtherinfo a .fineThree{
	margin-left: 134px;
}
.fineArtsCont .fineArtMain .professionalIntroduction{
	height: auto;
	overflow: hidden;
	padding-bottom: 100px;
}
.fineArtsCont .fineArtMain .professionalIntroduction p{
	font-size: 16px;
	color: #626262;
	text-indent: 2em;
	line-height: 32px;
	margin-bottom: 15px;
}
.fineArtsCont .fineArtMain .professionalIntroduction img{
	max-width: 100%;
	margin:30px auto;
	display: block;
}
/*美业艺术部 结束*/
/*美业艺术部--专业情况  开始*/
.fineArtMain .proSituation{
	height: auto;
	overflow: hidden;
}
.fineArtMain .proSituation ul{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.fineArtMain .proSituation ul li{
	height: auto;
	overflow: hidden;
	border-bottom: 1px dashed #DFDFDF;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.fineArtMain .proSituation ul li .prosituationLeft{
	width: 313px;
	height: 190px;
	border-radius: 6px;
	overflow: hidden;
	float: left;
}
.fineArtMain .proSituation ul li .prosituationRight{
	float: right;
	width: 782px;
}
.fineArtMain .proSituation ul li .prosituationRight h4{
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 16px;
	color: #6D6D6D;
	height: 30px;
	font-size: 18px;
	color: #494949;
	margin-top: 5px;
}
.fineArtMain .proSituation ul li .prosituationRight h4 a{
	color: #6D6D6D;
}
.fineArtMain .proSituation ul li .prosituationRight h4 a:hover,
.fineArtMain .prosituaDetMain .articleOperate a:hover,
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight .tit:hover{
	color: #32A5E2;
}
.fineArtMain .proSituation ul li .prosituationRight p{
	font-size: 16px;
	color: #7D7D7D;
	line-height: 32px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 100px;
	margin:17px 0;
}
.fineArtMain .proSituation ul li .prosituationRight .viewnums{
	height: auto;
	overflow: hidden;
}
.fineArtMain .proSituation ul li .prosituationRight .viewnums em{
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	background: url(../images/looks.png) no-repeat;
	background-size: 100%;
	margin-right: 8px;
}
.fineArtMain .proSituation ul li .prosituationRight .viewnums span{
	font-size: 14px;
	color: #B8B8B8;
}
.fineArtMain .proSituation ul li .prosituationLeft img,
.creditBankBot .commodityList li .commodPic img,
.creditbankDetails .crebankBot .bankbotRight ul li .otherPic img,
.topicListMain .topiclistInfo li .topicLeft img,
.usercenterInfo .activitiesCont .activitList li .activlistLeft img,
.resourcesharRight .learnsquareList .listPic img{
	transition: all 0.3s;
}
.fineArtMain .proSituation ul li .prosituationLeft img:hover,
.fineArtMain .teachingMain ul li .teachpic img:hover,
.creditBankBot .commodityList li .commodPic img:hover,
.creditbankDetails .crebankBot .bankbotRight ul li .otherPic img:hover,
.topicListMain .topiclistInfo li .topicLeft img:hover,
.usercenterInfo .activitiesCont .activitList li .activlistLeft img:hover,
.resourcesharRight .learnsquareList .listPic img:hover{
	transform: scale(1.2);
}
/*美业艺术部--专业情况  结束*/
/*美业艺术部--专业详情  开始*/
.fineArtMain .prosituaDetMain{
	height: auto;
	overflow: hidden;
}
.fineArtMain .prosituaDetMain h4,
.newsDetailsing h4{
	color: #1d1d1d;
	font-size: 20px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 20px 0 40px 0;
}
.fineArtMain .prosituaDetMain .proSpecific,
.newsDetailsing .proSpecific{
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 30px auto 40px;
}
.fineArtMain .prosituaDetMain .proSpecific span,
.newsDetailsing .proSpecific span{
	display: inline-block;
	font-size: 14px;
	color: #9b9b9b;
	margin-right: 30px;
}
.fineArtMain .prosituaDetMain .prodetInfo,
.newsDetailsing .prodetInfo{
	height: auto;
	overflow: hidden;
}
.fineArtMain .prosituaDetMain .prodetInfo p,
.newsDetailsing .prodetInfo p{
	font-size: 16px;
	color: #666;
	text-indent: 2em;
	line-height: 36px;
	margin-bottom: 20px;
}
.fineArtMain .prosituaDetMain .articleOperate,
.newsDetailsing .articleOperate{
	height: auto;
	overflow: hidden;
	border-top: 1px dashed #DFDFDF;
	padding-top: 30px;
	margin: 150px 0 100px 0;
	width: 100%;
}
.fineArtMain .prosituaDetMain .articleOperate .operateLeft,
.fineArtMain .prosituaDetMain .articleOperate .operateRight,
.fineArtMain .prosituaDetMain .articleOperate span,
.newsDetailsing .articleOperate .operateLeft,
.newsDetailsing .articleOperate .operateRight,
.newsDetailsing .articleOperate span{
	font-size: 14px;
	color: #7D7D7D;
	width: 50%;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
}
.fineArtMain .prosituaDetMain .articleOperate .operateRight,
.fineArtMain .prosituaDetMain .articleOperate span.nexts,
.newsDetailsing .articleOperate .operateRight,
.newsDetailsing .articleOperate span.nexts{
	text-align: right;
	float: right;
}
.prosituaDetMain .prodetInfo img{
	max-width: 100%;
	display: block;
	margin:40px auto;
}
/*美业艺术部--专业详情  结束*/
/*美业艺术部--师资队伍  开始*/
.fineArtMain .teachingMain{
	height: auto;
	overflow: hidden;
}
.fineArtMain .teachingMain ul.teachingList{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.fineArtMain .teachingMain ul.teachingList li{
	width: 263px;
	height: 322px;
	border:1px solid #F2E5D5;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	margin-right: 28px;
	margin-bottom: 40px;
}
.fineArtMain .teachingMain ul.teachingList li:nth-child(4n){
	margin-right: 0;
}
.fineArtMain .teachingMain ul.teachingList li .teachpic{
	width: 247px;
	height: 240px;
	border-radius: 6px;
	overflow: hidden;
	margin:8px auto;
}
.fineArtMain .teachingMain ul.teachingList li .teachpic img,
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoLeft img{
	transition: all 0.3s;
}
.fineArtMain .teachingMain ul.teachingList li .teachpic img{
	height: auto;
}
.fineArtMain .teachingMain ul.teachingList li .teachName,
.fineArtMain .teachingMain ul.teachingList li .teachDepartment{
	height: auto;
	overflow: hidden;
	width: 247px;
	margin:10px auto 5px;
}
.fineArtMain .teachingMain ul.teachingList li .teachName .nameleft{
	font-size: 18px;
	color: #835345;
	display: inline-block;
	float: left;
}
.fineArtMain .teachingMain ul.teachingList li .teachName .nameright{
	font-size: 14px;
	color: #0D0D0D;
	display: inline-block;
	float: right;
}
.fineArtMain .teachingMain ul.teachingList li .teachDepartment{
	margin:0 auto;
}
.fineArtMain .teachingMain ul.teachingList li .teachDepartment .deparLeft{
	font-size: 13px;
	color: #949494;
	float: left;
}
.fineArtMain .teachingMain ul.teachingList li .teachDepartment .deparRight{
	float: right;
}
.fineArtMain .teachingMain ul.teachingList li .teachDepartment .deparRight em{
	width: 11px;
	height: 11px;
	display: inline-block;
	background: #F2E5D5;
}
.fineArtMain .teachingMain ul.teachingList li .teachDepartment .deparRight em:last-child{
	margin-left: 6px;
	background: #835345;
}
/*美业艺术部--师资队伍  结束*/
/*美业艺术部--老师详情  开始*/
.fineArtMain .teacherDetailsMain{
	width: 1138px;
	height: auto;
	border:1px solid #F2E5D5;
	margin: 130px auto 100px;
	box-shadow: 0 2px 16px #f7f7f7, 0 0 1px #f7f7f7, 0 0 1px #f7f7f7;
}
.fineArtMain .teacherDetailsMain .teadetaLeft{
	width: 372px;
	float: left;
	position: relative;
}
.fineArtMain .teacherDetailsMain .teadetaLeft .teadHide{
	width: 222px;
	height: 222px;
	margin:-60px 0 0 80px;
	background: #fff;
	box-shadow: 0 2px 16px #f7f7f7, 0 0 1px #f7f7f7, 0 0 1px #f7f7f7;
	border-radius: 50%;
	border:1px solid #F2E5D5;
	overflow: hidden;
}
.fineArtMain .teacherDetailsMain .teadetaLeft .teadHide span{
	width: 222px;
	height: 166px;
	background-color: #fff;
	position: absolute;
	top:0;
	left:80px;
	display: block;
}
.fineArtMain .teacherDetailsMain .teadetaLeft .teacherHead{
	width: 212px;
	height: 212px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top:-50px;
	left: 85px;
	z-index: 999;
}
.fineArtMain .teacherDetailsMain .teadetaLeft .teacherHead img{
	width: 100%;
	object-fit: cover;
	
}
.teacherDetailsMain .teadetaLeft .teachenames{
	width: 100%;
	text-align: center;
	margin-top: 22px;
}
.teacherDetailsMain .teadetaLeft .teachenames h4{
	font-size: 18px;
	color: #835345;
	margin-bottom: 12px;
}
.teacherDetailsMain .teadetaLeft .teachenames span{
	font-size: 14px;
	color:#A3A3A3;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess{
	width: 100%;
	text-align: center;
	margin-top: 60px;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess .trainess{
	height: auto;
	overflow: hidden;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess .trainess em.front,
.teacherDetailsMain .teadetaLeft .wordsTrainess .trainess em.after{
	width: 48px;
	height: 48px;
	background: url(../images/quotation.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	float: left;
	margin-left: 110px;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess .trainess em.after{
	background: url(../images/trailing.png) no-repeat;
	background-size: 100%;
	margin:0;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess .trainess span{
	display: inline-block;
	float: left;
	font-size: 15px;
	color: #6F6F6F;
	margin:14px -5px;
}
.teacherDetailsMain .teadetaLeft .wordsTrainess p{
	font-size: 13px;
	color:#929292;
}
.fineArtMain .teacherDetailsMain .teadetaRight{
	width: 765px;
	border-left:1px solid #F2E5D5;
	float: right;
	min-height: 500px;
	padding-bottom: 100px;
}
.teacherDetailsMain .teadetaRight .teaIntroductions{
	width: 709px;
	height: auto;
	overflow: hidden;
	margin:57px auto 0;
	border-top:1px solid #F2E5D5;
	padding-top: 44px;
}
.teacherDetailsMain .teadetaRight .teaIntroductions .introdtitle,
.teacherDetailsMain .teadetaRight .teaIntroductions .philosotitle{
	h  eight: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.teacherDetailsMain .teadetaRight .teaIntroductions .introdtitle em,
.teacherDetailsMain .teadetaRight .teaIntroductions .philosotitle em{
	width: 33px;
	height: 33px;
	display: block;
	float: left;
	background: url(../images/introduce.png) no-repeat;
	background-size: 100%;
	margin: 0 5px;
}
.teacherDetailsMain .teadetaRight .teaIntroductions .philosotitle em{
	background: url(../images/idea.png) no-repeat;
	background-size: 100%;
}
.teacherDetailsMain .teadetaRight .teaIntroductions .introdtitle span,
.teacherDetailsMain .teadetaRight .teaIntroductions .philosotitle span{
	display: inline-block;
	float: left;
	font-size: 18px;
	margin:5px 0 0 10px;
	color:#835345;
}
.teacherDetailsMain .teadetaRight .teaIntroductions p{
	font-size: 16px;
	color: #929292;
	line-height: 34px;
	text-indent: 2em;
}
/*美业艺术部--老师详情  结束*/
/*美业艺术部--校企合作 开始*/
.fineArtMain .cooperationMain{
	height: auto;
	overflow: hidden;
}
.fineArtMain .cooperationMain .cooperationList,
.fineArtMain .cooperationMain .industryList{
	height: auto;
	overflow: hidden;
	width: 100%;
}
.fineArtMain .cooperationMain .industryList{
	margin-top: 40px;
}
.fineArtMain .cooperationMain .cooperationList li,
.fineArtMain .cooperationMain .industryList li{
	width: 32%;
	float: left;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 40px;
}
.fineArtMain .cooperationMain .cooperationList li:nth-child(3n),
.fineArtMain .cooperationMain .industryList li:nth-child(3n){
	margin: 0;
}
.fineArtMain .cooperationMain .cooperationList li .cooperPic{
	width: 98%;
	border:1px solid #F2E5D5;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
/* 	padding:20px 0; */
	height: 237px;
	vertical-align: middle;
}
.fineArtMain .cooperationMain .cooperationList li .cooperPic img,
.fineArtMain .proSituation ul li .prosituationLeft img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fineArtMain .cooperationMain .industryList li .industryPic{
	width: 98%;
	border:1px solid #BBBBBB;
	border-radius: 6px;
	overflow: hidden;
	text-align: center;
	height: 237px;
	vertical-align: middle;
}
.fineArtMain .cooperationMain .cooperationList li .cooperPic img,
.fineArtMain .cooperationMain .industryList li .industryPic img{
	display: inline-block;
	transition: all 0.3s;
	width: 100%;
}
.fineArtMain .cooperationMain .cooperationList li a.nameIng,
.fineArtMain .cooperationMain .industryList li a.nameIng{
	font-size: 18px;
	color: #835345;
	margin-top: 20px;
	display: block;
}
.fineArtMain .cooperationMain .industryList li a.nameIng{
	color: #353535;
}
.fineArtMain .cooperationMain .cooperationList li .cooperPic img:hover,
.fineArtMain .cooperationMain .industryList li .industryPic img:hover,
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoLeft img:hover{
	transform: scale(1.1);
}
/*美业艺术部--校企合作 结束*/
/*美业艺术部--校企合作详情 开始*/
.fineArtMain .cooperDetailsMain{
	height: auto;
	overflow: hidden;
}
.fineArtMain .cooperDetailsMain .introduceIng{
	height: auto;
	overflow: hidden;
	width: 100%;
	margin-bottom: 50px;
}
.cooperDetailsMain .introduceIng .introduceTitle{
	text-align: center;
	width: 100%;
	margin:60px 0 50px;
}
.cooperDetailsMain .introduceIng .introduceTitle h4{
	font-size: 18px;
	color: #835345;
}
.cooperDetailsMain .introduceIng .introduceTitle span{
	color: #B2B2B2;
	font-size: 14px;
	display: inline-block;
	margin: 12px 0;
}
.cooperDetailsMain .introduceIng .introduceTitle em{
	width: 86px;
	height: 1px;
	overflow: hidden;
	background: #DEC2BA;
	display:block;
	margin:0 auto;
}
.cooperDetailsMain .introduceIng .introduceInfo{
	height: auto;
	overflow: hidden;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft{
	width: 393px;
	float: left;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introTop{
	width: 393px;
	height: 265px;
	overflow: hidden;
	border-radius: 8px;
	margin-bottom:17px;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot{
	height: auto;
	overflow: hidden;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot .botleft,
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot .botright{
	width: 189px;
	height: 146px;
	float: left;
	overflow: hidden;
	border-radius: 8px;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot .botright{
	float: right;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceRight{
	float:right;
	width: 690px;
	height: auto;
	overflow: hidden;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceRight h5{
	font-size: 18px;
	color: #585858;
}
.cooperDetailsMain .introduceIng .introduceInfo .introduceRight p{
	font-size: 16px;
	color: #909090;
	line-height: 32px;
	margin-top: 20px;
	text-indent: 2em;
}
.cooperDetailsMain .introduceIng .outstandingMain{
	height: auto;
	overflow: hidden;
	width: 100%;
}
.cooperDetailsMain .introduceIng .outstandingMain li{
	width: 263px;
	height: auto;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	margin-right: 28px;
	margin-bottom: 40px;
}
.cooperDetailsMain .introduceIng .outstandingMain li:nth-child(4n){
	margin-right: 0;
}
.cooperDetailsMain .introduceIng .outstandingMain li .outsPic{
	width: 247px;
	height: 240px;
	border-radius: 6px;
	overflow: hidden;
	margin: 8px auto;
	display: block;
}
.cooperDetailsMain .introduceIng .outstandingMain li .outsName{
	font-size: 16px;
	display: block;
	width: 100%;
	text-align: center;
	color:#6f6f6f;
	margin: 20px 0;
}
/*美业艺术部--校企合作详情 结束*/
/*美业艺术部--产教融合 开始*/
.cooperationMain .industrySelection{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.cooperationMain .industrySelection .seleInfo{
	height: auto;
	overflow: hidden;
	margin-bottom: 25px;
}
.cooperationMain .industrySelection .seleInfo span{
	    float: left;
	    font-size: 16px;
	    display: block;
	    color: #6C6C6C;
}
.cooperationMain .industrySelection .seleInfo .seleinfoMain{
	    width: 842px;
	    float: left;
	    margin-left: 20px;
}
.cooperationMain .industrySelection .seleInfo .seleinfoMain a{
	font-size: 16px;
	color: #626262;
	display: inline-block;
	margin-right: 20px;
}
.cooperationMain .industrySelection .seleInfo .seleinfoMain a.active,
.cooperationMain .industrySelection .seleInfo .seleinfoMain a.cur{
	color:#865346;
	font-weight: bolder;
}
/*美业艺术部--产教融合 结束*/

/*美业艺术部--技能大赛 开始 */
.fineArtMain .skilscompetMain{
	height: auto;
	overflow: hidden;
}
.fineArtMain .skilscompetMain .skilsInfoCot{
	height: auto;
	overflow: hidden;
}
.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs{
	border:none;
	background: none;
	width: 131px;
	float: left;
}
.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs a,
.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs a:hover{
	background: none;
	border:none;
}
.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs li{
	width: 141px;
	height: 121px;
	margin-bottom: 20px;
}
.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs li a{
	width: 141px;
	height: 121px;
	display: block;
	text-align: center;
}
.skilsInfoCot .nav-tabs li a .related,
.skilsInfoCot .nav-tabs li.active a .related{
	width: 37px;
	height: 37px;
	display: block;
	background: url(../images/sikone.png) no-repeat;
	background-size: 100%;
	margin:0 auto;
}
.skilsInfoCot .nav-tabs li.active a .related{
	background: url(../images/sikoneH.png) no-repeat;
	background-size: 100%;
}
.skilsInfoCot .nav-tabs li a .award,
.skilsInfoCot .nav-tabs li.active a .award{
	width: 43px;
	height: 43px;
	display: block;
	background: url(../images/silkTwo.png) no-repeat;
	background-size: 100%;
	margin:0 auto;
}
.skilsInfoCot .nav-tabs li.active a .award{
	background: url(../images/silkTwoH.png) no-repeat;
	background-size: 100%;
}
.skilsInfoCot .nav-tabs li a h4{
	font-size: 16px;
	color: #393939;
	margin:8px 0 3px 0;
}
.skilsInfoCot .nav-tabs li a span{
	font-size: 10px;
	color: #D3D3D3;
	display: inline-block;
}
.skilsInfoCot .nav-tabs li.active a h4,
.skilsInfoCot .nav-tabs li.active a span{
	color:#fff
}
.skilsInfoCot .nav-tabs li.active{
	background-color:#CB9787;
}
.fineArtMain .skilscompetMain .skilsInfoCot .tab-content{
	float: right;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.fineArtMain .skilscompetMain .skilsInfoCot .sklisListInfo{
	height: auto;
	overflow: hidden;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li{
	height: auto;
	overflow: hidden;
	border-bottom: 1px dashed #DFDFDF;
	    padding-bottom: 30px;
	    margin-bottom: 30px;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoLeft{
	width: 258px;
	height: 165px;
	border-radius: 3px;
	float: left;
	overflow: hidden;
	display: block;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight{
	width: 800px;
	float: right;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight .tit{
	width: 100%;
	display: block;
	color:#101010;
	font-size: 18px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin:3px 0 10px 0;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight span{
	font-size: 14px;
	color: #7D7D7D;
}
.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight p{
	font-size: 16px;
	color: #7D7D7D;
	line-height: 28px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 87px;
	margin: 17px 0;
}

/*美业艺术部--技能大赛 结束 */

/*美业艺术部--学分银行 开始*/
.creditBankMain,
.teachingForumMain{
	width: 81.25rem;
	margin:60px auto;
}
.creditBankMain .creditBankTop,
.teachingForumMain .teachforumTop{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.creditBankMain .creditBankTop .pointRanking,
.creditBankMain .creditBankTop .myPoints{
	width: 640px;
	height: 708px;
	background: #fff;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
	float: left;
}
.creditBankMain .creditBankTop .myPoints{
	float: right;
}
.creditBankTop .pointRanking{
	height: auto;
	overflow: hidden;
}
.creditBankTop .pointRanking .pointTitle .titleRight{
	width: 24px;
	height: 24px;
	display: inline-block;
	float: right;
	background: url(../images/brank1.png) no-repeat;
	background-size: 100%;
	margin:18px 22px 0 0;
}
.creditBankTop .pointRanking .integralInfo{
	height: auto;
	overflow: hidden;
}
.creditBankTop .pointRanking .integralInfo .integTit {
    width: 100%;
    float: left;
	border-bottom: 1px solid #E2E2E2;
}
.creditBankTop .pointRanking .integralInfo .integTit span {
    color: #414141;
    font-size: 16px;
    width: 33.3%;
    text-align: center;
    display: block;
    float: left;
	font-weight: bolder;
	padding: 20px 0;
}
.creditBankTop .pointRanking .integralInfo ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
.creditBankTop .pointRanking .integralInfo ul li {
    width: 100%;
    padding: 14px 0;
    overflow: hidden;
    border-bottom: 1px dashed #E2E2E2;
}

.creditBankTop .pointRanking .integralInfo ul li:last-child{
	border:none;
}
.creditBankTop .myPoints .mypointTitle .titleRight{
	width: 26px;
	height: 26px;
	display: inline-block;
	float: right;
	background: url(../images/brank2.png) no-repeat;
	background-size: 100%;
	margin:18px 22px 0 0;
}
.creditBankTop .myPoints .availablePoints{
	width: 258px;
	height: auto;
	overflow: hidden;
	margin:0 auto;
	min-height: 250px;
	background: url(../images/my1.png) no-repeat;
	background-size: 100%;
	margin-top: 90px;
	text-align: center;
}
.creditBankTop .myPoints .availablePoints em{
	font-size: 20px;
	color: #8C8C8C;
	display: inline-block;
	margin:60px 0 20px 0;
}
.creditBankTop .myPoints .availablePoints h3{
	font-weight: bolder;
	font-size: 48px;
	color: #FFC40B;
}
.creditBankTop .myPoints .availablePoints .pointsNames{
	margin-top: 120px;
}
.creditBankTop .myPoints .availablePoints .pointsNames h4{
	font-size: 28px;
	color: #545454;
	margin-bottom: 20px;
}
.creditBankTop .myPoints .availablePoints .pointsNames span{
	font-size: 16px;
	color: #A9A9A9;
}
.creditBankTop .myPoints{
	position: relative;
}
.creditBankTop .myPoints .starsing{
	width: 294px;
	height: 306px;
	position: absolute;
	right: 0;
	bottom:0;
	background: url(../images/my2.png) no-repeat;
	background-size: 100%;
}
.creditBankBot .bankbotTitle .titleRight{
	font-size: 16px;
	color: #E88E92;
	display: block;
	float: right;
	margin: 0px 22px 0 0;
}
.creditBankBot .commodityList{
	height: auto;
	overflow: hidden;
	margin: 50px 0 0 58px;
	padding-bottom: 50px;
}
.creditBankBot .commodityList li{
	width: 332px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 87px;
	margin-bottom: 50px;
}
.creditBankBot .commodityList li:nth-child(3n){
	margin-right: 0;
}
.creditBankBot .commodityList li .commodPic{
	width: 332px;
	height: 233px;
	border-radius: 5px;
	overflow: hidden;
	display: block;
}
.creditBankBot .commodityList li .commodTit{
	width: 100%;
	font-size: 16px;
	color: #353535;
	display: block;
	margin:15px 0 7px 0;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.creditBankBot .commodityList li .commodTit:hover{
	color: #005AAB;
}
.creditBankBot .commodityList li .commodNeeded{
	height: auto;
	overflow: hidden;
}
.creditBankBot .commodityList li .commodNeeded span{
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #A5A5A5;
}
.creditBankBot .commodityList li .commodNeeded span:last-child{
	float: right;
}
.creditBankBot .commodityList li .commodNeeded span .needNume{
	color: #FF5656;
}
.creditBankMain .creditBankBot .bankbotTitle .bantitleRight{
	width: 32px;
	height: 32px;
	display: inline-block;
	float: right;
	background: url(../images/shopicon.png) no-repeat;
	background-size: 100%;
	margin:16px 24px 0 0;
}
.creditBankMain .creditbankDetails{
	width: 1160px;
	margin:50px auto;
}
.creditBankMain .creditbankDetails .crebankTop{
	padding-bottom: 50px;
	border-bottom: 1px solid #E8E8E8;
	height: auto;
	overflow: hidden;
}
.creditBankMain .creditbankDetails .crebankTop .banktopLeft{
	width: 512px;
	height: 283px;
	border-radius: 8px;
	overflow: hidden;
	float: left;
}
.creditBankMain .creditbankDetails .crebankTop .banktopRight{
	width: 600px;
	float: right;
}
.creditBankMain .creditbankDetails .crebankTop .banktopRight h3{
	height:auto;
	font-size: 18px;
	color: #353535;
	line-height: 32px;
	margin-bottom:30px ;
}
.creditBankMain .creditbankDetails .crebankTop .banktopRight p{
	font-size: 16px;
	color: #969696;
	margin-bottom: 20px;
}
.creditBankMain .creditbankDetails .crebankTop .banktopRight p em{
	color:#FF5656;
}
.creditBankMain .creditbankDetails .crebankTop .banktopRight a{
	width: 121px;
	height: 56px;
	border-radius: 4px;
	background-color: #32A5E2;
	overflow: hidden;
	text-align: center;
	line-height: 56px;
	color: #fff;
	font-size: 16px;
	display: block;
	margin-top: 20px;
}
.creditBankMain .creditbankDetails .crebankBot{
	height: auto;
	overflow: hidden;
	margin: 40px 0;
}
.creditBankMain .creditbankDetails .crebankBot .bankbotLeft{
	width: 827px;
	height: auto;
	overflow: hidden;
	float: left;
}
.creditBankMain .creditbankDetails .crebankBot .bankbotLeft .leftpic{
	width: 827px;
	overflow: hidden;
}
.creditBankMain .creditbankDetails .crebankBot .bankbotLeft .leftpic img{
	width: 100%;
	height: 100%;
}
.creditBankMain .creditbankDetails .crebankBot .bankbotLeft .leftTitle,
.creditBankMain .creditbankDetails .crebankBot .bankbotRight .leftTitle{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
	color: #8A8A8A;
	font-size: 18px;
}
.creditbankDetails .crebankBot .bankbotLeft .leftTitle em,
.creditBankMain .creditbankDetails .crebankBot .bankbotRight .leftTitle em{
    width: 3px;
	height: 19px;
	overflow: hidden;
	display: inline-block;
	background: #FBAEB2;
	float: left;
	margin-top: 3px;
}
.creditbankDetails .crebankBot .bankbotLeft .leftTitle span,
.creditBankMain .creditbankDetails .crebankBot .bankbotRight .leftTitle span{
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.creditBankMain .creditbankDetails .crebankBot .bankbotRight{
	width:260px;
	height: auto;
	overflow: hidden;
	float: right;
}
.creditbankDetails .crebankBot .bankbotRight ul{
	height: auto;
	overflow: hidden;
}
.creditbankDetails .crebankBot .bankbotRight ul li{
	width: 260px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 45px;
}
.creditbankDetails .crebankBot .bankbotRight ul li .otherPic{
	width: 260px;
	height: 183px;
	border-radius: 5px;
	overflow: hidden;
	display: block;
}
.creditbankDetails .crebankBot .bankbotRight ul li .othertit{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	color: #353535;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/*美业艺术部--学分银行 结束*/
/*美业艺术部--教学论坛 开始*/
.teachingForumMain .teachforumTop .popularPosts,
.teachingForumMain .teachforumTop .activeUsers{
	width: 701px;
	height: 496px;
	background: #fff;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
	float: left;
}
.teachingForumMain .teachforumTop .popularPosts .postsTitle,
.teachingForumMain .teachforumTop .activeUsers .activTitle,
.teachforumBot .allPosting,
.topicListMain .allPosting{
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #dedede;
}
.teachforumTop .popularPosts .postsTitle em,
.teachforumTop .activeUsers .activTitle em,
.teachforumBot .allPosting .allpostLeft em,
.topicListMain .allPosting em{
	width: 3px;
	height: 20px;
	float: left;
	background: #555DFD;
	display: inline-block;
	margin:32px 10px 0 17px;
}
.teachforumTop .popularPosts .postsTitle h3,
.teachforumTop .activeUsers .activTitle h3,
.teachforumBot .allPosting .allpostLeft h3,
.topicListMain .allPosting h3{
	display: inline-block;
	float: left;
	font-size: 20px;
	line-height: 80px;
	color: #666666;
	margin-right: 10px;
}
.teachforumTop .popularPosts .postsTitle span,
.teachforumTop .activeUsers .activTitle span,
.teachforumBot .allPosting .allpostLeft span,
.topicListMain .allPosting span{
	font-size: 13px;
	color: #B2B2B2;
}
.teachforumTop .popularPosts .postsList,
.topicListMain .forumManageIng .postsList{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.teachforumTop .popularPosts .postsList li,
.topicListMain .forumManageIng .postsList li{
	height: auto;
	overflow: hidden;
	padding: 20px 0;
	border-bottom: 1px dashed #EAEAEA;
}
.teachforumTop .popularPosts .postsList li:last-child{
	border:none;
}
.teachforumTop .popularPosts .postsList li .poslistTitle,
.topicListMain .forumManageIng .postsList li .poslistTitle{
	height: auto;
	overflow: hidden;
}
.popularPosts .postsList li .poslistTitle em,
.topicListMain .forumManageIng .postsList li .poslistTitle em{
	width: 9px;
	height: 9px;
	display: inline-block;
	background: url(../images/spoticon.png) no-repeat;
	background-size: 100%;
	float: left;
	margin: 7px 10px 0 20px;
}
.popularPosts .postsList li .poslistTitle .postitinfo,
.topicListMain .forumManageIng .postsList li .poslistTitle .postitinfo{
	width: 640px;
	float: left;
	font-size: 16px;
	color: #8A8A8A;
	display: inline-block;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.popularPosts .postsList li .poslistTitle .postitinfo:hover,
.topicListMain .forumManageIng .postsList li .poslistTitle .postitinfo:hover{
	color: #005AAB;
}
.topicListMain .forumManageIng .postsList li .poslistTitle .postitinfo{
	width: 83%;
}
.popularPosts .postsList li .poslistTitle .postsOperate,
.forumcontMain .publishsContent .publishsRight .postsOperate,
.topicListMain .forumManageIng .postsList .postsOperate{
	width: 640px;
	height: auto;
	overflow: hidden;
}
.forumcontMain .publishsContent .publishsRight .postsOperate{
	width: 100%;
}
.popularPosts .postsList li .postsOperate span.times,
.forumcontMain .publishsContent .publishsRight .postsOperate span.times,
.topicListMain .forumManageIng .postsList .postsOperate span.times{
	display:block;
	float: left;
	margin-top: 12px;
	height: 27px;
	line-height: 27px;
	margin-right: 10px;
	margin-left: 35px;
}
.forumcontMain .publishsContent .publishsRight .postsOperate span.times{
	margin-left: 0;
}
.popularPosts .postsList li .postsOperate .postsOther,
.forumcontMain .publishsContent .publishsRight .postsOperate .postsOther,
.topicListMain .forumManageIng .postsList .postsOperate .postsOther{
	float: right;
	margin-top: 12px;
	height: 27px;
	line-height: 27px;
	margin-right: 20px;
}
.topicListMain .forumManageIng .postsList .postsOperate .postsOther{
	float: left;
	margin-left: 20px;
}
.popularPosts .postsList li .postsOperate span.names,
.popularPosts .postsList li .postsOperate span.gives,
.popularPosts .postsList li .postsOperate span.comment,
.publishsRight .postsOperate .postsOther span.names,
.publishsRight .postsOperate .postsOther span.gives,
.publishsRight .postsOperate .postsOther span.comment,
.forumManageIng .postsList .postsOperate .postsOther span.names,
.forumManageIng .postsList .postsOperate .postsOther span.gives,
.forumManageIng .postsList .postsOperate .postsOther span.comment{
	height: 27px;
	line-height: 27px;
	padding:0 6px;
	display: block;
	background: #f4efff;
	float: left;
	margin-left: 12px;
	border-radius: 4px;
	overflow: hidden;
}
.popularPosts .postsList li .postsOperate span.gives,
.publishsRight .postsOperate .postsOther span.gives,
.forumManageIng .postsList .postsOperate .postsOther span.gives{background:#f2f7fc;}
.popularPosts .postsList li .postsOperate span.comment,
.publishsRight .postsOperate .postsOther span.comment,
.forumManageIng .postsList .postsOperate .postsOther span.comment{background:#f4fdf9;}
.popularPosts .postsList li .postsOperate span.times em,
.popularPosts .postsList li .postsOperate span.names em,
.popularPosts .postsList li .postsOperate span.gives em,
.popularPosts .postsList li .postsOperate span.comment em,
.publishsRight .postsOperate span.times em,
.publishsRight .postsOperate .postsOther span.names em,
.publishsRight .postsOperate .postsOther span.gives em,
.publishsRight .postsOperate .postsOther span.comment em,
.forumManageIng .postsList .postsOperate .postsOther span.names em,
.forumManageIng .postsList .postsOperate .postsOther span.gives em,
.forumManageIng .postsList .postsOperate .postsOther span.comment em,
.forumManageIng .postsList .postsOperate span.times em{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/leartime.png) no-repeat;
	background-size: 100%;
	float: left;
	margin:4px 7px 0 0;
}
.popularPosts .postsList li .postsOperate span.names em,
.publishsRight .postsOperate .postsOther span.names em,
.forumManageIng .postsList .postsOperate .postsOther span.names em{
	width: 15px;
	height: 15px;
	background: url(../images/peoicon.png) no-repeat;
	background-size: 100%;
	margin: 7px 5px 0 0;
}
.popularPosts .postsList li .postsOperate span.gives em,
.publishsRight .postsOperate .postsOther span.gives em,
.forumManageIng .postsList .postsOperate .postsOther span.gives em{
	width: 16px;
	height: 16px;
	background: url(../images/giveicons.png) no-repeat;
	background-size: 100%;
	margin: 6px 5px 0 0;
}
.popularPosts .postsList li .postsOperate span.comment em,
.publishsRight .postsOperate .postsOther span.comment em,
.forumManageIng .postsList .postsOperate .postsOther span.comment em{
	width: 19px;
	height: 19px;
	background: url(../images/comicon.png) no-repeat;
	background-size: 100%;
	margin: 6px 5px 0 0;
}
.popularPosts .postsList li .postsOperate span.times i,
.popularPosts .postsList li .postsOperate span.names i,
.popularPosts .postsList li .postsOperate span.gives i,
.popularPosts .postsList li .postsOperate span.comment i,
.publishsRight .postsOperate .postsOther span.names i,
.publishsRight .postsOperate .postsOther span.gives i,
.publishsRight .postsOperate .postsOther span.comment i,
.publishsRight .postsOperate span.times i,
.forumManageIng .postsList .postsOperate .postsOther span.names i,
.forumManageIng .postsList .postsOperate .postsOther span.gives i,
.forumManageIng .postsList .postsOperate .postsOther span.comment i,
.forumManageIng .postsList .postsOperate span.times i{
	font-size: 15px;
	color: #B6B6B6;
	display: inline-block;
	float: left;
}
.popularPosts .postsList li .postsOperate span.names i,
.publishsRight .postsOperate .postsOther span.names i,
.forumManageIng .postsList .postsOperate .postsOther span.names i{
	color: #915FFC;
	font-size: 13px;
}
.popularPosts .postsList li .postsOperate span.gives i,
.publishsRight .postsOperate .postsOther span.gives i,
.forumManageIng .postsList .postsOperate .postsOther span.gives i{
	font-size: 13px;
	color: #2893FF;
}
.popularPosts .postsList li .postsOperate span.comment i,
.publishsRight .postsOperate .postsOther span.comment i,
.forumManageIng .postsList .postsOperate .postsOther span.comment i{
	color:#63C894;
	font-size: 13px;
}
.teachingForumMain .teachforumTop .activeUsers{
	width: 577px !important;
	height: 496px;
	float: right;
}
.teachforumTop .activeUsers .activeusersList{
	height: auto;
	overflow:hidden;
}
.teachforumTop .activeUsers .activeusersList li{
	width: 100%;
	border-bottom: 1px solid #DBDBDB;
	height: auto;
	overflow: hidden;
}
.teachforumTop .activeUsers .activeusersList li .userlistInfo{
	width: 33.2%;
	height: 207px;
	overflow: hidden;
	float: left;
	border-right: 1px solid #DBDBDB;
	text-align: center;
}
.teachforumTop .activeUsers .activeusersList li .userlistInfo:last-child,
.teachforumTop .activeUsers .activeusersList li:last-child{
	border:none;
}
.teachforumTop .activeUsers .activeusersList li .userlistInfo .userPics{
	width: 92px;
	height: 92px;
	border-radius: 50%;
	overflow: hidden;
	display:block;
	margin:35px auto 20px;
}
.teachforumTop .activeUsers .activeusersList li .userlistInfo .usering{
	font-size: 18px;
	color: #4d4d4d;
}
.teachingForumMain .teachforumBot{
	margin:23px auto 60px;
}
.teachingForumMain .teachforumBot .postselCont{
	height: auto;
	overflow: hidden;
	margin:37px 0;
}
.teachforumBot .postselCont .nav-tabs{
	border:none;
	background: none;
	margin:0 15px;
}
.teachforumBot .postselCont .nav-tabs .active,
.teachforumBot .postselCont .nav-tabs .active a:hover,
.teachforumBot .postselCont .nav-tabs li a{
	border:none;
}
.teachforumBot .postselCont .nav-tabs li a{
	width: 193px;
	height: 71px;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	background: #17C3CE;
	text-align: center;
	line-height: 71px;
	padding:0 !important;
	margin-right: 40px;
	font-size: 18px;
	color: #fff;
}
.teachforumBot .postselCont a.mores{
	font-size: 14px;
	color:#101010;
	line-height: 71px;
}
.teachforumBot .allPosting,
.topicListMain .allPosting{
	margin-top: 10px;
}
.topicListMain .allPosting{
	margin-bottom: 10px;
}
.teachforumBot .allPosting .allpostLeft,
.topicListMain .allPosting .allpostLeft{
	float: left;
}
.teachforumBot .allPosting .allpostRight{
	float: right;
	width: 98px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	background: #005AAB;
	color: #fff;
	margin-right: 40px;
	margin-top: 20px;
}
.teachforumBot .forumMainOne{
	height: auto;
	overflow: hidden;
	width: 100%;
}
.teachforumBot .forumMainOne .navlower-tabs{
	height: auto;
	overflow: hidden;
	margin:10px 0 10px 12px;
}
.teachforumBot .forumMainOne .navlower-tabs li a,
.teachforumBot .forumMainOne .navlower-tabs li a:hover{
	font-size: 16px;
	color: #626262;
	background: none;
}
.teachforumBot .forumMainOne .navlower-tabs li.activetwo a{
	color: #2550DB;
}
.forumcontMain .publishsContent{
	border-bottom: 1px dashed #EAEAEA;
	padding:10px 20px 20px;
	margin-bottom: 10px;
	height: auto;
	overflow: hidden;
} 
.forumcontMain .publishsContent .publishsLeft{
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.forumcontMain .publishsContent .publishsRight{
	width: 92%;
	float: right;
}
.forumcontMain .publishsContent .publishsRight h5{
	font-size: 18px;
	color: #4D4D4D;
	margin-bottom: 10px;
}
.forumcontMain .publishsContent .publishsRight p{
	font-size: 16px;
	color: #101010;
	margin-bottom: 10px;
	line-height: 28px;
}
.teachforumBot .navlower-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.teachforumBot .navlower-tabs > li {
    position: relative;
    display: block;
}
.teachforumBot .tablower-content > .tablower-pane {
    display: none;
}
.teachforumBot .contShowtwo {
    display: block !important;
}
/*美业艺术部--教学论坛 结束*/
/*美业艺术部--主题列表 开始*/
.topicListMain {
	padding-bottom: 30px;
}
.topicListMain .topiclistInfo{
	height: auto;
	overflow: hidden;
	margin:20px;
}
.topicListMain .topiclistInfo li{
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	border-bottom: 1px dashed #EAEAEA;
	padding: 0 0 30px 0;
}
.topicListMain .topiclistInfo li .topicLeft{
	width: 280px;
	height: 174px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
}
.topicListMain .topiclistInfo li .topicRight{
	width: 946px;
	float: right;
}
.topicListMain .topiclistInfo li .topicRight h3{
	font-size: 18px;
	color: #101010;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}
.topicListMain .topiclistInfo li .topicRight a{
	color: #101010;
}
.topicListMain .topiclistInfo li .topicRight p{
	font-size: 16px;
	color: #7D7D7D;
	line-height: 30px;
	margin: 20px 0;
}
.topicListMain .topiclistInfo li .topicRight span{
	width: 100%;
	display: block;
	text-align: right;
	font-size: 14px;
	color: #888888;
}
.topicListMain .topiclistInfo li .topicRight .topicteaMain{
	height: auto;
	overflow: hidden;
}
.topicListMain .topiclistInfo li .topicRight .topicteaMain span{
	float: left !important;
	width: inherit;
}
.topicListMain .topiclistInfo li .topicRight .topicteaMain a.del{
	width: 75px;
	height: 26px;
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	line-height: 26px;
	color: #005AAB;
	border:1px solid #005AAB;
	display: block;
	float: right;
	font-size: 14px;
}
.topicListMain .forumManageIng{
	height: auto;
	overflow: hidden;
}
.topicListMain .forumManageIng .postsList{
	width: 96%;
	margin:0 auto;
}
.topicListMain .forumManageIng .postsList li{
	position: relative;
}
/*美业艺术部--主题列表 结束*/
/*美业艺术部--发布帖子 开始*/
.releasePostMain .releasepostInfo{
	width: 818px;
	height: auto;
	overflow: hidden;
	margin:100px auto 200px;
}
.releasePostMain .releasepostInfo h2{
	font-size: 22px;
	color: #5E5E5E;
	margin-bottom: 20px;
}
.releasePostMain .releasepostInfo .releFill,
.uploadResourcesBtn .uploadResources .releFill{
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.releasePostMain .releasepostInfo .releFill label,
.uploadResourcesBtn .uploadResources .releFill label{
	font-weight: normal;
	font-size: 16px;
	color: #5E5E5E;
	height: 50px;
	line-height: 50px;
	float: left;
}
.releasePostMain .releasepostInfo .releFill input,
.releasePostMain .releasepostInfo .releFill textarea,
.releasePostMain .releasepostInfo .releFill select,
.uploadResourcesBtn .uploadResources .releFill input,
.uploadResourcesBtn .uploadResources .releFill textarea,
.uploadResourcesBtn .uploadResources .releFill select{
	width: 720px;
	height: 50px;
	padding:10px;
	display: block;
	float: right;
	border:1px solid #D7D7D7;
	border-radius: 5px;
	overflow: hidden;
}
.releasePostMain .releasepostInfo .releFill textarea,
.uploadResourcesBtn .uploadResources .releFill textarea{
	height: 330px;
	overflow-y: auto;
	line-height: 30px;
}
.releasePostMain .releasepostInfo .releFill select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/san.png) no-repeat scroll right center transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.releasePostMain .releasepostInfo .releFill select::-ms-expand {
	display: none;
}
.releasePostMain .releasepostInfo button,
.replyMain .replyComments button{
	width: 98px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	overflow: hidden;
	background: #005AAB;
	border:none;
	margin:50px auto 0;
	color: #fff;
	display: block;
}
/*美业艺术部--发布帖子 结束*/
/*老师端--论坛管理 开始*/
.topicListMain .forumManageIng li a.dels{
	position: absolute;
	top:15px;
	right: 0;
	width: 75px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border:1px solid #005AAB;
	color: #005AAB;
	font-size: 14px;
	border-radius: 5px;
	overflow: hidden;
}
/*老师端--论坛管理 结束*/
/*论坛详情 开始*/
.topicListMain .forumDetailsing{
	margin:0 60px;
	height: auto;
	overflow: hidden;
}
.topicListMain .forumDetailsing .momentForum{
	height: auto;
	overflow: hidden;
	margin: 60px 0 0;

}
.forumDetailsing .momentForum .momentforumLeft,
.forumDetailsing .replyMain li .replyInitial .initialLeft,
.forumDetailsing .replyMain li .replyAgain .repageainLeft{
	width: 92px;
	float: left;
	text-align: center;
	font-size: 18px;
	color: #4D4D4D;
}
.forumDetailsing .replyMain li .replyInitial .initialLeft,
.forumDetailsing .replyMain li .replyAgain .repageainLeft{
	width: 80px;
	font-size:16px;
}
.forumDetailsing .momentForum .momentforumLeft .momPic,
.forumDetailsing .replyMain li .replyInitial .initialLeft .momPic,
.forumDetailsing .replyMain li .replyAgain .repageainLeft .momPic{
	width: 92px;
	height: 92px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 10px;
}
.forumDetailsing .replyMain li .replyInitial .initialLeft .momPic,
.forumDetailsing .replyMain li .replyAgain .repageainLeft .momPic{
	width: 80px;
	height: 80px;
}
.forumDetailsing .momentForum .momentforumRight,
.forumDetailsing .replyMain li .replyInitial .initialRight,
.forumDetailsing .replyMain li .replyAgain,
.forumDetailsing .replyMain li .replyAgain .repageainRight{
	width: 89%;
	float: right;
}
.forumDetailsing .momentForum .momentforumRight p,
.forumDetailsing .replyMain li .replyInitial .initialRight p,
.forumDetailsing .replyMain li .replyAgain .repageainRight p{
	font-size:16px;
	color: #101010;
	line-height: 28px;
	margin-bottom: 20px;
}
.forumDetailsing .momentForum .momentforumRight img,
.forumDetailsing .replyMain li .replyInitial .initialRight img,
.forumDetailsing .replyMain li .replyAgain .repageainRight img{
/* 	width: 100%;
	height: 100%; */
	display:block;
}
.forumDetailsing .momentForum .momentforumRight .momentOpearite{
	height: auto;
	overflow: hidden;
	float: right;
	margin:20px 0;
}
.momentForum .momentforumRight .momentOpearite span,
.forumDetailsing .replyMain li .initialOpear .buildRight span,
.forumDetailsing .replyMain li .repageainRight .buildRight span{
	font-size: 16px;
	color: #5e5e5e;
	margin-right: 30px;
	display: block;
	float: left;
}
.momentForum .momentforumRight .momentOpearite span .comment,
.forumDetailsing .replyMain li .initialOpear .buildRight span .comment,
.forumDetailsing .replyMain li .repageainRight .buildRight span .comment{
	width: 22px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/commsing.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}
.momentForum .momentforumRight .momentOpearite span i,
.forumDetailsing .replyMain li .initialOpear .buildRight span i,
.forumDetailsing .replyMain li .repageainRight .buildRight span i{
	display: inline-block;
	float: left;
	margin-left: 5px;
	color:#a5a5a5;
}
.forumDetailsing .replyMain{
	height: auto;
	overflow: hidden;
}
.forumDetailsing .replyMain li{
	height: auto;
	overflow: hidden;
		border-top: 1px solid #e6e6e6;
		margin-bottom: 20px;
}
.forumDetailsing .replyMain li .replyInitial{
	height: auto;
	overflow: hidden;
	padding: 25px 0;
	margin-bottom: 15px;
	border-bottom: 1px dashed #e6e6e6;
}
.forumDetailsing .replyMain li .initialOpear{
	height: auto;
	overflow: hidden;
}
.forumDetailsing .replyMain li .initialOpear .buildings{
	float: left;
	font-size: 16px;
	color: #555DFD;
}
.forumDetailsing .replyMain li .initialOpear .buildRight,
.forumDetailsing .replyMain li .repageainRight .buildRight{
	float: right;
}
.forumDetailsing .replyMain li .repageainRight .buildRight{
	margin-top: 20px;
}
.forumDetailsing .replyMain li .replyAgain{
	margin-top: 20px;
}
.replyMain .replyComments{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin:30px 0;
	float: right;
	display: none;
}
.replyMain .replyComments textarea{
	width: 98%;
	border:1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	background:#fff;
	height: 150px;
	padding:10px;
}
.replyMain .replyComments button{
	float: right;
	margin:20px;
}
/*论坛详情 结束*/
/*用户中心 开始*/
.userCenterMain{
	margin:60px auto;
}
.userCenterMain .userPeople{
	width: 301px;
	height: 268px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	font-size: 20px;
	color:#101010;
	text-align: center;
	margin-bottom: 22px;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
}
.userCenterMain .userPeople .namepic{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
	margin:55px auto 20px;
}
.userCenterMain .usercenterNav{
	width: 301px;
	height: 653px;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
}
.userCenterMain .usercenterInfo{
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	min-height: 940px;
	box-shadow: 0 2px 16px #efefef, 0 0 1px #efefef, 0 0 1px #efefef;
}
.userCenterMain .usercenterNav .nav-tabs,
.userCenterMain .usercenterNav .nav-tabs li a,
.userCenterMain .usercenterNav .nav-tabs li a:hover{
	border:none;
	background: none !important; 
}
.userCenterMain .usercenterNav .nav-tabs li{
	width: 100%;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.userCenterMain .usercenterNav .nav-tabs a{
	width: 100%;
	height: 66px;
	line-height: 55px;
	display: block;
	font-size: 17px;
	color: #333;
}
.userCenterMain .usercenterNav .nav-tabs .active span{color:#1A85E0;}
.userCenterMain .usercenterNav .nav-tabs li a .incOne,
.userCenterMain .usercenterNav .nav-tabs li.active a .incOne{
	width: 20px;
	height: 20px;
	display: inline-block;
	float: left;
	background: url(../images/incone.png) no-repeat;
	background-size: 100%;
	margin:18px 20px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incOne{
	background: url(../images/inconeH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incTwo,
.userCenterMain .usercenterNav .nav-tabs li.active a .incTwo{
	width: 22px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/inceight.png) no-repeat;
	background-size: 100%;
	margin:16px 18px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incTwo{
	background: url(../images/inceightH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incThree,
.userCenterMain .usercenterNav .nav-tabs li.active a .incThree{
	width: 21px;
	height: 21px;
	display: inline-block;
	float: left;
	background: url(../images/incthree.png) no-repeat;
	background-size: 100%;
	margin:17px 19px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incThree{
	background: url(../images/incthreeH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incFour,
.userCenterMain .usercenterNav .nav-tabs li.active a .incFour{
	width: 22px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/inctwo.png) no-repeat;
	background-size: 100%;
	margin:17px 18px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incFour{
	background: url(../images/inctwoH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incFive,
.userCenterMain .usercenterNav .nav-tabs li.active a .incFive{
	width:30px;
	height: 30px;
	display: inline-block;
	float: left;
	background: url(../images/incsix.png) no-repeat;
	background-size: 100%;
	margin:14px 10px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incFive{
	background: url(../images/incsixH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incSix,
.userCenterMain .usercenterNav .nav-tabs li.active a .incSix{
	width:20px;
	height: 20px;
	display: inline-block;
	float: left;
	background: url(../images/incfive.png) no-repeat;
	background-size: 100%;
	margin:17px 20px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incSix{
	background: url(../images/incfiveH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incSeven,
.userCenterMain .usercenterNav .nav-tabs li.active a .incSeven{
	width:22px;
	height: 22px;
	display: inline-block;
	float: left;
	background: url(../images/incfour.png) no-repeat;
	background-size: 100%;
	margin:17px 18px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incSeven{
	background: url(../images/incfourH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs li a .incEight,
.userCenterMain .usercenterNav .nav-tabs li.active a .incEight{
	width:21px;
	height: 21px;
	display: inline-block;
	float: left;
	background: url(../images/incseven.png) no-repeat;
	background-size: 100%;
	margin:17px 18px 0 68px;
}
.userCenterMain .usercenterNav .nav-tabs li.active a .incEight{
	background: url(../images/incsevenH.png) no-repeat;
	background-size: 100%;
}
.userCenterMain .usercenterNav .nav-tabs a span{
	display: inline-block;
	float: left;
}
.usercenterInfo .modifying .meagessTitle,
.usercenterInfo .preservationing .meagessTitle,
.usercenterInfo .changePassword .chanpasTitle,
.usercenterInfo .myActivities .activiTitle,
.usercenterInfo .myResumeTitle .resumeTitle{
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	font-size: 20px;
	color: #333;
	padding: 30px 0 10px 30px;
}
.usercenterInfo .modifying .meagessTitle a,
.usercenterInfo .preservationing .meagessTitle a,
.usercenterInfo .changePassword .chanpasTitle a,
.usercenterInfo .myResumeTitle .resumeTitle a,
.usercenterInfo .myResumeTitle .resumeTitle a.uploadResume{
	position: absolute;
	top: 33px;
	right: 30px;
	font-size: 16px;
	color: #1A85E0;
}
.usercenterInfo .myResumeTitle .resumeTitle a.uploadResume{
	width: 109px;
	height: 42px;
	display: inline-block;
	line-height: 42px;
	text-align: center;
	top:16px;
	font-size: 16px;
	color: #fff;
	background: #4592D8;
	border-radius: 5px;
}
.usercenterInfo .modifying .basicMains,
.usercenterInfo .preservationing .basicMains{
	width: 92%;
	margin: 50px auto 50px;
}
.usercenterInfo .modifying .basicMains li,
.usercenterInfo .preservationing .basicMains li{
	height: auto;
	overflow: hidden;
    margin: 28px 0 0 0;
}
.usercenterInfo .modifying .basicMains li label,
.usercenterInfo .preservationing .basicMains li label{
	width: 72px;
	text-align: right;
	font-weight: normal;
	float: left;
	margin-right: 60px;
	position: relative;
}
.usercenterInfo .modifying .basicMains li p{
	float: left;
	margin-right: 45px;
}
.usercenterInfo .preservationing .meagessTitle{}
.usercenterInfo .preservationing ul.basicMains li input.inbox {
    width: 420px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 5px;
    overflow: hidden;
    background: #f5f5f5;
    border: none;
    margin-right: 10px;
}
.usercenterInfo .preservationing ul.basicMains li textarea {
    width: 94%;
    margin: 10px;
    border: none;
    background: none;
    font-size: 14px;
    float: left;
    color: #333;
    min-height: 80px;
    line-height: 26px;
}
.usercenterInfo .modifying .basicMains li p.briefing{
	width: 500px;
}
.usercenterInfo .preservationing ul .pushfont {
    width: 420px;
    background: #f5f5f5;
    min-height: 110px;
    border-radius: 10px;
    overflow: hidden;
}
.usercenterInfo .preservationing ul.basicMains li input[type=radio] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 0;
    left: 0;
    float: left;
}
.usercenterInfo .preservationing ul.basicMains li .man, .usercenterInfo .preservationing ul li .women {
    float: left;
    margin: 0 0 0 15px;
}
.usercenterInfo .preservationing ul.basicMains li .man {
    margin-right: 40px;
}
.usercenterInfo .preservationing ul.basicMains li label sup {
    font-size: 18px;
    color: #fb595a;
    top: -2px;
    right: -10px;
    position: absolute;
    line-height: inherit;
}
.usercenterInfo .changePassword,
.usercenterInfo .myActivities,
.usercenterInfo .myResumeTitle{
	height: auto;
	overflow: hidden;
}
.changePassword .chanpasDetail{
    height: auto;
    overflow: hidden;
    width: 60%;
    margin: 70px auto;
}
.changePassword .chanpasDetail .chanpdetInfo {
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
}
.chanpdetInfo label {
    width: 80px;
    float: left;
    text-align: right;
    font-size: 16px;
    color: #333;
    margin: 15px 25px 0 0;
    font-weight: normal;
}
.chanpdetInfo input {
    width: 400px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f5f5;
    border: none;
    font-size: 12px;
}
.chanpdetInfo label sup {
    color: #fb595a;
    margin: 0 0 0 3px;
}
.usercenterInfo .activitiesCont{
	height: auto;
	overflow: hidden;
}
.usercenterInfo .activitiesCont .activitList{
	height: auto;
	overflow: hidden;
	margin:30px;
}
.usercenterInfo .activitiesCont .activitList li{
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #e7e7e7;
}
.usercenterInfo .activitiesCont .activitList li .activlistLeft{
	width: 265px;
	height: 162px;
	overflow: hidden;
	float: left;
	border-radius: 5px;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight{
	width: 68%;
	float: right;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight h3 a{
	font-size: 18px;
	color: #494949;
	height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 15px;
	display: block;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight p{
	font-size: 16px;
	color: #7d7d7d;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 26px;
	height: 80px;
	margin-bottom: 10px;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight span{
	font-size: 14px;
	color: #c7c7c7;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight .downInfo{
	height: auto;
	overflow: hidden;
}
.usercenterInfo .activitiesCont .activitList li .activlistRight .downInfo span{
	float: left;
}
.usercenterInfo .activitiesCont .activitList .download,
.usercenterInfo .activitiesCont .activitList .cancelFavorite,
.usercenterInfo .activitiesCont .activitList .delbtn{
	float: right;
	width: 86px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #4592D8;
	border-radius: 4px;
	font-size: 14px;
	overflow: hidden;
	border:1px solid #4592D8;
}
.usercenterInfo .uploadResumeBtn .uploadbtns,
.uploadResources .releFill .uploadbtns{
	height: auto;
	overflow: hidden;
	margin:300px auto 0;
	width: 200px;
	position: relative;
}
.uploadResources .releFill .uploadbtns{
	margin:0 0 0 20px;
	float: left;
}
.usercenterInfo .uploadResumeBtn .uploadbtns button,
.uploadResources .releFill .uploadbtns button{
	width: 167px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	font-size: 18px;
	color: #fff;
	border-radius: 4px;
	background: #12ABDE;
	overflow: hidden;
	border:none;
}
.usercenterInfo .uploadResumeBtn .uploadbtns input,
.uploadResources .releFill .uploadbtns input{
	width: 167px;
	height: 56px;
	display: block;
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
}
.usercenterInfo .uploadResumeBtn .uploadbtns p,.uploadResources .releFill .uploadbtns p{font-size:16px; color:#6C6C6C; margin-top:10px;}
.usercenterInfo .activitiesCont .activitList .cancelFavorite,
.usercenterInfo .activitiesCont .activitList .delbtn{
	background: #9A9A9A;
	border:none;
	color: #fff;
}
.usercenterInfo .myClockIn{
	text-align: center;
	width: 100%;
	height: 400px;
	border-bottom: 25px solid #f6f6f6;
}
.usercenterInfo .myClockIn img{
	display: block;
	margin:15px auto 25px;
}
.usercenterInfo .myClockIn .clockBtn{
	width: 193px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	border-radius: 40px;
	overflow: hidden;
	background: #40BFFD;
	display: inline-block;
}
.usercenterInfo .clockindetials .clocList{
	height: auto;
	overflow: hidden;
	margin-top: 10px;
}
.usercenterInfo .clockindetials .clocList li{
	height: auto;
	overflow: hidden;
	width: 100%;
	font-size: 16px;
	color: #c5c5c5;
}
.usercenterInfo .clockindetials .clocList li span{
	width: 200px;
	float: left;
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
.usercenterInfo .clockindetials .clocList li span:last-child{
	float: right;
	margin-right: -30px;
	color: #FA632C;
}
.usercenterInfo .clockindetials .clocList li span.reason{
	color: #101010;
	text-align: left;
	margin:0 110px 0 35px;
}
.usercenterInfo .myPoints{
	width: 100%;
	height: 300px;
	overflow: hidden;
	border-bottom: 25px solid #f6f6f6;
} 
.usercenterInfo .myPoints .mypointsLeft{
	float: left;
	width: 560px;
	margin:80px 0 0 50px;
}
.usercenterInfo .myPoints .mypointsLeft span{
	font-size: 22px;
	color:#757575;
}
.usercenterInfo .myPoints .mypointsLeft h2{
	font-size: 72px;
	color: #FF9D00;
	margin-top: 20px;
}
.usercenterInfo .myPoints .mypointsRight{
	float: right;
	margin: 45px 50px 0 0;
	display: block;
}
.uploadResourcesBtn .uploadResources{
	width: 817px;
	margin:50px;
	
}
.uploadResourcesBtn .uploadResources .releFill .coverImage{
	width: 167px;
	height: 167px;
	float: left;margin-left: 30px;
	background: url(../images/upbg.png) no-repeat;
	background-size: 100%;
}
 .uploadResources .releFill .coverImage input{
	 width: 167px;
	 height: 167px;
	 opacity: 0;
 }

/*用户中心 结束*/
/*共享资源 开始*/
.resourceSharing{
	height: auto;
	overflow: hidden;
}
.resourceSharing .resourceshareMain{
	margin:50px 0 0 40px;
	height: auto;
	overflow: hidden;
}
.resourceSharing .resourcesharLeft{
	width: 117px;
	height: 121px;
	background: #7667E4;
	color: #fff;
	font-size: 16px;
	text-align: center;
	float: left;
}
.resourceSharing .resourcesharLeft em{
	width:60px;
	height: 60px;
	display: inline-block;
	margin:10px auto 5px;
	background: url(../images/shares.png) no-repeat;
	background-size: 100%;
}
.resourceSharing .resourcesharLeft span{
	display: block;
	width: 100%;
}
/*共享资源 结束*/