@charset "UTF-8";
/*适配手机部分样式*/
@media (max-width: 770px){
	/*登录注册*/
	.registerBg .registerMain{
		width: 96%;
		margin-top: -40%;
		margin-left:-48%;
		background: url(../images/reContMd.png) no-repeat;
		background-size: 100% 100%;
	}
	.registerBg .registerMain .regContent{
		width: 100%;
	}
	.registerMain .regContent .registerInfo{
		width: 54%;
		height: 340px;
		margin: 10px 13px 0 0;
	}
	.regContent .registerInfo .nav-tabs li a{
		font-size: 17px;
	}
	.regContent .registerInfo .nav-tabs,
	.regContent .registerInfo .nav-tabs li,
	.regContent .registerInfo .nav-tabs li a{
		height: 40px;
		line-height: 40px;
	}
	.tab-content .tabsignInfo{
		margin-top: 20px;
	}
	.tab-content .tabsignInfo .fillInfo{
		margin-top:13px;
		padding:0 0 10px 0;
	}
	.tabsignInfo .fillInfo em{
		margin:0 10px;
	}
	.tabsignInfo .fillInfo input{
		width: 70%;
		font-size: 16px;
	}
	.registerMain .submitBtn button{
		width: 90%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin:20px auto 0;
	}
	.registerMain .existing{
		font-size: 14px;
		padding-bottom: 10px;
		margin-top: 10px;
	}
	.tab-content .tabsignInfo .tips{
		color: #fb595a;
		margin-top: 5px;
		font-size: 13px;
	}
	.registerMain .regContent .loginInfo{
		height: 300px;
		margin-top: 20px;
	}
	.registerMain .regContent .loginInfo .fillInfo{
		margin-top: 20px !important;
	}
	.tab-pane .submitBtnLog a{
		margin-top: 45px;
	}
	/*首页头部*/
	.headerIng .header_head .head_top{
		width: inherit;
		position: relative;
	}
	.navbar-toggle {
	    margin-top: 15px;
		margin-bottom: 10px;
	}
	.headerIng .container-fluid {
	    width: auto !important;
	    padding: 0 15px;
	}
	.headerIng .navMain {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	}
	.headerIng .bs-example{
		height: auto;
	}
	.headerIng .navbar-collapse h1,
	.headerIng .navbar-collapse h1.logotwo,
	.headerIng .navbar-collapse h1.logothree{
		display:none;
	}
	.headerIng .navMain li{
	    width: 90%;
	    height: auto;
	    line-height: 50px;
	    text-align: left;
	    margin: 0 auto;
	    border-bottom: 1px dashed #ececec;
	    padding: 0 15px;
	}
	.headerIng .navMain li a{
		font-size: 16px !important;
		padding:0 !important;
	}
	.headerIng .navMain li.active a{
		border-bottom:none !important; 
	}
	.headerIng .navSearch{
		float: left;
		width: 90%;
		margin:20px 0 20px 20px;
		background-color: #f1f1f1 !important;
	}
	.headerIng .navSearch input{
		width: 85%;
	}
	.headerIng{
	   width: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 99999;
		background: #205e99;
		box-shadow: 3px 1px 8px 0px #e7e7e7;
	}
	.swiper{
		height: auto;
		margin-top: 86px;
	}
	.swiper .swiper-slide{
		height: auto;
	}
	.swiper-pagination{
		bottom:3px !important;
	}
	.swiper-pagination .swiper-pagination-bullet{
		width: 7px;
		height:7px;
	}
	.swiper-pagination .swiper-pagination-bullet-active{
		width: 20px;
		height: 7px;
	}
	.headerIng .header_head .head_top,
	.headerIng .header_head .head_top .head_operation a{
		color: #a3a3a3;
	}
	.headerIng .navMain li a{
		color: #a1a1a1 !important;
	}
	.header_head .logos,
	.header_head .logots{
		width: 200 px;
		height: 50px;
		display: block;
		float: left;
		background: url(../images/logo.png) no-repeat;
		background-size: 100%;
		position:absolute;
		top:13px;
		left:2px;
	}
	.header_head .logots{
		background: url(../images/logothree.png) no-repeat;
		background-size: 100%;
	}
	.headerIng .header_head .head_top{
		margin-top:7px;
	}
	/*首页 开始*/
	.homePageMain .latestNewsMain, .userCenterMain,
	.schoolOverview .schoolMain,
	.rangkingMain, .popularCourses,
	.professionalMain .professInfo,
	.newsDetailsing,
	.learningCont, .courseDetails, .creditBankMain .creditBankBot, .teachingForumMain .teachforumBot, .topicListMain, .releasePostMain, .resourceSharing, .newsDetailsing,
	.creditBankMain, .teachingForumMain{
		width: 96% !important;
		margin:30px auto;
	}
	.schoolOverview .schoolMain,.schoolOverview{height: 350px;}
	.schoolOverview{height: 450px;}
	.homePageMain .latestNewsMain .latestLeft, .schoolOverview .schoolMain .schoolLeft, .rangkingMain .rangkingLeft, .popularCourses .popularLeft{
		width: 80%;
	}
	.homePageMain .latestNewsMain .latestLeft span, .schoolOverview .schoolMain .schoolLeft span, .rangkingMain .rangkingLeft span, .professionalMain .professInfo .professTop span, .popularCourses .popularLeft span{
		font-size: 22px;
	}
	.homePageMain .latestNewsMain .latestLeft em, .schoolOverview .schoolMain .schoolLeft em, .rangkingMain .rangkingLeft em, .professionalMain .professInfo .professTop em, .popularCourses .popularLeft em{
		margin:10px 0;
	}
	.homePageMain .latestNewsMain .latestLeft h3, .schoolOverview .schoolMain .schoolLeft h3, .rangkingMain .rangkingLeft h3, .professionalMain .professInfo .professTop h3, .popularCourses .popularLeft h3{
		font-size: 20px;
	}
	.latestNewsMain .latestRight .morebtn{margin-top: -20px;}
	.homePageMain .latestNewsMain .latestRight{
		width: auto;
	}
	.rangkingMain .rangkingRight{
		width: 100%;
	}
	.latestNewsMain .latestRight ul.newslisting li{width: 100%;padding:20px;}
	.latestRight ul li .latesListLeft .listtime span{font-size: 22px;}
	.latestNewsMain .latestRight ul.newslisting li .latesListRight h4{
		margin-bottom: 13px;
	}
	.schoolOverview .schoolMain .schoolLeft{
		margin-top: 50px;
	}
	.schoolOverview .schoolMain .schoolRight{
		width: 90%;
	    height: 210px;
	}
	.schoolOverview .schoolMain .schoolRight .overviewInfo{
		width: auto;
		margin:20px 0 0 20px;
	}
	.schoolOverview .schoolMain .schoolRight p{
		font-size: 14px;
		line-height: 27px;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.rangkingMain .rangkingRight .integralInfo{
		width: 100%;
		margin:50px auto;
	}
	.rangkingRight .integralInfo .integTit{
		margin-top: 116px;
	}
	.rangkingMain .rangkingRight .downloadList{
		width: 100%;
		float: left;
	}
	.rangkingMain .rangkingRight .downloadList ul li{
		padding: 20px;
		height: 90px;
	}
	.rangkingRight .downloadList ul li .dowlistLeft{
		width: 80%;
	}
	.professionalMain .professInfo .professBot a{
		width: 23%;
		margin-right: 9px;
		margin-bottom: 10px;
	}
	.professionalMain .professInfo .professBot a:hover{
		transform:translate(0,0);
			-webkit-transform:translate(0,0);
			-moz-transform:translate(0,0);
			-o-transform:translate(0,0);
			-ms-transform:translate(0,0);
	}
	.professionalMain .professInfo .professBot a:nth-child(2n){
		margin-top: 0;
	}
	.professionalMain .professInfo .professBot a:nth-child(4n){
		margin-right: 0;
	}
	.schoolOverview .schoolMain .schoolRight p{width: 97%;}
	.professionalMain{height: 500px;}
	.popularCourses .popularRight .tab-content{margin-top:0 !important;}
	.popularCourses .popularRight .nav-tabs
	{
		margin:50px auto -10px;
		width: 50%;
	}
	.popularCourses .popularRight .nav-tabs li{float: left;width: 44%;}
	.popularCourses .popularRight .nav-tabs li:first-child{margin-right: 18px;}
	.popularCourses .popularRight .nav-tabs li a, .popularCourses .popularRight .nav-tabs li a:hover{
		font-size: 17px;
	}
	.popularRight .tab-pane .morebtn{
		position: absolute;
		top:50px;
		right: 0;
	}
	.popularRight .coursesList li:nth-child(2n){margin-right: 0;}
	.popularRight .coursesList li{width: 48%;padding: 15px 12px 12px;}
	.popularRight .coursesList li .listPic{width: 100%;height: 110px;}
	.popularCourses .popularRight{width: 100%;}
	.footerMain .footerCotent{width: 96%; margin:0 auto;padding:40px 0;}
	.footerMain .footerCotent .footerLeft{
		width: 100%;
	}
	.footerMain .footerCotent .footerLeft .contactInfo{margin-top: 20px;}
	.footerMain .footerCotent .footerMid,
	.footerMain .footerCotent .footerRiht{
		width: 100%;
		margin-top: 30px;
	}
	.footerMain .footerCotent .footerMid .friendly li{
		width: 46%;
		float: left;
		margin-right: 15px;
	}
	.footerMain .footerCotent .footerMid .friendly li:nth-child(2n){
		margin-right: 0;
	}
	.footerMain .footerCotent .footerRiht .codepic{margin:0 auto 10px;}
	.footerMain .filings{
		height: auto;
		padding:10px 0;
		line-height: 24px;
	}
	/*首页 结束*/
	.bannerMain{margin-top: 88px;}
	.latestNewsMain .listfont{
		margin-top: 20px;
	}
	.pageNums{margin:50px auto;}
	.newsDetailsing .newsdetaMain{margin:20px;}
	.fineArtMain .prosituaDetMain h4, .newsDetailsing h4{margin:30px 0 15px 0;}
	.fineArtMain .prosituaDetMain .proSpecific span, .newsDetailsing .proSpecific span{
		margin-right: 2px;font-size: 13px;
	}
	.fineArtMain .prosituaDetMain .proSpecific, .newsDetailsing .proSpecific{
		margin: 30px 0 20px 0;
	}
	.newsDetailsing .prodetInfo img{width: 100%;}
	.fineArtMain .prosituaDetMain .articleOperate .operateLeft, .fineArtMain .prosituaDetMain .articleOperate .operateRight, .fineArtMain .prosituaDetMain .articleOperate span, .newsDetailsing .articleOperate .operateLeft, .newsDetailsing .articleOperate .operateRight, .newsDetailsing .articleOperate span{
		width: 43%;
	}
	.fineArtMain .prosituaDetMain .articleOperate, .newsDetailsing .articleOperate{
		margin:100px 0;
	}
	.professionalCont .professionalClassifications{padding:20px;}
	.professionalClassifications .classificationOne,
	.professionalClassifications .classificationTwo,
	.professionalClassifications .classificationThree,
	.professionalClassifications .classificationFour,
	.professionalClassifications .classificationFive,
	.professionalClassifications .classificationSix,
	.professionalClassifications .classificationSeven{
		width: 100%;
		margin:0 auto;
		float: inherit;
		margin-bottom:20px;
	}
	.professionalClassifications .classificationOne .oneTop, .professionalClassifications .classificationTwo .twoTop, .professionalClassifications .classificationThree .threeTop, .professionalClassifications .classificationFour .fourTop, .professionalClassifications .classificationFive .fiveTop, .professionalClassifications .classificationSix .sixTop, .professionalClassifications .classificationSeven .sevenTop{
		height: 200px;
	}
	.professionalClassifications .classificationOne .oneTop img,
	.professionalClassifications .classificationTwo .twoTop img,
	.professionalClassifications .classificationThree .threeTop img, 
	.professionalClassifications .classificationFour .fourTop img, 
	.professionalClassifications .classificationFive .fiveTop img, 
	.professionalClassifications .classificationSix .sixTop img, 
	.professionalClassifications .classificationSeven .sevenTop img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.professionalClassifications .professionInfo{width: 100%;}
	/*专业部 开始*/
	.fineArtsCont .fineArtsNav{    
		width: 100%;
        overflow-x: scroll;
		height: 80px;
	}
	.fineArtsCont .fineArtsNav .fineArtsInfo{
		width: 350%;
	}
	.fineArtsCont .fineArtsNav .fineArtsInfo a{
		width: 16%;
		text-align: center;
	}
	.fineArtsCont{
		padding:38px 10px 0;
	} 
	.fineArtsCont .fineArtMain{width: 100%;}
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineOne, 
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineOne,
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineTwo, 
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineTwo,
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineThree,
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineThree,
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineFour,
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFour,
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineFive,
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineFive,
	.fineArtsCont .fineArtsNav .fineArtsInfo a .fineSix,
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur .fineSix{
		float: none;
		margin:10px auto 5px;
	}
	.fineArtsCont .fineArtsNav .fineArtsInfo a, .fineArtsCont .fineArtsNav .fineArtOtherinfo a{
		height: 80px;
		line-height: inherit;
	}
	.fineArtsCont .fineArtsNav .fineArtsInfo a.Cur span,
	.fineArtsCont .fineArtsNav .fineArtsInfo a span{
		display: block;
		margin:0 auto;
		width: 100%;
	}
	.fineArtMain .proSituation ul li .prosituationLeft,
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoLeft{
		width: 36%;
		height: 100px;
	}
	.fineArtMain .proSituation ul li .prosituationRight,
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight{
		width:60%;
	}
	.fineArtMain .proSituation ul li .prosituationRight h4,
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight .tit{
		margin-top: 0;
		font-size: 16px;
	}
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight .tit{
		margin-bottom: 3px;
	}
	.fineArtMain .proSituation ul li .prosituationRight p,
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight p{
		-webkit-line-clamp: 2;
		height: auto;
		margin:0 0 5px 0;
		line-height: 23px;
		font-size: 14px;
	}
	.skilscompetMain .skilsInfoCot .sklisListInfo li,
	.fineArtMain .proSituation ul li{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.skilscompetMain .skilsInfoCot .sklisListInfo li .infoRight p{
		margin:3px 0 0 0;
	}
	.fineArtMain .teachingMain ul.teachingList li{
		width: 48%;
		height: 270px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.fineArtMain .teachingMain ul.teachingList li:nth-child(2n),
	.fineArtMain .cooperationMain .cooperationList li:nth-child(2n), 
	.fineArtMain .cooperationMain .industryList li:nth-child(2n),
	.cooperDetailsMain .introduceIng .outstandingMain li:nth-child(2n){
		float: right;
	}
	.fineArtMain .teachingMain ul.teachingList li .teachpic{
		width: 92%;
		height: 180px;
	}
	.fineArtMain .teachingMain ul.teachingList li .teachName,
	.fineArtMain .teachingMain ul.teachingList li .teachDepartment{
		width: 91%;
		margin:0 auto;
	}
	.fineArtMain .teachingMain ul.teachingList li .teachName{
		margin:10px auto 5px;
	}
	.fineArtMain .teacherDetailsMain,
	.fineArtMain .teacherDetailsMain .teadetaLeft,
	.fineArtMain .teacherDetailsMain .teadetaRight{
		width: 100%;
	}
	.fineArtMain .teacherDetailsMain .teadetaLeft .teadHide{
		margin:-60px auto 0;
	}
	.fineArtMain .teacherDetailsMain .teadetaLeft .teadHide span{
		left:58px;
	}	
	.fineArtMain .teacherDetailsMain .teadetaLeft .teacherHead{
		left: 50%;
		margin-left: -106px;
	}
	.teacherDetailsMain .teadetaRight .teaIntroductions{
		width: 92%;
	}
	.fineArtMain .cooperationMain .cooperationList li, .fineArtMain .cooperationMain .industryList li,
	.cooperDetailsMain .introduceIng .outstandingMain li{
		width: 48%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.fineArtMain .teacherDetailsMain .teadetaRight{border:none;}
	.fineArtMain .cooperationMain .cooperationList li .cooperPic,
	.fineArtMain .cooperationMain .industryList li .industryPic{
		width: 100%;
		height: 120px;
	}
	.fineArtMain .cooperationMain .cooperationList li:nth-child(3n), .fineArtMain .cooperationMain .industryList li:nth-child(3n){
		margin-bottom: 30px;
	}
	.cooperDetailsMain .introduceIng .outstandingMain li{
	 	width: 48%;
	}
	.cooperDetailsMain .introduceIng .outstandingMain li .outsPic{
		width: 92%;
		margin:10px auto;
		height: 180px;
	}
	.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs li{
		float: left;
	}
	.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs{
		width: 70%;
		margin:0 auto;
		float: none;
	}
	.fineArtMain .skilscompetMain .skilsInfoCot .tab-content{
		width: 100%;
	}
	.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs li{
		width: 50%;
		height: auto;
	}
	.fineArtMain .skilscompetMain .skilsInfoCot .nav-tabs li a{
		width: 100%;
		height: auto;
	}
	.skilsInfoCot .nav-tabs li a h4{font-size: 14px;}
	.prosituaDetMain .prodetInfo img{margin:0 auto;}
	.fineArtMain .prosituaDetMain .prodetInfo div{width: 100% !important; height: auto !important;}
	.cooperDetailsMain .introduceIng .introduceInfo{
		width:100%;
	}
	.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft,
	.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introTop{
		width: 100%;
	}
	.cooperDetailsMain .introduceIng .introduceInfo .introduceRight{
		width: 100%;
		margin-top: 40px;
	}
	.cooperDetailsMain .introduceIng .introduceInfo .introduceLeft .introBot .botleft{
		width: 48%;
	}
	/*专业部 结束*/
	/*下载 开始*/
	.learningCont .learningLeft{
		width: 100%;
		overflow-x:scroll;
		margin:20px 0 0 0;
	}
	.learningCont .learningLeft .downnavIng,
	.learningCont .learningLeft .squareNavs{
		width: 180%;
		box-sizing: border-box;
	}
	.learningCont .learningLeft .squareNavs{margin-top: 5px;}
	.learningCont .learningLeft .downnavIng a,
	.learningCont .learningLeft .squareNavs a
	{
		float: left;
		width: 16%;
	}
	.learningCont .learningLeft a h3{
		font-size: 14px;
	}
	.learningCont .learningRight{
		margin-left: 10px;
		width: 100%;
	}
	.learningCont .learningRight .sonsore{
		width: 100%;
		margin-top: 20px;
	}
	.learningCont .learningRight .sonsore span{
		font-size: 15px;
	}
	.learningCont .learningRight .sonsore .nav-tabs{
		width: 80%;  
		margin-left: 0;
	}
	.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{
		font-size: 15px;
		margin-right: 15px;
		
	}
	.learningRight .downloadListing table tr th,
	.learningRight .downloadListing table tr td{
		font-size: 12px;
	}
	.learningRight .downloadListing table tr td .software{
		width: inherit;
		height: inherit;
	}
	.learningRight .downloadListing table tr td a.dowbtn{
		width: 50px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	.learningRight .downloadListing table tr td .briefinfo{
		line-height: 20px;
	}
	.learningRight .softwareName h4,
	.learningRight .softwareName .downUpload,
	.learningRight .softwareName .downcont,
	.learningRight .softwareName .clickDownload{width: 100%;}
	.learningRight .softwareName{margin:43px 0 0 -1px;}
	/*下载 结束*/
	/*学习广场 开始*/
    .learningCont .learningRight .learnsquareList li,
	.learningCont .learningRight .learnsquareList li:nth-child(3n){
		width: 48%;margin-right: 10px;
	}
    .learningCont .learningRight .learnsquareList li:nth-child(2n){
		margin-right: 0;
	}
    .learningCont .learningRight .learnsquareList li .listPic{
		width: 100%;
		height: 120px;
	}
	.learningCont .learningRight .learnsquareList li .learOperate span{
		font-size: 12px;
		margin-left: 2px;
	}
	.learningCont .learningRight .learnsquareList li .learOperate .leopLeft em{
		width: 18px;
		height: 18px;
	}
	.learningCont .learningRight .learnsquareList li .learOperate .leopRight em{
		width: 17px;
		height: 17px;
	}
	.courseDetails .detailsSpecific .specificLeft{
		float: none;
		width: 96%;
		margin:43px auto 0;
	}
	.detailsSpecific .specificLeft .specifiTitle h3{
		width: 60%;
	}
	.detailsSpecific .specificLeft .spetitRight .giveThe{
		margin-right: 10px;
	}
	.detailsSpecific .specificLeft .video-js{
		height: auto;
	}
	.specificLeft .courseOperationIng .nav-tabs a, .specificLeft .courseOperationIng .nav-tabs a:hover{
		margin-right: 15px;
		font-size: 16px;
	}
	.courseOperationIng .myNotes .release-infoing .release-pic{
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}
	.courseOperationIng .myNotes .release-infoing .fillInfo{
		width: 100%;
	}
	.courseOperationIng .myNotes .release-infoing .fillInfo textarea{
		width: 100%;
	}
	.release-infoing .release-fill{
		width: 73%;
		margin-right: 10px;
	}
	.courseOperationIng .myNotes .notesLists li .listsRight{
		width: 80%;
	}
	.detailsSpecific .specificRight{
		width: 93%;
		margin:20px 0 0 0;
	}
	.detailsSpecific .specificRight .relatedList li{
		width: 48%;
		float: left;
	}  
	.detailsSpecific .specificRight .relatedList li:nth-child(2n){
		float: right;
	}
	.detailsSpecific .specificRight .relatedList li .relatPic{
		height: 120px;
	}
	/*学习广场 结束*/
	/*学分银行 开始*/
	.creditBankMain .creditBankTop .pointRanking, .creditBankMain .creditBankTop .myPoints{
		width: 100%;
	}
	.creditBankMain .creditBankTop .pointRanking{
		margin-bottom: 20px;
	}
	.creditBankBot .commodityList li{
		width: 48%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.creditBankBot .commodityList{
		width: 95%;
		margin:50px auto 0;
	}
	.creditBankBot .commodityList li:nth-child(2n),
	.creditbankDetails .crebankBot .bankbotRight ul li:nth-child(2n){
		float: right;
	}
	.creditBankBot .commodityList li .commodPic,
	.creditbankDetails .crebankBot .bankbotRight ul li .otherPic{
		width: 100%;
		height: 110px;
	}
	.creditBankBot .commodityList li .commodNeeded span:last-child{
		float: left;
	}
	.creditBankMain .creditbankDetails{
		width: 100%;
	}
	.creditBankMain .creditbankDetails .crebankTop,
	.creditBankMain .creditbankDetails .crebankBot{
		width: 96%;
		margin:0 auto;
	}
	.creditBankMain .creditbankDetails .crebankBot{
		margin-top: 30px;
	}
	.creditBankMain .creditbankDetails .crebankTop .banktopLeft,
	.creditBankMain .creditbankDetails .crebankTop .banktopRight{
		width: 100%;
	}
	.creditBankMain .creditbankDetails .crebankTop .banktopLeft{
		height: auto;
	}
	.creditBankMain .creditbankDetails .crebankTop .banktopRight h3{
		margin-top: 20px;
	}
	.creditBankMain .creditbankDetails .crebankBot .bankbotLeft,
	.creditBankMain .creditbankDetails .crebankBot .bankbotLeft .leftpic,
	.creditBankMain .creditbankDetails .crebankBot .bankbotRight{
		width: 100%;
		margin-bottom: 30px;
	}
	.creditbankDetails .crebankBot .bankbotRight ul li{
		width: 48%;
		float: left;
	}
	/*学分银行 结束*/
	/*教学论坛 开始*/
	.teachingForumMain .teachforumTop .popularPosts, .teachingForumMain .teachforumTop .activeUsers{
		width: 100% !important;
	}
	.teachforumTop .popularPosts .postsList li, .topicListMain .forumManageIng .postsList li{
		width: 96%;
		margin:0 auto;
	}
	.popularPosts .postsList li .poslistTitle .postitinfo, .topicListMain .forumManageIng .postsList li .poslistTitle .postitinfo{
		width: 90%;
	}
	.popularPosts .postsList li .poslistTitle em, .topicListMain .forumManageIng .postsList li .poslistTitle em{
		margin-left: 5px;
	}
	.popularPosts .postsList li .postsOperate span.times, .forumcontMain .publishsContent .publishsRight .postsOperate span.times, .topicListMain .forumManageIng .postsList .postsOperate span.times{
		margin-left: 10px;
	}
	.popularPosts .postsList li .postsOperate span.times em{
		width: 16px;
		height: 16px;
		margin:5px 3px 0 0;
	}
	.popularPosts .postsList li .postsOperate span.times i{
		font-size: 13px;
	}
	.popularPosts .postsList li .postsOperate .postsOther{
		margin-right: 0;
	}
	.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{
		margin-left: 5px;
	}
	.teachforumBot .postselCont .nav-tabs li{
		width: 33%;
		margin-bottom: 10px;
	}
	.teachforumBot .postselCont .nav-tabs li a{
		width: 92%;
		height: 56px;
		line-height: 56px;
		font-size:16px;
	}
	.teachforumBot .allPosting .allpostRight{
		margin-right: 10px;
	}
	.forumcontMain .publishsContent .publishsLeft{
		width: 50px;
		height: 50px;
	}
	.forumcontMain .publishsContent .publishsRight{
		width: 80%;
	}
	.publishsContent .publishsRight img{
		width: 100%;
	}
	.topicListMain .topiclistInfo li{
		width: 100%;
	}
	.topicListMain .topiclistInfo li .topicLeft,
	.topicListMain .topiclistInfo li .topicLeft img{
		width: 100%;
	}
	.topicListMain .topiclistInfo li .topicRight{
		width: 100%;
		margin-top: 20px;
	}
	.topicListMain .topiclistInfo li .topicRight p{
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.topicListMain .forumDetailsing{
		margin:0 10px;
	}
	.topicListMain .forumDetailsing .momentForum{
		margin:20px 0 0 0;
	}
	.forumDetailsing .momentForum .momentforumLeft, .forumDetailsing .replyMain li .replyInitial .initialLeft, .forumDetailsing .replyMain li .replyAgain .repageainLeft{
		width: 60px;
		font-size: 14px;
	}
	.forumDetailsing .momentForum .momentforumLeft .momPic, .forumDetailsing .replyMain li .replyInitial .initialLeft .momPic, .forumDetailsing .replyMain li .replyAgain .repageainLeft .momPic{
		width: 60px;
		height: 60px;
	}
	.forumDetailsing .momentForum .momentforumRight, .forumDetailsing .replyMain li .replyInitial .initialRight, .forumDetailsing .replyMain li .replyAgain, .forumDetailsing .replyMain li .replyAgain .repageainRight{
		width: 76%;
		margin-top: 5px;
	}
	.forumDetailsing .momentForum .momentforumRight p, .forumDetailsing .replyMain li .replyInitial .initialRight p, .forumDetailsing .replyMain li .replyAgain .repageainRight p{
		font-size: 15px;
	}
	.forumDetailsing .momentForum .momentforumRight img, .forumDetailsing .replyMain li .replyInitial .initialRight img, .forumDetailsing .replyMain li .replyAgain .repageainRight img{
		width: 100%;
	}
	.momentForum .momentforumRight .momentOpearite span, .forumDetailsing .replyMain li .initialOpear .buildRight span, .forumDetailsing .replyMain li .repageainRight .buildRight span{
		margin-right: 10px;
	}
	.momentForum .momentforumRight .momentOpearite span i, .forumDetailsing .replyMain li .initialOpear .buildRight span i, .forumDetailsing .replyMain li .repageainRight .buildRight span i{
		font-size: 13px;
	}
	.forumDetailsing .replyMain li .replyAgain{
		width: 86%;
	}
	.releasePostMain .releasepostInfo{
		width:94%;
		margin:50px auto;
	}
	.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: 75%;
	}
	/*教学论坛 结束*/
	/*个人中心 开始*/
	.userCenterMain .userPeople{
		width: 100%;
	}
	.userCenterMain .usercenterNav{
		width: 100%;
		overflow-x:scroll;
		height: auto;
	}
	.userCenterMain .usercenterNav .nav-tabs{
		width: 300%;
	}
	.userCenterMain .usercenterNav .nav-tabs li{
		width: 10% !important;
		border-right:1px solid #eee;
		border-bottom: none;
	}
	.userCenterMain .usercenterNav{
		margin-bottom: 20px;
	}
	.userCenterMain .usercenterNav .nav-tabs a{height: 87px; line-height:inherit;}
	.userCenterMain .usercenterNav .nav-tabs a span{float: inherit !important;display: block;}
	.userCenterMain .usercenterNav .nav-tabs li a .incOne, .userCenterMain .usercenterNav .nav-tabs li.active a .incOne,
	.userCenterMain .usercenterNav .nav-tabs li a .incTwo, .userCenterMain .usercenterNav .nav-tabs li.active a .incTwo,
	.userCenterMain .usercenterNav .nav-tabs li a .incThree, .userCenterMain .usercenterNav .nav-tabs li.active a .incThree,
	.userCenterMain .usercenterNav .nav-tabs li a .incFour, .userCenterMain .usercenterNav .nav-tabs li.active a .incFour,
	.userCenterMain .usercenterNav .nav-tabs li a .incSix, .userCenterMain .usercenterNav .nav-tabs li.active a .incSix,
	.userCenterMain .usercenterNav .nav-tabs li a .incSeven, .userCenterMain .usercenterNav .nav-tabs li.active a .incSeven,
	.userCenterMain .usercenterNav .nav-tabs li a .incEight, .userCenterMain .usercenterNav .nav-tabs li.active a .incEight,
	.userCenterMain .usercenterNav .nav-tabs li a .incFive, .userCenterMain .usercenterNav .nav-tabs li.active a .incFive{
		float: inherit;
		margin:3px 0 5px 0;
		height: 25px;
	}
	.userCenterMain .usercenterNav .nav-tabs li a .incFive, .userCenterMain .usercenterNav .nav-tabs li.active a .incFive{
		margin-top: 0;
	}
	.usercenterInfo .modifying .meagessTitle, .usercenterInfo .preservationing .meagessTitle, .usercenterInfo .changePassword .chanpasTitle, .usercenterInfo .myActivities .activiTitle, .usercenterInfo .myResumeTitle .resumeTitle{
		width: 100%;
	}
	.usercenterInfo .modifying .basicMains, .usercenterInfo .preservationing .basicMains{
		width: 88%;
	}
	.usercenterInfo .modifying .basicMains li label, .usercenterInfo .preservationing .basicMains li label{
		margin-right: 53px;
	}
	.usercenterInfo .modifying .basicMains li p.briefing{
		width:48%;
	}
	.usercenterInfo .preservationing ul.basicMains li input.inbox,
	.usercenterInfo .preservationing ul .pushfont{
		width: 65%;
	}
	.usercenterInfo .modifying .basicMains li label, .usercenterInfo .preservationing .basicMains li label{
		margin-right: 30px;
	}
	.changePassword .chanpasDetail{
		width: 80%;
	}
	.chanpdetInfo input{
		width: 60%;
	}
	.usercenterInfo .activitiesCont .activitList{
		margin: 30px 20px 30px 35px;
	}
	.usercenterInfo .activitiesCont .activitList li{
		width: 100%;
	}
	.usercenterInfo .activitiesCont .activitList li .activlistLeft{
		width: 100%;
		height: 200px;
	}
	.usercenterInfo .activitiesCont .activitList li .activlistRight{
		width: 100%;
		margin-top: 20px;
	}
	.usercenterInfo .activitiesCont .activitList li .activlistRight span{
		font-size: 12px;
	}
	.usercenterInfo .myPoints .mypointsLeft{
		width: 90%;
		margin:20px 0 0 30px;
	}
	.usercenterInfo .myPoints .mypointsLeft span{
		font-size:20px;
	}
	.usercenterInfo .myPoints .mypointsLeft h2{
		font-size: 42px;
	}
	.usercenterInfo .myPoints{height: auto;}
	.usercenterInfo .myPoints .mypointsRight{
		margin:20px 0 0 0;
		width: 40%;
	}
	.usercenterInfo .myPoints .mypointsRight img{width: 100%;}
	.uploadResourcesBtn .uploadResources{
		width: 90%; 
		margin:50px 30px;
	}
	/*个人中心 结束*/
}

/*兼容ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape)  {
  
}


/*兼容苹果5*/
@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	.tabsignInfo .fillInfo em{
		margin: 0 5px;                                                                                      
	}
	.popularCourses .popularRight .nav-tabs{
		width: 59%;
	}
	.footerMain .footerCotent .footerMid .friendly li{
		width: 100%;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
	/*iPhone 6 Portrait*/
}