/* --- 赏课页面主体内容容器 --- */


.bg_index { background: #f1f1f1; }

#shangke_container { width: 1150px; padding-top: 10px; padding-bottom: 30px; margin: 0 auto; clear: both; }

#shangke_container div, li { }

.row_1 { background-color: #FFFFFF; }

.row_2 { background-color: #FFFFFF; padding: 0 0 15px 0; }

.title_1 { float: left; width: 360px; height: 35px; line-height: 35px; font-size: 18px; font-family: Microsoft YaHei; border-bottom: 1px dashed #d1d1d1; }

.title_1 span { font-size: 20px; background: url(../images/e_01.jpg) no-repeat 0 6px; padding-left: 11px; }

.right_1 { float: right; width: 210px; line-height: 55px; /* font-weight: bold; */
font-size: 15px; text-align: left }

.lunbo_L1 { float: left; width: 480px; border: 1px solid #f0f0f0; margin-top:20px; }

.lunbo_L1_box { float: left; }

.lunbo_L1_box img { width: 480px; height: 303px; float: left; border-bottom: 1px solid #f0f0f0; }

.lunbo_L1 li { text-align: center; line-height: 25px; height: 108x; font-size: 16px; font-family: Microsoft YaHei; float: left; width: 478px; padding-bottom: 10px; }

.kc_bt { line-height: 45px; }

.lunbo_L1_box { margin: 0 7px 0px 0; }

.more_span_1 { color: #a0a0a0 }

.more_span_2 { color: #d46666 }

.lunbo_R6 { float: left; width: 663px; margin-left: 5px; }

.lunbo_R6_box { margin: 20px 0px 0px 3px; }

.lunbo_R6 li { float: left; width: 202px; margin: 0 0px 10px 16px; border: 1px solid #f0f0f0; padding-bottom: 5px; }

.lunbo_R6_box li img { position: relative; width: 202px; height: 110px; }

.p_title_1_ykt { font-size: 14px; font-family: Microsoft YaHei; height: 25px; line-height: 35px; overflow: hidden; margin: 0 5px 0 5px; float: left; width: 184px; overflow: hidden; }

.p_title_2_ykt { background: url(../images/tb_clock.jpg) no-repeat 0 3px; font-size: 12px; font-family: Microsoft YaHei; margin: 0 5px 0 5px; padding-left: 20px; height: 25px; line-height: 35px; overflow: hidden; float: right; padding-right: 5px; }

.row_3 { background-color: #FFFFFF; padding: 0 0 15px 0; }

.fengcai_box { margin: 20px 0px 0px 20px; }

.fengcai_box_display { display: none; }

.fengcai_box li { float: left; width: 272px; margin: 0 15px 10px 0px; border: 1px solid #e0e0e0; }

.fengcai_box li img { position: relative; }

.row_4 { padding: 0 0 15px 0; padding-bottom: 30px; margin-top: 20px; position: relative; height: 300px; }

.row_4_L1 { position: absolute; left: 000px; width: 385px; ; overflow: hidden; background: #FFFFFF; padding-bottom: 20px; }

.row_4_L2 { position: absolute; left: 398px; width: 385px; overflow: hidden; background: #FFFFFF; padding-bottom: 20px; }

.row_4_L3 { position: absolute; left: 796px; width: 385px; overflow: hidden; background: #FFFFFF; padding-bottom: 20px; }

.jiantou_L { width: 30px; height: 50px; float: left; margin: 70px 0 0 10px; ; }

.jiantou_R { width: 30px; height: 50px; float: left; margin: 70px 0 0 0; }

.fabu_box { margin: 20px 5px 0px 5px; float: left; width: 272px; border: 1px solid #e0e0e0 }

.button_yuan { text-align: center; margin: 0px 0 0px 0; font-size: 24px; color: #ccc; font-family: Microsoft YaHei; line-height: 25px; border: 1px solid red }

.row_5 { background-color: #FFFFFF; padding: 0 0 5px 0; margin-top: 20px; }

.row_5 * { border: 0px solid red }

.kjzs_box { margin: 30px 0px 34px 20px; float: left; }

.kjzs_box li { float: left; width: 150px; margin: 0 12px 0px 0px; border: 1px solid #e0e0e0; }

.kjzs_box li img { position: relative; margin: 10px 0 0 40px; }

.p_title_3 { background: url(../images/download_mount.gif) no-repeat 0 3px; font-size: 12px; font-family: Microsoft YaHei; margin: 0 0 4px 5px; padding-left: 25px; height: 25px; line-height: 28px; overflow: hidden; }

.p_title_4 { font-size: 12px; font-family: Microsoft YaHei; line-height: 25px; line-height: 15px; overflow: hidden; margin: 13px 5px 1px 5px; }

/*焦点图*/

.focus { position: relative; top: 20px; width: 290px; height: 180px; background-color: #000; left: 35px; }

.focus img { width: 290px; height: 180px; }

.focus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; }

.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; }

.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }

.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }

.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; }

.focus .fPic { position: absolute; left: 0px; top: 0px; }

.focus .jiaobiao { position: absolute; top: 0; left: 0; }

.focus .jiaobiao img { width: 68px; height: 68px; }

/* 底部● */

.focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 0; width: 273px; /* left: 100px; */
  
margin: 0 auto; }

/* 图片文字 */

.focus .shadow { width: 288px; position: absolute; bottom: -20; left: 0px; z-index: 10; height: 38px; line-height: 42px; display: block; text-align: left; border: 1px solid #e9e9e9; }

.focus .shadow a { text-decoration: none; color: #333; font-size: 12px; overflow: hidden; margin-left: 10px; font-family: "\5FAE\8F6F\96C5\9ED1"; }

.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 }

.focus .fcon img { display: block; }

.focus .fbg { position: relative; top: 230px; height: 21px; text-align: center; z-index: 1; }

.focus .fbg div { overflow: hidden; zoom: 1; height: 21px; }

.focus .D1fBt a { display: inline-block; width: 12px; height: 13px; border-radius: 7px; margin: 0 2px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; background: #D9D9D9; }

.focus .D1fBt .current, .focus .D1fBt a:hover { background: #2d86e0; }

.focus .D1fBt img { display: none }

.focus .D1fBt i { display: none; font-style: normal; }

.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }

.ykt_san { width: 360px; height: 250px; margin: 0 auto; position: relative; }

/* 左箭头 */

.focus .prev { top: 50%; margin-top: -37px; left: -40px; background-position: 0 -74px; cursor: pointer; }

/* 右箭头 */

.focus .next { top: 50%; margin-top: -37px; right: -50px; background-position: -40px -74px; cursor: pointer; }

.focus .prev:hover { background-position: 0 0; }

.focus .next:hover { background-position: -40px 0; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.row_4_L1_ykt { width: 360px; float: left; margin-right: 28px; }

.row_4_L3_ykt { width: 360px; float: left; }

.title_1_kecheng { float: left; margin-top: 20px; border-bottom: 1px solid #f0f3fa; width: 100%; }

.title_1_kecheng div { float: left; font-size: 16px; color: #696969; border-radius: 6px 6px 0 0; background: #fafafa; border: 1px solid #efefef; padding: 10px 22px; }

.title_1_kecheng .current { float: left; font-size: 16px; background: #2d86e0; color: #fff; }

.kc_fbm span, .p_title_2 span { float: left; font-size: 12px; color: #3a3a3a; }

.kc_fbm span.item-money, .p_title_2 span.item-money { color: #7e2231; font-weight: bold; width: 105px; font-size: 14px; }

.bm_btn_3 { border-radius: 4px; background: #2d86e0; color: #fff; height: 32px; display: block; float: left; width: 90px; text-align: center; line-height: 30px; margin-left: 52px; }

.bm_btn_3x { float: right; margin-right: 10px; }

.p_title_1, .p_title_2 { padding: 0 5px; }

.notcurrent { float: left; color: #696969; font-size: 16px; }

/* 右侧浮动按钮 */

.R_float { position: fixed; z-index: 99999; width: 60px; right: 20px; top: 50%; margin-top: -130px; _position: absolute; _bottom: auto; _margin-bottom: 50px;  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

.R_float * { }

.R_float div { margin: 0 0 5px 0; border: 1px solid #e8e8e8; }

.kc_bq ul { width: 1157px; margin-left: -7px; }

.kc_bq li { float: left; width: 156px; margin-left: 7px; background: #fafafa; border: 1px solid #f2f2f2; margin-bottom: 10px; }

.kc_bq li a { display: block; height: 39px; line-height: 39px; color: #4b4a4a; font-size: 16px; text-align: center; }

.kc_bq li a:hover { background: #2d86e0; color: #fff; }

.kc_fbm .item-money{ padding-left: 0.5em;}

.kc_fbm .item-ucount{padding-left: 0.8em;}


/*手机端开始*/
@media (max-width: 767px){
	
	.bg_index{background:#fff;}
	
	.tab-box{margin-left:1%; margin-top:1%;}

.tab-box dt{float:left;  height:40px; line-height:47px; width:49%; text-align:center;  }

.tab-box dt a{background:#f0f3fa; height:40px; line-height:40px; display:block;  font-size:16px;}

.tab-box dt.cur a{background:#2d86e0; color:#fff;}

#shangke_container{ width:100%;}

.ykt_san{height:282px;}
.title_1 { margin-left:5px;}

.R_float {
    position: fixed;
    z-index: 99999;
    width:100%;
    right: 0;
	
	margin-top:0;
	top: auto;
	bottom:0;
	 background-color: rgba(0,0,0,0.5);
	 padding-top:5px;
	 padding-bottom:2px;
	
  
}


.R_float div {float:left; width:22%; background:#fff; margin-left:2%; border:0; text-align:center; }

.title_1_kecheng{margin-left:4px;}

.title_1_kecheng div{padding: 10px 20px; border-radius: 0;}



.lunbo_L1{width:96%; margin-left:2%; margin-right:2%;}

.lunbo_L1_box { margin-right:0; position:relative; padding-bottom:40px;}

.lunbo_L1_box img {width:100%; height:auto;}

.lunbo_L1 li { width:98%;}

.kc_bt{height:35px; overflow:hidden; margin-bottom:10px;  text-align:left; padding-left:0.5em;}


.kc_fbm .item-money{ text-align:left; padding-left: 0.5em;}

.lunbo_R6{width:100%;}

.lunbo_R6 li{width:45%; margin-left:7px; position:relative; padding-bottom:40px;}

.lunbo_R6_box li img { width:100%;}

.p_title_1, .p_title_2 { width:98%;    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis; overflow:hidden;
	}
	
.kc_fbm span.item-money, .p_title_2 span.item-money{width:45%;}

.bm_btn_3{margin-left:0; position:absolute; left:50%; bottom:10px; margin-left:-45px;}



	
}