@charset "utf-8";
/* CSS Document */

/* 公共样式 */

*{margin:0;padding:0;list-style:none;border-collapse:collapse;font-family:"PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif;}

a img {border:0;}

a {outline:none;text-decoration:none;}

/* 清除浮动 */
.clearfix:before,
.clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

/* css3过渡动画效果 */

.trans{
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
}

#content{background: #f9f9f9;}


.ad{height:60px;}

.ad span{font-size: 14px;color:#666666;line-height: 60px;}

.ad a{font-size: 14px;color:#666666;line-height: 60px;padding:0 5px;}

.ad a:hover{color:#d9605e;}

.ad .first{color:#d9605e;}




.classify{background: #ffffff;box-shadow: 0 1px 5px rgba(0,0,0,.1);}

.classify ul{padding:20px 36px;}

.classify ul li{padding:10px 0;}

.classify ul li span{display:inline-block;widtH:80px;font-size: 14px;color:#333333;line-height: 28px;font-weight: bold;}

.classify ul li a{padding:2px 10px;font-size: 14px;color:#666666;line-height: 28px;border-radius: 3px;margin-right: 5px;}

.classify ul li a:hover{background: #d9605e;color:#ffffff;}

.classify ul .first{background: #d9605e;color:#ffffff;}


.sort{border-top:1px #eeeeee solid;height:50px;padding:0 36px;}

.sort span{display:inline-block;widtH:80px;font-size: 14px;color:#333333;line-height: 50px;font-weight: bold;}

.sort a{font-size: 14px;color:#666666;line-height: 50px;border-radius: 3px;padding:0 24px;}

.sort b{font-weight: normal;font-size: 12px;color:#e7e7e7;}

.sort a:hover{color:#d9605e;}



/* 精品课程 */


.works_inner2{padding:20px 0;}

.works_img2 li{width:285px;float: left;margin-left: 20px;border-radius: 5px;margin-bottom: 30px;}

.item3{width:285px;height:168px;position: relative;overflow: hidden;border-radius: 5px;box-shadow: 0 1px 5px rgba(0,0,0,.1);}

.item3 a{display: block;width:285px;height:168px;}

.item3 a img{border-radius: 5px;transform: scale(1);transition: all 0.8s;}

.works_img2 li:hover img{transform: scale(1.2);transition: all 0.8s;}

#content .works_bg{background:url(../images/works_bg_21.png);padding-top:120px;border-radius: 5px;}

.appear{position: absolute;lefT:-1px;background: #f3a600;top:-1px;bottom:-1px;right:-1px;cursor: pointer;z-index: 999;display: none;}

.appear dt{text-align: center;font-size: 18px;color:#ffffff;padding:20px 0 10px 0;}

.appear dd{font-size: 14px;color:#ffffff;padding:0 20px;line-height: 30px;}

.appear i{width:52px;height:52px;position: absolute;left:50%;top:50%;margin-top:-26px;margin-left: -26px;display: block;}

.icon4{background: url(../images/play_icon_27.png) no-repeat;}

.cour_text{padding-top:14px;}

.cour_text p{font-size: 16px;color:#333333;line-height: 30px;}

.cour_text span{padding-lefT:20px;line-height: 24px;font-size: 12px;color:#999999;position: relative;display: block;}

.cour_text span i{widtH:14px;height:14px;display: block;background: url(../images/popularity_icon_25.png) no-repeat;position: absolute;lefT:2px;top:5px;}

.works_img2 li:hover .cour_text p{color:#c95250;}

.works_inner2 .spacing{margin:0;}



/**
 * Pagination
 */
.pagin { display:block;}
.pagin-link { display:inline-block; padding:5px 10px; margin:0 2px; border-radius:3px; border:1px #ddd solid; background:#fff; line-height:18px; font-size:12px; color:#666666; text-decoration:none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-link i { font-size:10px;}
.pagin-link:hover { border-color:#d9605e; box-shadow:0 0 3px #eee;}
.pagin-cur,
.pagin-cur:hover { border-color:#d9605e; background:#d9605e; color:#fff;}
.pagin-disable { color:#afafaf; cursor:default;}
.pagin-disable:hover { border-color:#ddd; background:#fff;}
 
.pagin-ell { line-height:18px; font-size:14px; color:#00b2eb;}
.pagin-txt { display:inline-block; padding:5px 8px; line-height:18px; font-size:12px; color:#666;}
.pagin-jump,
.pagin-jump-focus { display:inline-block; *vertical-align:-5px; border:1px #ddd solid; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.pagin-input { *float:left; width:40px; height:26px; border:none; outline:none; background:#fff; line-height:26px\9; *line-height:26px; text-align:center; font-size:12px; color:#d9605e;}
.pagin-btn { *float:left; display:none; padding:0 10px; line-height:26px; font-size:12px; color:#fff; text-decoration:none;}
.pagin-jump-focus { border-color:#d9605e; background:#d9605e; *vertical-align:-1px;}
.pagin-jump-focus .pagin-btn { display:inline-block;}

.tc{text-align: center;margin:50px 0;}