/*!Cui.css
 */




/* ==========================================================================
   Component: Grid
 ============================================================================ */

.am-container:after {
  clear: both;
}
@media only screen and (min-width:641px) {
  .am-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.am-container > .am-g {
  width: auto;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media only screen and (min-width:641px) {
  .am-container > .am-g {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.am-g {
  margin: 0 auto;
  width: 100%;
}
.am-g:before,
.am-g:after {
  content: " ";
  display: table;
}
.am-g:after {
  clear: both;
}
.am-g .am-g {
  margin-left: -1rem;
  margin-right: -1rem;
  width: auto;
}
.am-g .am-g.am-g-collapse {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
@media only screen and (min-width:641px) {
  .am-g .am-g {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
.am-g.am-g-collapse .am-g {
  margin-left: 0;
  margin-right: 0;
}
.am-g-collapse [class*="am-u-"] {
  padding-left: 0;
  padding-right: 0;
}
.am-g-fixed {
  max-width: 1000px;
}
[class*="am-u-"] {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  float: left;
  position: relative;
}
[class*="am-u-"] + [class*="am-u-"]:last-child {
  float: right;
}
[class*="am-u-"] + [class*="am-u-"].am-u-end {
  float: left;
}
@media only screen and (min-width:641px) {
  [class*="am-u-"] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
[class*="am-u-pull-"] {
  left: auto;
}
[class*="am-u-push-"] {
  right: auto;
}
@media only screen {
  .am-u-sm-1 {
    width: 8.33333333%;
  }
  .am-u-sm-2 {
    width: 16.66666667%;
  }
  .am-u-sm-3 {
    width: 25%;
  }
  .am-u-sm-4 {
    width: 33.33333333%;
  }
  .am-u-sm-5 {
    width: 41.66666667%;
  }

  .am-u-sm-pull-0 {
    right: 0;
  }
  .am-u-sm-pull-1 {
    right: 8.33333333%;
  }
  .am-u-sm-pull-2 {
    right: 16.66666667%;
  }
  .am-u-sm-pull-3 {
    right: 25%;
  }
  .am-u-sm-pull-4 {
    right: 33.33333333%;
  }
  .am-u-sm-pull-5 {
    right: 41.66666667%;
  }

  .am-u-sm-push-0 {
    left: 0;
  }
  .am-u-sm-push-1 {
    left: 8.33333333%;
  }
  .am-u-sm-push-2 {
    left: 16.66666667%;
  }
  .am-u-sm-push-3 {
    left: 25%;
  }
  .am-u-sm-push-4 {
    left: 33.33333333%;
  }
  .am-u-sm-push-5 {
    left: 41.66666667%;
  }

  .am-u-sm-offset-0 {
    margin-left: 0;
  }
  .am-u-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .am-u-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .am-u-sm-offset-3 {
    margin-left: 25%;
  }
  .am-u-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .am-u-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .am-u-sm-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  [class*="am-u-"].am-u-sm-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  [class*="am-u-"].am-u-sm-centered:last-child {
    float: none;
  }
  [class*="am-u-"].am-u-sm-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  [class*="am-u-"].am-u-sm-uncentered:last-child {
    float: left;
  }
}
@media only screen and (min-width:641px) {
  .am-u-md-1 {
    width: 8.33333333%;
  }
  .am-u-md-2 {
    width: 16.66666667%;
  }
  .am-u-md-3 {
    width: 25%;
  }
  .am-u-md-4 {
    width: 33.33333333%;
  }
  .am-u-md-5 {
    width: 41.66666667%;
  }

  .am-u-md-pull-0 {
    right: 0;
  }
  .am-u-md-pull-1 {
    right: 8.33333333%;
  }
  .am-u-md-pull-2 {
    right: 16.66666667%;
  }
  .am-u-md-pull-3 {
    right: 25%;
  }
  .am-u-md-pull-4 {
    right: 33.33333333%;
  }
  .am-u-md-pull-5 {
    right: 41.66666667%;
  }

  .am-u-md-push-0 {
    left: 0;
  }
  .am-u-md-push-1 {
    left: 8.33333333%;
  }
  .am-u-md-push-2 {
    left: 16.66666667%;
  }
  .am-u-md-push-3 {
    left: 25%;
  }
  .am-u-md-push-4 {
    left: 33.33333333%;
  }
  .am-u-md-push-5 {
    left: 41.66666667%;
  }

  .am-u-md-offset-0 {
    margin-left: 0;
  }
  .am-u-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .am-u-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .am-u-md-offset-3 {
    margin-left: 25%;
  }
  .am-u-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .am-u-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .am-u-md-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  [class*="am-u-"].am-u-md-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  [class*="am-u-"].am-u-md-centered:last-child {
    float: none;
  }
  [class*="am-u-"].am-u-md-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  [class*="am-u-"].am-u-md-uncentered:last-child {
    float: left;
  }
}
@media only screen and (min-width:1025px) {
  .am-u-lg-1 {
    width: 8.33333333%;
  }
  .am-u-lg-2 {
    width: 16.66666667%;
  }
  .am-u-lg-3 {
    width: 25%;
  }
  .am-u-lg-4 {
    width: 33.33333333%;
  }
  .am-u-lg-5 {
    width: 41.66666667%;
  }

  .am-u-lg-pull-0 {
    right: 0;
  }
  .am-u-lg-pull-1 {
    right: 8.33333333%;
  }
  .am-u-lg-pull-2 {
    right: 16.66666667%;
  }
  .am-u-lg-pull-3 {
    right: 25%;
  }
  .am-u-lg-pull-4 {
    right: 33.33333333%;
  }
  .am-u-lg-pull-5 {
    right: 41.66666667%;
  }

  .am-u-lg-push-0 {
    left: 0;
  }
  .am-u-lg-push-1 {
    left: 8.33333333%;
  }
  .am-u-lg-push-2 {
    left: 16.66666667%;
  }
  .am-u-lg-push-3 {
    left: 25%;
  }
  .am-u-lg-push-4 {
    left: 33.33333333%;
  }
  .am-u-lg-push-5 {
    left: 41.66666667%;
  }

  .am-u-lg-offset-0 {
    margin-left: 0;
  }
  .am-u-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .am-u-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .am-u-lg-offset-3 {
    margin-left: 25%;
  }
  .am-u-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .am-u-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  
  .am-u-lg-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
  [class*="am-u-"].am-u-lg-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  [class*="am-u-"].am-u-lg-centered:last-child {
    float: none;
  }
  [class*="am-u-"].am-u-lg-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left;
  }
  [class*="am-u-"].am-u-lg-uncentered:last-child {
    float: left;
  }
}
/* ==========================================================================
   Component: AVG Grid
 ============================================================================ */
[class*="am-avg-"] {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
[class*="am-avg-"]:before,
[class*="am-avg-"]:after {
  content: " ";
  display: table;
}
[class*="am-avg-"]:after {
  clear: both;
}
[class*="am-avg-"] > li {
  display: block;
  height: auto;
  float: left;
}
@media only screen {
  .am-avg-sm-1 > li {
    width: 100%;
  }
  .am-avg-sm-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-sm-2 > li {
    width: 50%;
  }
  .am-avg-sm-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-sm-3 > li {
    width: 33.33333333%;
  }
  .am-avg-sm-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-sm-4 > li {
    width: 25%;
  }
  .am-avg-sm-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-sm-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }


}
@media only screen and (min-width:641px) {
  .am-avg-md-1 > li {
    width: 100%;
  }
  .am-avg-md-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-md-2 > li {
    width: 50%;
  }
  .am-avg-md-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-md-3 > li {
    width: 33.33333333%;
  }
  .am-avg-md-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-md-4 > li {
    width: 25%;
  }
  .am-avg-md-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-md-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
  .am-avg-md-5 > li {
    width: 20%;
  }

}
@media only screen and (min-width:1025px) {
  .am-avg-lg-1 > li {
    width: 100%;
  }
  .am-avg-lg-1 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-1 > li:nth-of-type(1n + 1) {
    clear: both;
  }
  .am-avg-lg-2 > li {
    width: 50%;
  }
  .am-avg-lg-2 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-2 > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .am-avg-lg-3 > li {
    width: 33.33333333%;
  }
  .am-avg-lg-3 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-3 > li:nth-of-type(3n + 1) {
    clear: both;
  }
  .am-avg-lg-4 > li {
    width: 25%;
  }
  .am-avg-lg-4 > li:nth-of-type(n) {
    clear: none;
  }
  .am-avg-lg-4 > li:nth-of-type(4n + 1) {
    clear: both;
  }
 
}
/* ==========================================================================
   Component: Code
 ============================================================================ */


	    li,ul {list-style:none;}
		#gradeDiv,#majorDiv,#new,#versionDiv  {cursor:pointer;}
		#catalog.col,#catalog .cou,.finalL{cursor:pointer;}
		#container {width:100%;margin: auto; margin-top:0.3% }    
		#content {background:white;margin-top:0.5%;}
		#thumb img{border:0px;}
		.am-icon-thumbs-o-up {margin-right:0.2rem;}
		
		
		#top-background {
			height:223px;
			width:100%;
			background:url("/sites/default/files/fenlei.jpg") no-repeat center center;
			
		   }

 


		#filter {
			line-height: 45px;
			border-top: 1px solid #939393;
			font-size: 14px;
			margin-bottom: 22px;
		  }

		.filterActive {
			 color: #fff;
			 background: #007dcc;
			 padding: 5px 8px;
			   }

		#filter span 
		{
		  margin-right:30px;
		}

		.classify {
			border-bottom: 1px solid #ccc;
		}

		.typeid {
			background: #ebebeb;
			padding: 12px 20px;
			color: #888888;
		}

		.classify:last-child {
			border-bottom: 1px solid #939393;
		}
		
		/*����Ϊ����Ŀ¼css*/

		#navid {
			height: 41px;
			line-height: 41px;
			background: #ff9f00;
			color: #fff;
			display: block;
			padding-left: 20px;
			letter-spacing: 1px;
			font-size: 14px;
		}
			  
		#catalog {
			border: 1px solid #ccc;
			border-top: none;
			overflow: scroll;
			height: 790px;
		}
		
	 	
		#catalog .col {
			color: #666666;
			display: block;
			font-size: 12px;
			border-left: 1px dotted #666666;
			position: relative;
			left: -8px;
		    margin-bottom:1px;

		}
        
	   
	  .jiajianhao {
			height: 23px;
			width: 12px;
			float: left;
			border: 1px solid #EBEBEB;
			border-right: 0px;
			padding-top: 7px;
			border-radius: 5px 0 0 5px;
			padding-left: 6px;
			margin-left: -13px;
			background: #fff;
			margin-top: 12px;
		}
   
   
		.con {
			height: 28px;
			float: left;
			width: 144px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			border: 1px solid #EBEBEB;
			border-left: 0px;
			padding: 2px 5px 0 5px;
			border-radius: 0 5px 5px 0;
			background: #fff;
			line-height: 26px;
			margin-top: 12px;		}

     li.finalL{

border: 1px solid;
border-radius: 5px 5px 5px 5px;
width: 160px;
height: 28px;
line-height: 28px;
display: block;
padding-left: 9px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: -15px;
background: #fff;
margin-bottom: 12px;
position: relative;
top: 12px;	
float:left;
}

		/*����Ϊ?���ࡰ����?չ����Ŀ¼css*/
		
		
		#paixu {
			background-color: #F1F1F1;
			height: 32px;
			color: #727272;
			padding-top: 10px;
		}
		#paixu span {cursor:pointer;}


		#courseid {
			color:#3C3C3C;
			float: left;
			text-align: center;
			border-right: 1px solid #ccc;
			width: 105px;
			font-size: 17px;
		}	
        
		#time{
			width: 126px;
			float: left;
			text-align: center;
		}
		.icon {
			content: url("/sites/default/files/bg_price.png");
			margin: -2px;
}


		#thumb li {
			position: relative;
			overflow: hidden;
			width: 258px;
			height: 259px;
			margin-top: 20px;
			padding: 20px 16px;
			cursor: pointer;
			border: 1px white solid;
					}
		
		#thumb li:hover{

			border:1px solid  #ff9f00;

		}
	
		.mask {
	        width: 82%;
			position: absolute;
			display: block;
			background: rgba(0,0,0,0.4);
			height: 8%;
			margin-top: 24%;
			color: white;
			text-align: center;
			font-size: 20px;
			padding: 10px;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		.msyk {
			background: #ff8400;
			color: #fff;
			padding: 1px 4px;
			float: left;
			margin-right: 4px;
			margin-top: 8px;
		}
		.title {
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 15px;
			float: left;
			width: 188px;
			height: 42px;
			line-height: 40px;
			color: #2a2929;
			}
        .jianjie {
			float: left;
			font-size: 13px;
			color: #848484;
			height: 25px;
		    width:265px;
		}
		.price {
			color: red;
		}
		.zan {
			color: #848484;
			font-size: 13px;
		}
		span.zan img {
			opacity: 0.7;
			width: 13px;
			height: 14px;
			margin-top: 3px;
		}
		
		img.am-thumbnail, .am-thumbnail > img, .am-thumbnail a > img {
			max-width: 100%;
		}
 
    .finalUL {
     float:left;
	 border-left: 1px dotted  #555555
	
}