﻿/*公用样式*/
html{margin:0;padding:0;}
html, body, form, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body{margin:0;padding:0; background-color:#f8f8f8;width:100%;font-size:18px;  font-family:'Microsoft YaHei',arial,helvetica,sans-serif;}
ul,li,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0; list-style:none;}
a{color:#000; text-decoration:none;outline:none;}
.clear{clear:both;height:0px}
.fl{float:left;}
.fr{float:right;}
a img,img{border:0;}
img{ display: block;}

/* 稍后，需要单独跟着样式走 */
.vertical-container{ width:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -o-box;display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-flex-direction: row; -o-box-orient: horizontal; box-orient: horizontal; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -o-box-pack: start; box-pack: start;-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -o-box-align: center; box-align: center;} 
/* 公共样式：外层框架 */
.page_wrap{ width:100%; min-width: 320px; overflow: hidden; position: relative;}
/* 公共样式：空白 */
.vspace {clear: both;font-size: 0;height: 5px;line-height: 0;overflow: hidden;}
.box_m_t{ margin-top: 5px;}
.box_m_b{ margin-bottom: 5px;}
.box_m_tb{ margin-top: 5px; margin-bottom: 5px;}


/* 公共样式：模块 */
.md{ width: 100%;}
.md .md_hd{ position: relative; height: 40px; line-height: 40px; background-color: #ffffff; color:#114591; padding: 0 4%; border-top:2px solid #114591; border-bottom: 1px solid #e5e5e5;}
.md .md_hd .mh_title{ float: left; }
.md .md_hd .mh_title a{ color: #114591; }
.md .md_hd .mh_more{ float: right;}
.md .md_hd .mh_more a{ color: #114591; line-height: 28px; margin: 0 5px; font-size: 16px;}
.md .md_bd{ position: relative; overflow: hidden;}
/* 公共样式：标签模块 */
.md .md_hd_tabs{ position: relative;height: 41px;line-height: 34px;background-color: #d4d4d4;color: #fff;}
.md .md_hd_tabs ul{ background-color:#FFF; width: 100%;overflow: hidden; border-top:2px solid #114591; border-bottom:1px solid #e5e5e5;}
.md .md_hd_tabs ul li{float: left; text-align: center; font-size:18px; line-height:39px; color:#114591;font-family:"黑体";}
.md .md_hd_tabs ul.mh_tabs_2 li{ width: 50%;}
.md .md_hd_tabs ul.mh_tabs_3 li{ width: 33.33%;}
.md .md_hd_tabs ul.mh_tabs_4 li{ width: 25%;}
.md .md_hd_tabs ul.mh_tabs_5 li{ width: 20%;}
.md .md_hd_tabs ul.mh_tabs_6 li{ width: 16.666666%;}
.md .md_hd_tabs span.mh_line{height: 3px;background: #114591;position: absolute;left: 0px;top: 38px;display: block;}
.md .md_hd_tabs span.line_2 { width:25%; margin-left: 12.5%;}
.md .md_hd_tabs span.line_3 { width:25%; margin-left: 4.166%;}
.md .md_hd_tabs span.line_4 { width:25%; margin-left: 0%;}
.md .md_hd_tabs span.line_5 { width:20%; margin-left: 0%;}
.md .md_hd_tabs span.line_6 { width:16.666666%; margin-left: 0%;}
.md .md_bd_tabs{overflow: hidden;}
.md .md_bd_tabs div[class^="box"]{ float: left;text-align: left;}
.md .tabs_2{ width: 200%; }
.md .tabs_3{ width: 300%; }
.md .tabs_4{ width: 400%; }
.md .tabs_5{ width: 500%; }
.md .tabs_6{ width: 600%; }
.md .tabs_2 .box{ width: 50%;}
.md .tabs_3 .box{ width: 33.33%;}
.md .tabs_4 .box{ width: 25%;}
.md .tabs_5 .box{ width: 20%;}
.md .tabs_6 .box{ width: 16.666666%;}



/* 公用模块：图片+标题列表（标题垂直居中）*/
.ind_list_box{ overflow: hidden;}
.ind_list_box ul{ padding: 1% 0px;}
.ind_list_box ul li{ width: 100%; border-bottom: 1px solid #e8e8e9; padding: 2% 0;}
.ind_list_box ul li .common .img{ position: relative; width: 30%; max-width: 160px; margin-left: 3%; }
.ind_list_box ul li .common .img img{ display: block; width: 100%; max-width: 200px; margin: 0 auto auto 0;}
.ind_list_box ul li .common .img .video_icon{position: absolute; width: 20%; height: 26.6725%; top: 37%; left: 40%; background: url(video_icon.png) no-repeat 0 0; background-size: 100%;}
.ind_list_box ul li .common .content_box{ width: 62%; margin-left: 2%;}
.ind_list_box ul li .content_box h3{ float: left; width: 100%; font-size: 16px; font-weight: normal; line-height: 1.5rem; overflow: hidden;}
.ind_list_box ul li .content_box p{ display: block; margin:22px 0 0; word-wrap:break-word; overflow: hidden; font-size: 0.875rem; color: #333;}
.ind_list_box ul li .content_box{ width: 93%; margin-left: 3%;}

/* 公用样式到此结束 */


/* 以下是底层页专用样式*/
/* 底层页：页头 */
.head_diceng { position:relative; width: 100%; height: 50px; overflow: hidden; background: #114591; line-height: 50px;}
.head_diceng .logo{border-right:1px solid #08387e;height:49px;width: 49px;float: left;}
.head_diceng .logo a{float:left;position:relative;top:6px; width: 49px; height: 40px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto;  background-position: 4px 0;}
.head_diceng .logo::after{ position: absolute;width: 1px;right: 0;top: 0;bottom: 0;background: #0a3a82;content: '';}
.head_diceng .nav_list{ display: block; height: 50px; overflow: hidden; }
.head_diceng .nav_list li{ float: left;color: #fff; padding: 0 22px 0 11px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 75px auto; background-position:right -75px;}
.head_diceng .nav_list li a{ float:left; display:block;color: #fff;}
.head_diceng .nav_btn{position: absolute; top: 0; right: 0; width: 49px; height: 50px;}
.head_diceng .nav_btn a{position: absolute; top: 6px; right: 0; width: 49px; height: 40px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; background-position: 4px -32px;}
.head_diceng .nav_btn::after{position: absolute;width: 1px;left: 0;top: 0;bottom: 0;background: #0a3a82;content: '';}


/* 专用：视频底层页*/
.ind_video .title_area{padding: 0 10px; border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.ind_video .title_area h2{ padding: 5px 0 5px 0; font-size: 18px; line-height: 24px; font-weight: normal;}
.ind_video .player_area .player img,.ind_content .player_box .player video{ width: 100%;}
.ind_video .player_area .player_desc{ padding: 5px 8px ; overflow: hidden;font-size: 14px; line-height: 20px;}
.ind_video .player_area .player_desc .time{ float: left;}
.ind_video .player_area .player_desc .length{ float: right;}

.ind_video_brief .tag{ font-size: 17px; height: 32px; line-height: 32px; padding-left: 10px;}
.ind_video_brief p{ font-size: 15px; padding: 0 15px; text-indent: 25px; line-height: 25px; padding-bottom: 7px;}

/* 底层页公用模块：分享模块  */
.ind_share .share_area{ padding: 5px 10px; }
.ind_share .share_box{border: 1px solid #c8c8c8; overflow: hidden;}
.ind_share .share_box .wenzi{ float: left; width: 18%; height: 32px; text-align: center; font-size: 15px; font-weight: normal; font-style:normal; color: #656565; margin: 8px 0;}
.ind_share .share_box .share{ float: left;width: 48%; display: margin-top: 8px;}
.ind_share .share_box .share li{ float: left; width: 30%; height:32px; line-height: 44px; padding-top: 8px;}
.ind_share .share_box .share i{ width: 32px; height:32px; display: block; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; margin: 0 auto;}
.ind_share .share_box .share .qq{ background-position: 0 -295px;}
.ind_share .share_box .share .weibo{background-position: 0 -263px;}
.ind_share .share_box .share .sina{background-position: 0 -231px;}
.ind_share .share_box .share .more{background-position: 0 -468px;}
.ind_share .share_box .fav{ float: left;width: 34%;}
.ind_share .share_box .fav li{ float: left; width: 49%; border-left: 1px solid #c8c8c8; }
.ind_share .share_box .fav li i{height: 48px;width: 48px; display: block; margin: 0 auto; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto;}
.ind_share .share_box .fav .shoucang{background-position: 1px -325px;}
.ind_share .share_box .fav .shoucang.cur{background-position: 1px -360px;}
.ind_share .share_box .fav .xihuan{background-position: 1px -396px;}
.ind_share .share_box .fav .xihuan.cur{background-position: 1px -430px;}

.vertical-table{ display: table; height: 100%; width: 100%;}
.vertical-table .row{ display: table-row;}
.vertical-table .row .cell{ display: table-cell; vertical-align: middle; }

/* 底层页公用模块：评论列表 */
.ind_pinglun{ overflow: hidden;}
.ind_pinglun.bg_white{ background-color: #fff;}
.ind_pinglun .title{ padding: 5px 3% 0;font-size: 18px;line-height: 24px;font-weight: normal;}
.ind_pinglun .inpute-area{ padding: 10px 3% 5px;}
.ind_pinglun .inpute-area textarea{-webkit-appearance:none;border-radius:0px; border: 1px solid #a7a7a7;width:96%; height: 20px;padding: 5px 2%; font-size: 15px; font-family: "微软雅黑";}
.ind_pinglun .sub_box{ padding: 0px 3% 5px; overflow: hidden;}
.ind_pinglun .sub_box .sub_btn{ float: right; width: 62px; height: 27px; text-align: center; color: #114591; background-color: #f8f8f8; border: 1px solid #e0dfdf; font-size:15px; line-height: 27px;}
.ind_pinglun ul{ margin-top: 5px;}
.ind_pinglun ul li{ padding: 5px 3%; border-bottom: 1px solid #e5e5e5; font-size: 15px; overflow: hidden;}
.ind_pinglun ul li:first-child{ border-top: 1px solid #e5e5e5;}
.ind_pinglun ul li .top{ color: #999999; overflow: hidden;}
.ind_pinglun ul li .top span.nick-name{ width:70%; text-align: left;}
.ind_pinglun ul li .top span{float: left; width:15%; text-align: right;}
.ind_pinglun ul li .text{ float: left; margin:3px 0; color: #585858; line-height: 22px;}
.ind_pinglun .ind_detial_box{overflow:hidden; text-align: center; margin-top:5px;}
.ind_pinglun .ind_detial_box .detial{ display:block; width:90%; margin: 0 auto; line-height: 32px; background: none repeat scroll 0% 0% rgb(236,236,236); border-radius: 5px; font-size: 14px;}

/* 专用：评论页 页头 */
.ind_pinglun .top_area{position: relative;  height: 48px; overflow: hidden; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; }
.ind_pinglun .top_area .bak_box{ float: left; width: 50px; border-right: 1px solid #c8c8c8; text-align: center;height:48px;}
.ind_pinglun .top_area .bak_box .bak{ display: inline-block; height: 48px; width: 20px; line-height: 40px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; background-position: 0px -55px;}
.ind_pinglun .top_area .center_box{padding: 0 50px;text-align: center;font: 18px/38px Arial,"微软雅黑";height:48px;line-height:48px;}
.ind_pinglun .top_area .nav_btn{width: 40px;height: 40px;display:block;background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; background-position: -25px -462px;}
.ind_pinglun .top_area .bak_Rbox{ position: absolute; top: 0; right: 0; width: 50px; height: 48px;  border-left: 1px solid #c8c8c8;}

/* 专用：提交成功浮层*/
.ind_floating{background-color:#4c4c4c; position: fixed;width: 90%;height: 90px;display: none;top: 30%;margin: 0 5%;}
.ind_floating .floating_p{ text-align:center; color:#FFF;position: relative;margin: 30px auto;width: 135px;}
.ind_floating .floating_p p{font: 16px/20px Arial,"微软雅黑";}

/* 专用：名栏 简介*/
.ind_minglan_brief{ padding: 5px 0 7px;}
.ind_minglan_brief p{ padding: 5px 8px 0; font-size: 15px; line-height: 22px;}
.ind_minglan_brief .show_all{ color: #114591;}

/**/
.more_btnbox {clear: both;overflow: hidden;}
.more_btnbox .more_btn_loading {clear: both;margin: 12px 6px 12px;text-align: center;}
.more_btnbox .loadingbtn {margin: 2px 0;display: inline-block;vertical-align: middle;height: 30px;width: 30px;overflow: hidden;text-indent: 999em;line-height: 30px;background: url(loading_40.png) 0 0 no-repeat;background-position: 0 100%;background-size: 30px auto;-webkit-animation-name: loading;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
@-webkit-keyframes loading { from { -webkit-transform: rotate(0deg) translateZ(0);} to {-webkit-transform: rotate(360deg) translateZ(0);}}
.more_btnbox .more_btn {clear: both;height: 32px;line-height: 32px;text-align: center;font-size: 14px;border: 1px solid #f9f9f9;margin: 0 6px 12px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: inset 0 1px 0 #fff;-webkit-box-shadow: inset 0 1px 0 #fff;}

/* 顶部公共样式：广告*/
.ind_ad_01{ position: relative; width: 100%; overflow: hidden; display: block;}
.ind_ad_01 img{ width: 100%; height: auto;display:none;}
.ind_ad_01 .close_area{ position: absolute;top: 0;bottom: 0;left: 90%;right: 0;margin: auto;height: 22px;width: 22px;}
.ind_ad_01 .close_btn{float: right; margin-right: 6px; height: 22px; width: 22px;  background: url(http://p1.img.cntv.cn/photoAlbum/templet/common/DEPA1431075391623871/diceng_icon.png) no-repeat 0 0; background-size: 60px auto; background-position: -6px -105px; }