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

/**
 *  课程详情
 ----------------------------------------- */
.course {}

.courseBg{ height:auto; min-height:600px; background:#fff;}

/* 课程信息 */
.cos_info { height:200px; background:#fff; margin-bottom:20px;}
.cos_img { float:left; width:400px;}
.cos_detail { float:right; width:744px; padding:10px 30px 30px 20px;}
.cos_detail2 { float:left; width:840px; padding-left:30px;}
.cos_name { height:40px; line-height:40px; margin-bottom:5px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:22px; color:#333;}
.cos_subtit { line-height:24px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:13px; color:#888;}
.cos_buy { height:45px;  position: absolute; right:30px; top:120px;}
.cos_buy_prize { line-height:45px; margin-right:10px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:30px; color:#ff8a0c; vertical-align: middle;}
.cos_buy_btn { width:220px; height:45px; line-height:45px; background:#ff8a0c  47px 9px no-repeat; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:20px; color:#fff; vertical-align: middle; cursor: pointer;}
.cos_buy_btn:hover { background-color:#ffb20c;}


.cos_left { float:left; width:846px; min-height:560px; height:auto!important; height:600px; padding:20px 30px; background:#fff;}
.cos_right { float:right; width:234px; padding:20px; background:#fff;}

.cos_tit { height:30px; line-height:26px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:18px; color:#444;}
.cos_tit i { width:35px; height:30px; margin-right:15px; display:inline-block;  vertical-align:-8px;*vertical-align:-3px;}
.cos_tit i.cos_tit_brief { background-position:0 -38px;}
.cos_tit i.cos_tit_chapter { background-position:-40px -38px;}
.cos_tit i.cos_tit_teacher { background-position:-80px -38px;}

.cos_brief { padding:15px 0 40px 0; line-height:24px; color:#666;}


/* 课程章节 */
.cos_chapter { padding:10px 0 0 0;}
.cos_chapter h3 { position:relative; height:40px; line-height:40px; padding:0 10px; background:#f8f8f8; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px; color:#6c6c6c; _padding:10px; _height:20px; cursor:pointer;}
.cos_chapter h3:hover { background:#e9f3fd; color:#46166b;}
.cos_chapter h3 i { width:20px; height:20px; background: 0 -80px no-repeat; display:inline-block; margin-right:20px; vertical-align:-4px; *vertical-align:-1px;}
.cos_chapter h3 span { position:absolute; width:16px; height:16px; top:12px; right:10px; background: 0 -120px no-repeat; display:inline-block;}
.cos_chapter h3.unfold span { background-position:-20px -120px;}

.cos_chapter_list { padding:10px 0; background: 19px 0 repeat-y;}
.cos_section { height:40px; line-height:40px; padding:0 10px 0 13px; font-size:14px; cursor:pointer;} 
.cos_section:hover { background:#e9f3fd; color:#46166b;}
.cos_section i { width:13px; height:13px; background: -30px -84px no-repeat; margin-right:24px; display:inline-block; vertical-align:-2px; *vertical-align:1px;}

/* 教师简介 */
.cos_teacher { padding:20px 0 0 0;}
.cos_teacher_t { height:60px;}
.cos_teacher_img { float:left; width:60px; height:60px;}
.cos_teacher_name { float:right; width:154px; line-height:60px; font-size:14px; font-weight:bold; color:#46166b;}
.cos_teacher_b { padding:15px 0 0 0; line-height:24px; color:#666;}




/**
 * 精品课件
 ----------------------------------------- */
.quality { margin-bottom:20px;}
.quality .shadow {
-moz-box-shadow: 0px 0px 1px #bbb;
-webkit-box-shadow: 0px 0px 1px #bbb;
box-shadow: 0px 0px 1px #bbb;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#bbbbbb')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#bbbbbb');
}

/* 培训信息 */
.quality .cos_info { height: 140px;}
.quality .cos_img { width: 260px;}
.quality .cos_img img { width: 260px; height: 140px;}
.quality .cos_detail { position:relative; width:884px; height: 100px;}
.quality .cos_name  { margin-bottom:25px;}
.quality .cos_buy { top:auto; bottom:20px;}
.quality .cos_buy_btn { width:186px; border-radius: 4px; background-image: none;}

.quality .cos_tit { vertical-align: middle;}
.quality .cos_tit i { margin-right: 5px; background: none; line-height: 30px; font-size: 28px; color:#46166b; vertical-align: middle;}


/* 课程体系 */
.quality .cos_chapter h3 { background:none;}
.quality .cos_chapter { padding:15px 0 40px;}


/* 评价 */
.middleAssist { height:100%; display:inline-block; vertical-align:middle;}

.cos_eva { margin-left: 30px; padding:15px 0 40px;}
.cos_evaTotal { float:left; width: 120px; height: 150px; border-right: 1px #eee solid;}
.cos_evaTotal_txt { display:inline-block; vertical-align: middle; text-align: center;}
.cos_evaTotal_t1 { font-size: 20px; color: #333;}
.cos_evaTotal_t1 span { color:#ffc000;}
.cos_evaTotal_t2 { display: inline-block; font-size: 12px; color: #333;}
.cos_evaTotal_t2 span { color:#58c6ad;}

.cos_evaDetail { float:left; padding-left: 30px;}
.cos_evaDetail_li { padding:7px 0;}
.cos_evaStars { float:left; width: 104px; height: 16px; }
.cosStars1 { background-position:-100px -20px;}
.cosStars2 { background-position:-100px -40px;}
.cosStars3 { background-position:-100px -60px;}
.cosStars4 { background-position:-100px -80px;}
.cosStars5 { background-position:-100px -100px;}
.cos_evaDetail_txt { float:left; text-align: right; width: 100px; margin-left: 100px; font-size: 14px; color: #333;}


/* 教师简介 */
.quality .cos_teacher { padding: 15px 0; border-bottom:1px #eee solid;}
.quality .cos_teacher_name { float:none; width: 100%; line-height: 30px;}
.quality .cos_teacher_b { padding:0; line-height: 24px; font-size: 12px;}

.cos_teaList { padding: 15px 0; border-bottom:1px #eee solid;}
.cos_teaList_li { display: inline-block; margin-right:8px; line-height: 24px; font-size:14px; font-weight:bold; color:#46166b;}


/* 相关推荐 */
.cos_rmnd_li { padding: 15px 0; border-bottom: 1px #eee solid;}
.cos_rmnd_li:last-child { border-bottom:none;}
.cos_rmndIn { position:relative; height: 97px; padding-left: 102px;}
.cos_rmnd_img { position:absolute; top: 0; left: 0;}
.cos_rmnd_img,
.cos_rmnd_img img { width: 92px; height: 97px;}
.cos_rmnd_txt h4 { line-height: 30px; font-size: 14px; font-weight: bold; color:#46166b;}
.cos_rmnd_txt p { line-height: 20px; font-size: 12px; color: #666;}




/***********2018.04.10***************/

.purpBtn{background:#4f2273;}

.purpBtn:hover {
	background: #46166b;
	cursor: pointer;
}

.free_t,.free_t b{ color:#ff9b0c;}
.free_t b{ font-weight:600;}

.gift_ico{ margin-top:12px; margin-right:3px;}
.gift_ico2{ margin-top:2px; margin-right:3px;}

.purchase_m{ width:520px; height: auto; padding: 0 10px;}
.purchase_list{  padding:20px 0; overflow: hidden; text-align: center;  }

.purchase_list ul {display:block; width: 540px; margin: 0 auto; padding-left:8px;}
.purchase_list ul li{ float:left; display: block;   border:1px #d9cde4 solid; width:230px; height:110px; overflow: hidden; font-size:20px;  border-radius: 5px;}
.purchase_list ul li a{color:#46166b; display: block; line-height:110px; padding-right: 30px;}
.purchase_list ul li:hover{ border:1px #46166b solid; background:#46166b;}
.p_hv:hover a{color:#fff;} 

.purchase_tit{ font-size: 24px; padding-top: 20px; padding-bottom:20px;  border-bottom: 1px #e4dceb solid;        }

.pur1,.pur2{  float: left;  margin-left: 20px;  display:inline-block; color: #e4dceb;}
.pur1{ font-size:78px; margin-top:3px;  }
.pur2{ font-size:46px; margin-top:20px; margin-left: 45px;}










