@charset "utf-8";
* { margin: 0; padding: 0}
body { color: #333}
button { border: 0; outline: 0; font-family: "微软雅黑", sans-serif}

/*头部*/
.head{ width:100%; height:45px; margin-bottom: 60px; background:#F0F0F0; border-bottom:1px solid #D8D8D8;}
.all_wid{ position: relative; width:1050px; margin:0 auto; font-size: 13px; }
.head_l_b{ cursor:pointer}
.head_l_bar{ cursor:pointer; padding-left: 10px; line-height: 45px}
.head_l_bar a{ display: inline-block; width: 60px; text-align: center; font-size: 14px; color: #666}
.head_l_bar span{ color: #ccc}

.head_r { width: 100%; height: 47px; padding-top: 10px}
.head_loc { margin: 0; padding-top: 10px}
.head_l_b:hover{ color:#0E8BDF;}
.head_ul { line-height: 40px}
.head_r_message { position: relative}
.head_r_message a{ margin-left: 22px}
.head_r_message img { position: absolute; top: 2px}
.us_tit { margin-right: 5px}
.he_us_i{ border-radius:50%;border:1px solid #D8D8D8;width:32px; height:32px; margin:0 5px 0 0; background:#fff;}
.he_us_x{ border:1px solid #fff; border-radius:50%; width:30px; height:30px; overflow:hidden; outline: none }
.he_us_x img{ width:100%;height:100%;object-fit:cover;}
.us_name{  padding:0 5px 0 5px; cursor:pointer;}
.head_ul li{ float:left;}
.h_x_s{ padding:0 10px; color:#CCCCCC;}
.he_cen{ background:url(../images/lis_n.png) no-repeat right center; padding:0 15px 0 0; cursor:pointer; position:relative;}
.he_cens{ background:url(../images/lis_n.png) no-repeat 73px center; padding:0 0 0 0; cursor:pointer; }
.dr_do{ position:absolute; width:95px; background:#fff;  border:1px solid #ccc; left:-13px; top:-11px;}
.dr_do a{ display:block; padding:0 0 0 12px;}
.h_col{ background:url(../images/collection.png) left center no-repeat; padding:0 0 0 15px; cursor:pointer;}

/*浏览信息*/
.log_div{ height:50px; background:#fff; border-bottom: 1px solid #E7E6E6}
.log_l img{ height:35px; padding-top: 5px}
.log_l {  height: 47px}
.log_title { position: relative;font-size: 16px; margin-bottom: 0; margin-top: -5px; font-weight: bold }

/*搜索*/
.pad_35{padding:35px 0 0 0; display:block;}
.h_p_sx{ height:45px; padding:7px 0 0 0;}
.log_ul li{ float:left;  }
.sea_inp{  color:#666;height:28px; line-height:30px;width:280px; border:0; outline:none;}
.sea_i_d{ border:1px solid #ddd; border-right:0; height:30px; line-height:30px; padding:0 0 0 10px;width:290px;}
.sea_but{ background:url(../images/search.png) center #FFA200 no-repeat; width:40px; height:32px;   cursor:pointer;}
.exa_but{ height:32px; line-height:32px; color:#fff; background: url(../images/exam.png) no-repeat 10px center #1AB11E; padding:0px 0px 0px 35px; width:65px;  cursor:pointer; margin:0px 0px 0px 10px; position:relative;}
.exa_n_d{ border-radius:3px; float:left; position:absolute; z-index:10; right:10px; top:-13px; background:url(../images/e_n_b.png) no-repeat center bottom; padding:0px 0px 10px 0px;}
.exa_nub{ background:#FF6000; color:#fff; border-radius:3px; padding:2px 5px;height:12px; line-height:12px;  font-size:10px;}

/*内容区*/
.main { padding-top: 45px}

/*内容区-视频播放*/
.main_up { width: 100%; height: 287px}
.main_u_r { width: 551px; height: 270px; padding-left: 19px; color: #666; font-size: 14px}
.main_u_rus { vertical-align: sub}



.main_u_ru { height: 140px}
.main_u_ru h2{ font-size: 16px;  font-weight: 700; color: #222;}
.main_u_ru p{ line-height: 27px}
.main_u_ru p>span{ display: inline-block; width: 130px;  padding: 0 5px 0 15px; cursor: pointer}
.main_u_rus span{ vertical-align: middle; display: inline-block; width: 22px; background: url("../images/c_d_s.png") no-repeat 0 -3px}
.main_u_ru .active{ background: url("../images/c_d_ss.png") no-repeat 0 -3px}
.main_u_ru .data span { width: auto; padding: 0 5px 0 0; color: #f60}
.main_u_ru .data i { display: inline-block; width: 10px; text-align: center}
.main_u_ru .count { width: 218px; height: 130px}
.main_u_ru .author { width: 290px; height:140px;}

.main_u_rm { position: relative; height: 75px; line-height: 25px; overflow: hidden}
.main_u_rm .title { width: 70px}
.main_u_rm .class { position: absolute; width: 220px; overflow: hidden; z-index: 2; padding-left: 5px; color: #0d80d2; background-color: #fff}
.main_u_rm .class a {  color: #0d80d2;padding-left: 5px; display: block; width: 170px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.main_u_rm .more { background: url("../images/course/main_u_rmb.png") no-repeat 0 center ; padding-left: 20px; cursor: pointer; color: #ff8a00; margin: 26px 0 0 77px}
.main_u_rm .up { width: 80px; padding: 5px 0 10px 20px; clear: left;  background: url("../images/course/main_u_rmb2.png") no-repeat 0 5px}
.main_u_rm .up_b { border: 1px solid #eee}
.main_u_rm .up_n { height: 45px; overflow: hidden}
.main_u_rm .more_con { width: 200px; margin-left: 70px;border: 1px solid #eee}
.main_u_rm .more_con_a { background: url("../images/course/main_u_rmb2.png") no-repeat 0 center; padding-left: 22px }
.main_u_rd { position: relative }
.main_u_rd button { display: inline-block; height: 40px; margin-top: 15px; cursor: pointer}
.main_u_rd .play { width: 130px; background-color: #FF8A00; color: #fff; font-size: 16px; font-weight: bold}
.main_u_rd .collect { display: inline-block; margin-left: 10px; padding: 0 15px 0 35px; *padding: 0 5px 0 15px; background: url("../images/sc_img1.png") no-repeat 14px 12px;  border: 1px solid #E5E5E5;  color: #666; font-size:14px;}
.main_u_rd .collect span { color: #f60; margin-left: -4px}


/*内容区-课程相关内容*/
.main_down { margin-top: 60px}
.main_d_l { width: 810px; border: 1px solid #F0F0F0}
.main_d_l .title { position: relative; height: 40px; line-height: 40px; border-bottom: 1px solid #f0f0f0}
.main_d_l .title h2 {  position: absolute; top: -2px; left: 0; width: 100px; margin-bottom: 10px; text-align: center; font-size: 16px; border-top: 2px solid #3DA0E3}
.main_d_l .content { border-top: 0; min-height: 400px;padding: 15px;color: #666; font-size: 14px}
.main_d_l .content p { margin: 14px 0 14px 0 }
.main_d_l .content h2 { padding-top: 20px}
.main_d_l .content img { padding:0px 0}

.main_d_r { width: 225px}
.rec_cou_tit{ background:#f0f0f0; border:1px solid #E5E5E5; height:40px; line-height:40px; padding:0px 10px;}
.reco_cou_div{ padding-bottom:15px;}
.rec_cou_l{ font-weight:bold; font-size:15px; background:url(../images/cur_j.png) no-repeat 0px center; padding:0px 0px 0px 25px;}
.rec_cou_r{ color:#999;}
.rec_lis_con{ border:1px solid #E5E5E5; border-top:0px; padding:0px 0px 10px 0px; zoom:1; background:#fff;}
.rec_lis_con:after{ clear:both; display:block; content:""; height:0px; line-height:0px; font-size:0px;}
.rec_l_ul li{ clear:both;}
.rec_l_ul a{display:block;zoom:1;}
.rec_l_ul a:after{ clear:both; display:block; content:""; height:0px; line-height:0px; font-size:0px;}
.r_l_i{ width:30%; display:block;}
.r_l_i img{ width:100%;}
.r_l_t_c{ font-size:12px; color:#999;}
.r_l_n{ height:14px; line-height:14px; width:14px; font-size:12px; border-radius:3px; background:#FF4800; color:#fff; text-align:center; margin:5% 5px 0px 10px;}
.r_l_ns{ height:14px; line-height:14px; width:14px; font-size:12px; border-radius:3px; background:#C2C2C2; color:#fff; text-align:center; margin:5% 5px 0px 10px;}
.r_l_t{ display:block; width:49%; padding:0px 0px 0px 3%;}
.r_l_t_t{ width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:13px; }
.rec_a_b{ display:block; padding:5% 0px 4% 0px; border-bottom:1px dotted #ddd; zoom:1;}
.rec_a_b:after{ clear:both; display:block; content:""; height:0px; line-height:0px; font-size:0px;}
.r_c_t{ display:block;font-size:13px;}
.r_l_n_c{ height:14px; line-height:14px; width:14px; font-size:12px; border-radius:3px; background:#FF4800; color:#fff; text-align:center; margin:2px 5px 0px 10px;}
.r_l_n_cs{ height:14px; line-height:14px; width:14px; font-size:12px; border-radius:3px; background:#C2C2C2; color:#fff; text-align:center; margin:2px 5px 0px 10px;}
.rec_cla_ul li{ clear:both; padding:10px 0px; padding:10px 0px\9;_padding:7px 0px; *padding:7px 0px;border-bottom:1px dotted #ddd;zoom:1;}
.rec_cla_ul li:after{ clear:both; display:block; content:""; height:0px; line-height:0px; font-size:0px;}
.rec_cla_ul a{ display:block;zoom:1;}
.rec_cla_ul a:after{ clear:both; display:block; content:""; height:0px; line-height:0px; font-size:0px;}




/*底部*/
.news_div{ padding:20px 0 0 0; width:100%;}
.bottom_divs{ background:#F6F6F6; border-top:1px solid #E7E7E7; padding:20px 0 20px 0; line-height:30px; text-align:center;}
.bot_ads{ color:#666;}
/*改*/
.main_u_l{ width:480px; height:270px;}
.main_u_l img{ height:100%; width:100%;}
.aut_tit_sty{ height:50px;}
.cou_lis_sty{ display:block; height:25px}

.sta_cha{ position:absolute; right:0px; width:260px; height: 170px; top: 53px; overflow: hidden}
.sty_cha_ul{border-left:1px solid #ddd; background:#fff; height:20px; line-height:20px;}
.syt_cha_li{ float:left; border:1px solid #ddd; border-left:0px; padding:0px 8px;}
.syt_cha_lis{ float:left; border:1px solid #0D80D2; border-left:0px; padding:0px 8px; background:#0D80D2; color:#fff;}
.sta_cha_i{ padding-top:15px;}