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

body{ background:#f6f6f6;color:#333;font-size:14px; font-family:Verdana ,"微软雅黑"; margin:0; padding:0;word-break: break-all; }
ul,li ,dl, dt{ margin:0px; padding:0px; list-style-type: none; }
h1,h2,h3,h4,h5, p{ margin:0; padding:0; font-weight:normal;word-break: break-all; }
button{ border:none; background:none; vertical-align:middle;}
input{ background:none; vertical-align:middle; }
input[type=button]{
	-webkit-appearance:none;
	outline:none
}
table{border-collapse: collapse;border-spacing: 0;}
select{ vertical-align:middle;}
button{ cursor:pointer;}
img{ border:none;}
a, a:hover{ text-decoration:none; outline:0; blr:expression(this.onFocus=this.blur()); cursor:pointer; color:#333;}
a:hover{ cursor:pointer; }
.clear{ clear:both; overflow:hidden;}
em{ color:#f00; font-style:normal;}
.red {color:#c6171e;}

*, *:before, *:after {box-sizing: border-box;}

/***** 头部 *****/
.header{ height:45px; background:#d0070a; overflow:hidden; position:relative;}
.header a:hover{ background:#f92200;}
.header a span{ width:27px; height:25px; display:block; padding:9px;}
.ui-title{ width:220px; height:45px; line-height:45px; margin:0 auto; text-align:center; font-size:20px; color:#fff; display:block; }
.btn_return{ position:absolute; top:0; left:0; width:45px; height:45px;}
.btn_more{ position:absolute; top:0; right:0; width:45px; height:45px;}
.header .header_right_a {line-height: 45px; height: 45px;margin: 0 auto;text-align: center;color: #fff;display: block;}
.btn_return span img {
    width: 22px;
    height: 22px;
    margin-top: 2px;
}

/***** 分类 *****/
.pic img { width:100%;}
.class { max-width:670px;margin:0 auto;}
.class h1 { font-size:16px; font-weight:normal; color:#000; margin-left:2%; width:98%; margin-bottom:8px; display:block; float:left;}
.class ul { margin-left:2%;  margin-top:10px; float:left;  width:98%; min-height:80px;}
.class ul li { float:left; height:30px; line-height:30px; text-align:center; width:22%; margin-left:2%; margin-bottom:10px;}
.class ul li a { border:1px #e1e1e1 solid; color:#545454; display:block; background:#FFF; border-radius:4px;}

/***** 视频列表 *****/
.list_search { background:#FFF; height:36px; margin:6px 0;}
.list_search input { width:96%; background:url(../images/search_icon.png) no-repeat 10px 6px; font-size:14px; text-indent:30px; border:1px #ddd solid; border-radius:6px; height:30px; line-height:28px; margin:3px 2%; font-family:"微软雅黑"}
.video_list { max-width:670px; margin:0 auto; margin-top:54px;  background:#FFF;}
.video_list dt { height:24px; line-height:24px; text-align:center; color:#999; margin:10px 0; font-size:12px;}
.video_list dt a { width:100%; display:block; color:#999;}
.video_list li {  position:relative; overflow:hidden; border-bottom:1px #dfdfdf solid; padding:10px 0;}
.video_list li:hover {}
.video_list .video_img {width:93px; float:left; position:relative}
.video_list .video_img .bl_bg { position:absolute; top:0px; left:10px; background:#000; width:120px; height:68px; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; z-index:99;}
.list_play_icon { position:absolute; background:url(../images/list_play_icon.png) no-repeat; width:24px; height:24px; top:22px; left:58px; display:inline-block; background-size:24px 24px; z-index:999;}
.video_list .video_img img { float:left; width:120px; height:68px; margin-left:10px;}
.video_list_r { position:absolute; top:8px; left:140px; width:100%; box-sizing:border-box; border-right:150px solid transparent;}
.video_list .video_tit { font-size:14px; color:#000; height:54px; width:100%;  line-height:18px; text-align:left; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.video_list .video_tit_my { font-size:14px; color:#000; height:24px; width:100%;  line-height:24px; text-align:left; overflow: hidden; text-overflow:ellipsis;
white-space: nowrap;}
.video_list .video_time { font-size:13px; height:20px; width:100%;  line-height:16px; text-align:left; color:#6b6d6b; margin-top:3px; }
.video_list .video_number { font-size:12px; height:20px; width:100%;  line-height:16px; text-align:left; color:#999; margin-top:-2px; }
.list_see_icon { background:url(../images/list_see_icon.png) no-repeat; width:17px; height:10px; display:inline-block;  margin-right:3px; background-size:17px 10px;}
.list_pl_icon { background:url(../images/list_pl_icon.png) no-repeat; margin-top:-2px; width:12px; height:12px; display:inline-block;  vertical-align:middle; margin-right:3px; background-size:12px 12px;}

/***** 视频详情 *****/
.video_view { max-width:670px;margin:0 auto; }
.video_view h1 { width:100%; position:relative;}
.video_view h1 img{ width:100%;}
.play_icon { background:url(../images/play_icon.png) no-repeat; width:64px; height:64px; display:inline-block; background-size:64px 64px; position:absolute; top:50%; left:50%; margin-top:-32px; margin-left:-32px;}
.view_number { background:#FFF; height:30px; line-height:30px; padding-left:10px; color:#999;}
.view_c { background:#FFF; border-top:1px #ddd solid; padding:10px; margin-top:54px;}
.video_name { font-size:16px; color:#000; margin-bottom:6px;}
.view_time { color:#333; font-size:14px;}
.view_time span { color:#888;}
.view_about { line-height:20px; margin-top:10px; color:#454545; font-size:14px;}


/***** 评论 *****/
.pl_c { max-width:670px;margin:0 auto; border-top:1px #ddd solid; margin-top:10px; background:#FFF; padding-bottom:60px}
.pl_c .pl_tit { text-align:center; font-size:18px; font-weight:bold; color:#333; height:48px; line-height:48px; position:relative; margin:10px 0;}
.pl_c .pl_tit01 {text-align:left; font-size:18px; font-weight:bold; color:#333; height:48px; line-height:48px; position:relative; margin:0px 0 10px 0; padding-left:20px; border-bottom:1px #ddd solid; background:#f9f9f9;}
.pl_c .pl_tit02 { max-width:670px;text-align:center; font-size:18px; font-weight:bold; color:#333; height:48px; line-height:48px; position:fixed; width:100%; margin:-11px 0 10px 0;  border-bottom:1px #ddd solid; background:#f9f9f9; z-index:999;}
.pl_c .pl_tit01 span a { position:absolute; right:40px; top:0px; background:url(../images/arrow_r_icon.png) no-repeat right; padding-right:16px; color:#199600; font-size:14px;}
.pl_c .pl_tit01 i a { background:url(../images/close_icon01.png) no-repeat; background-size:18px 18px; width:18px; height:18px; display:block; position:absolute; right:14px; top:15px;}
.pl_c .pl_tit span a { position:absolute; right:20px; top:2px; background:url(../images/arrow_r_icon.png) no-repeat right; padding-right:16px; color:#199600; font-size:14px;}
.pl_c ul li{ border-bottom:1px #efefef solid; position:relative; padding-left:60px; margin-top:10px; padding-bottom:10px; }
.pl_c ul li .pl_r { float:left; margin-right:10px;}
.pl_c ul li .pl_r .pl_user { color:#000; font-size:14px;}
.pl_c ul li .pl_r .pl_text { margin-top:8px; font-size:14px; line-height:24px; color:#666;}
.pl_c ul li .pl_r .pl_time { color:#bbb; font-size:12px; margin-top:8px;}
.pl_c ul li .user_tx {  position:absolute; top:0; left:10px; width:35px; height:35px;}
.pl_c ul li .pl_r .pl_video { width:100%; line-height:20px; height:45px; color:#d00; padding-top:5px; margin-top:5px; border-top:1px #ddd solid; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pl_c ul li .pl_r .pl_video span { color:#999;}
.pl_c ul li .user_tx img { width:35px; height:35px; border-radius:50%;}
.pl_c dt { height:44px; line-height:44px; text-align:center; color:#999; font-size:12px;}
.pl_c dt a { width:100%; display:block; color:#999;}

#fbpl { position:fixed; bottom:0px; max-width:670px;border-top:1px #ddd solid; width:100%; height:50px; line-height:50px; background:#FFF; z-index:99999;}
.fb_c { padding-right:60px; padding-left:10px;}
.fb_btn input { position:absolute; right:0; width:60px; text-align:center; cursor:pointer; color:#199600; font-size:14px; border:0px; background:none; height:50px; line-height:50px;}
.fb_input input { padding:0 16px 0 38px; width:100%; -webkit-appearance:none;	outline:none; height:34px; line-height:34px; border:1px #ddd solid; border-radius:12px; margin-top:8px; background:url(../images/pl_icon.png) no-repeat 10px;}

.pl_pop {  width:100%; position:fixed; bottom:0px; left:0;  right:0; z-index:9999;}
.list_pl_c { height:222px; overflow:auto;}


/***** 评价 *****/
.pj_kc { width:100%; border-top:2px #a46342 solid;margin:0 auto;  margin-top:60px; }
.pj_tit { margin:10px 0; border-bottom:1px #ede7e2 solid; padding:0 10px 10px 10px; font-size:16px; color:#000;}
.pj_tit .pj_icon { background:url(../images/pj_icon.png) no-repeat; width:25px; height:25px; display:inline-block; vertical-align:middle; margin-right:10px;}
.pj_tit span { float:right; font-size:12px; color:#555;}
.pj_tit span b { font-size:20px; font-family:Verdana, Geneva, sans-serif; color:#cc1b1b; font-weight:normal; margin:0 5px 0 20px;}

.pj_kc ul li { position:relative; padding-left:60px; margin-top:20px; padding-bottom:20px; border-bottom:1px #ede7e2 solid;}
.pj_kc ul li .user_tx { position:absolute; top:0; left:0; width:35px; height:35px;}
.pj_kc ul li .user_tx img {  width:35px; height:35px; border-radius:50%;}
.pj_kc ul li .pj_r { margin-right:10px;}
.pj_kc ul li .user_name { color:#a46342; font-size:12px;}
.pj_kc ul li .user_name .pl_t { color:#888; float:right;}
.pj_kc ul li .pj_text { margin-top:8px; font-size:12px; line-height:24px; color:#555;}
.pj_kc ul li .pj_t { float:right; color:#999;}

/***** tab *****/
.t_search { background:#FFF; height:36px; width:100%; margin-bottom:-6px;}
.t_search input { width:96%; background:url(../images/search_icon.png) no-repeat 10px 6px; font-size:14px; text-indent:30px; border:1px #ddd solid; border-radius:6px; height:30px; line-height:28px; margin:3px 2%; font-family:"微软雅黑";}
.list_tab {border:0; background:#FFF; border-bottom:2px #ddd solid; top:auto; z-index:100;  overflow: visible; width:100%;  height:42px; }
.list_tab .tab { width:100%;  height:42px;}
.tab li, .tab a, .tab-item { float: left; text-align: center;}
.list_tab .tab li {  width:50%;}
.list_tab .tab li a { float: left;  height: 42px; line-height:42px; width:100%; text-align:center; color:#333; display:inline-block; cursor:pointer;}
.list_tab .tab .hover a {height: 42px; line-height:42px; border-bottom:2px #d0070a solid; color: #d0070a;  cursor: default; cursor:pointer; }
.tab_box { display:block; background:#fff; width:100%; padding-top:6px; }

/***** 榜样推荐 *****/
.py_bg { background:url(../images/by_bg.png) no-repeat #fbf7c5; background-size:cover;-moz-background-size:100% 100%; }
.py_tit { margin:30px 0; background:url(../images/text_icon.png) no-repeat;  background-size:100% 100%; width:100%; height:42px; display:block; -moz-background-size:100% 100%;}
.py_content {background:url(../images/text_bg.png);  border-radius:8px; width:96%; margin:22% 2% 0 2%;  padding:10px; font-size:14px;}
.py_c select {background-color:transparent; border-color:transparent;  border-bottom:1px #333 solid; border-radius:0px; font-size:14px; color:#c6171e; background:url(../images/arrow_r.png) right no-repeat; padding-right:16px; appearance:none;  -moz-appearance:none;  -webkit-appearance:none;}
.py_c input {background-color:transparent; border-color:transparent;  border-bottom:1px #333 solid; border-radius:0px; font-size:14px;}
.py_c { line-height:30px;}
.py_c textarea {background-color:transparent; border:1px #333 solid; border-radius:0px; /*background:url(../images/line.png);*/ line-height:28px; font-size:14px;}
.py_c p span { }
.tj_btn { margin:0 auto; width:40%;}
.tj_btn input {  width:100%; height:36px; line-height:36px; border:1px #f00; background:#d00; border-radius:6px; text-align:center; color:#fff; cursor:pointer; margin-top:30px;  font-size:16px;}

/***** 我的头部 *****/
.my_bg {background:url(../images/my_bg.png) no-repeat; background-size:cover;-moz-background-size:100% 100%; height:110px; position:relative; overflow:hidden;}
.my_bg h1 img { width:60px; height:60px; border-radius:50%; border:3px #fff solid; float:left; margin:30px 0 0 20px;}
.my_bg ul { position:absolute; top:40px; left:100px; width:100%; box-sizing:border-box; border-right:100px solid transparent;}
.my_bg ul li { color:#fff; height:20px; line-height:20px; width:100%; overflow: hidden; text-overflow:ellipsis;
white-space: nowrap;}
.list_name { background:#FFF; height:36px; line-height:36px; font-weight:bold; max-width:670px;margin:0 auto;  margin-bottom:6px; border-bottom:1px #ddd solid;}
.list_name i {margin:0 6px 0 10px; height:36px; line-height:36px;}
.list_name .bfjl_icon {background:url(../images/bfjl_icon.png) no-repeat; width:18px; height:18px;display:inline-block; background-size:18px 18px; vertical-align:middle; margin-top:-5px; }


/***** 党课开讲啦 *****/
.banner img { width:100%;}
.jpdk_list { padding:0 15px;}
.jpdk_tit { font-size:16px; font-weight:bold; height:32px; line-height:32px; margin:5px 0;}
.jpdk_tit i img{ display:inline-block; width:12px; height:20px; vertical-align:middle; margin:-4px 5px 0 0 ;}
.jpdk_tit span { float:right; font-weight:normal; height:32px; line-height:32px;}
.jpdk_tit span b img { display:inline-block; width:12px; height:12px; vertical-align:middle; margin:-2px 5px 0 0 ;}
.jpdk_tit span a { color:#666; font-size:12px;}
.jpdk_list ul li { background:#fff; border-radius:10px; padding:10px 10px 10px 170px; height:105px; position:relative; margin-bottom:10px;  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05); margin-bottom:10px;}
.jpdk_list ul li h1 img { width:145px; position:absolute; top:10px; left:10px;}
.dk_name { font-size:14px; border-bottom:1px #e1e1e1 solid; color:#333; height:32px; line-height:32px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:5px;}
.dk_text {font-size:12px; color:#666; height:22px; line-height:22px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.load_more a { display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#969696; background:#fff; border-radius:10px;  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.05); margin:10px 0;}