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

/**
 *  课程详情
 ----------------------------------------- */


.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 url(../images/learn/cos_buy.png) 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; background:url(../images/learn/course_v2.png) no-repeat; 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:url(../images/learn/course_v2.png) 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:url(../images/learn/course_v2.png) 0 -120px no-repeat; display:inline-block;}
.cos_chapter h3.unfold span { background-position:-20px -120px;}

.cos_chapter_list { padding:10px 0; background:url(../images/learn/cos_chapter_line.gif) 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:url(../images/learn/course_v2.png) -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; background-image:url(../images/stars.png);}
.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;}


/******会员开通******/
.mask_wr{ position:absolute; left: 0; top: 0; width:100%; min-height:100%; max-height:300%; background:url(../images/alpha/black.png) repeat; z-index:9999;}
.m_o_ins{  height: 200px; background:#fefcff; border-radius: 5px; margin: 0 auto; position: absolute; top:50%; left:50%; margin-top:-200px; margin-left:-200px;  z-index:999; }
.m_o_inner{ padding:20px 10px; position:relative;}
.mem_tit{ color:#46166b; height:24px; line-height: 24px; font-size:16px; padding-bottom:6px; text-align: center; border-bottom: 1px #ddd solid;}
.mem_cont{ padding:20px 0; overflow: hidden; text-align: center;}
.mem_cont ul li{  line-height:24px;}
.m_tf{color:#444; font-weight:600;}
.aging{ text-indent:-8px; color:#666; font-size: 12px;}
.open_bar{ height:80px; padding:30px 0;}
.opBtn{ display:block; width:160px; height:35px; line-height:35px;  margin: 0 auto; background:#4f2273; color:#fff; text-align: center; border-radius:5px; font-size:16px;}

.op_shut{position:absolute; right:15px; top:8px;}
.op_mm{ color: #46166b;}

.c_f_area{ float:left;}
.cos_pr{font-size:20px; color:#46166b;}

.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;}