/*公用样式*/
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;}
/* 公共样式：查看更多 */
.ind_detial_box{overflow:hidden; text-align: center; margin: 5px 0;}
.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: 15px;}


/* 以下是底层页专用样式*/
/* 底层页：页头 */
.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_content hr{display: none;}
.ind_content .title_area{ padding: 0 3% 8px; border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.ind_content .title_area h2{ padding: 15px 0 10px 0; font-size: 18px; line-height: 24px; font-weight: normal;}
.ind_content .title_area .info{ float: left; font-size: 14px; line-height: 20px; color: #999;}
.ind_content .title_area .font-size{ float: right; width: 48px; height: 20px; margin-top: 0px; text-align: center; font-size: 14px;  color:#114591; display: inline-block; border: 1px solid #c8c8c8; line-height:21px;}

.ind_content .player_area{ padding: 0 3%;}
.ind_content .player_area .player{}
.ind_content .player_area .player img,.ind_content .player_box .player video{ width: 100%;}

.ind_content .text_area{ padding: 5px 3%;font-size: 16px; line-height: 24px;}
.ind_content .text_area p{padding: 4px 0; font-size: 16px;}
.ind_content .text_area p img{ width:100%; height:auto;}

.ind_content .pagenation_area{padding: 5px 10px;}
.ind_content .pagenation_area ul{width: 100%; overflow: hidden;}
.ind_content .pagenation_area ul li{float:left;width: 22%;text-align: center; font-size: 16px; height: 26px; line-height: 26px; color: #5a5a5a;}
.ind_content .pagenation_area ul li a { font-size: 15px; color: #5a5a5a;}
.ind_content .pagenation_area ul li.item{ width: 22%; border: 1px solid #c8c8c8;}
.ind_content .pagenation_area ul li.item-all{ float:right; width: 26%; margin-left: 5%;border: 1px solid #c8c8c8;}
.ind_content .pagenation_area ul li.enable,.ind_content .pagenation_area ul li.enable a{ color: #b2b2b2;}
.ind_content .pagenation_area ul li.hide{ display: none;}
.ind_content .gray_box{ padding: 10px 15px; border: 1px solid #c8c8c8;}

.ind_titleTag_box{overflow: hidden;}
.ind_titleTag_box ul li{position:relative; float: left; padding: 0 3%; width: 96%; height: 34px; line-height: 34px; border-bottom: 1px solid #e8e8e9; border-bottom: 1px solid #e8e8e9;font-size: 16px;}
.ind_titleTag_box ul li:first-child{ border-top: 1px solid #e8e8e9;}
.ind_titleTag_box ul.first-child-no-top li:first-child{ border-top: 0px;}
.ind_titleTag_box ul.last-child-no-bottom li:last-child{ border-bottom: 0px;}
.ind_titleTag_box ul li a{ float: left; display: block; width: auto; max-width: 93%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#2e2e2e}
.ind_titleTag_box ul li a i{ display: inline-block; margin-right: 6px; height:17px; padding: 0 2px; font-size:15px; font-style: normal; line-height: 16px; color:#fff; background: #900303;}
.ind_titleTag_box ul li a em{ display: inline-block;}

.ind_titleTag_box ul li.phot::after{ background-position: -3px -135px;}
.ind_titleTag_box ul li.vide::after{ background-position: -3px -159px;}
.ind_titleTag_box ul li.phot::after,.ind_titleTag_box ul li.vide::after{ float:left; display: block; width: 22px; height:21px; margin-top: 9px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; content: '';}

.ind_titleTag_box ul li.xiazai a{ margin-left:38px;}
.ind_titleTag_box ul li.xiazai:before{ position: absolute; left: 4%; top:10px; width:20px; height:20px;background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; content: ''; background-position:-37px -135px;}
.ind_titleTag_box ul li.imgLi{ width: 45.5%; padding: 0;margin-left: 3%; height:auto; line-height:auto;}
.ind_titleTag_box ul li:last-child.imgLi{ margin-right: 3%;}
.ind_titleTag_box ul li.imgLi a { width: 100%; max-width: 100%; height: auto; line-height: auto;}
.ind_titleTag_box ul li.imgLi img{ width: 100%;}
.ind_titleTag_box ul li.imgLi h3{ display: block; position: absolute; left: 0; bottom: 0; height: 23px; line-height: 23px; width: 96%; padding: 0 2%; font-size: 15px; font-weight: normal; overflow: hidden; text-align: center; background: rgba(0,0,0,0.6); color:#fff; text-overflow: ellipsis; z-index: 1;}



/* 底层页公用模块：调查模块 */
.ind_diaocha .vote_area{ padding: 5px 10px;}
.ind_diaocha .vote_area .vote_box h2{ font-size: 16px; font-weight: normal;}
.ind_diaocha .vote_area .vote_box ul{ padding: 10px 0;}
.ind_diaocha .vote_area .vote_box li{ display:block;font-size: 16px; color: #656565; line-height: 26px; background: url(diceng_icon.png) no-repeat 0 0; background-size: 60px auto; background-position: -46px -202px; padding-left: 20px;}
.ind_diaocha .vote_area .vote_box li.cur{ background-position: -46px -182px;}
.ind_diaocha .vote_area .vote_box .sub_box{display: block; text-align: center;}
.ind_diaocha .vote_area .vote_box .sub_box .sub_btn{display: inline-block; width: 70px; height: 30px; border: 1px solid #C8C8C8; line-height: 30px;text-align: center; font-size: 15px;}
.ind_diaocha .gray_box{ padding: 10px 15px; border: 1px solid #c8c8c8;}

/* 底层页公用模块：标签模块 */
.ind_tag{ padding: 5px 10px; font-size: 15px;}
.ind_tag span{ background-color: #114591; color: #fff; line-height: 22px; padding: 0 2px; margin: 3px;}
.ind_tag a{display: inline-block; color: #114591; margin-left: 4px;line-height: 22px;}

/* 底层页公用模块：下一条模块 */
.ind_next{ padding: 5px 15px; font-size: 15px; color: #656565;}


/* 底层页公用模块：分享模块  */
.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;}

.ind_share .share_box .share li{width: 20%;}
.ind_share .share_box .share .weixin{width: 32px;height: 32px;display: block;background: url(weixin_friend.png) no-repeat 0 0;background-size: 30px auto;margin: 0 auto;}
.ind_share .share_box .share .weixin_timeline{width: 32px;height: 32px;display: block;background: url(weixin.png) no-repeat 0 0;background-size: 30px auto;margin: 0 auto;}


.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%;z-index: 999;}
.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,"微软雅黑";}


/**/
.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_vote_lineItem{ margin-top:5px;}
.ind_vote_lineItem .column_vote_text{ background-color:#f8f8f8; padding:2px 3% 0;}
.ind_vote_lineItem .column_vote_text h3{ font: 17px/40px Arial,"微软雅黑"; color:#2e2e2e;text-align: center;}
.ind_vote_lineItem .column_vote_text p{ font: 15px/20px Arial,"微软雅黑"; color:#757575; margin-bottom:8px;text-indent:2em;}
.ind_vote_lineItem .column_vote_text p a{color:#114591}
.ind_vote_lineItem .column_vote_result{ background-color:#f8f8f8; padding:10px 5%; border-top:1px solid #e5e5e5;}
.ind_vote_lineItem .column_vote_result ul {margin-top:5px;}
.ind_vote_lineItem .column_vote_result ul li{ color:#2e2e2e; font-size:14px;}
.ind_vote_lineItem .column_vote_result ul li .top{ width:100%;position:relative;}
.ind_vote_lineItem .column_vote_result ul li .bottom{ width:100%;}
.ind_vote_lineItem .column_vote_result ul li .top .title{ background-color:#114591; color:#FFF;text-align: center; font-size: 16px;line-height: 16px;float:left;}
.ind_vote_lineItem .column_vote_result ul li .top .sheet{color: #333;float:left;width:90%;}
.ind_vote_lineItem .column_vote_result ul li .top .sheet .sheet_i{ float:left;height: 7px;margin-right: 10px;margin-top: 4px;background-color:#fbb51f;}
.ind_vote_lineItem .column_vote_result ul li .top .sheet .sheet_text{ float:left;font: 12px/14px Arial,"微软雅黑";margin-top: 2px;}
.ind_vote_lineItem .column_vote_result ul li .bottom .title_0{color: #2e2e2e; font: 15px/15px Arial,"微软雅黑";line-height: 20px;padding: 7px 0px;}
.ind_vote_lineItem .column_vote_submit{text-align: center; margin-top: 5px;}
.ind_vote_lineItem .column_vote_submit input{-webkit-appearance:none; font: 15px/18px Arial,"微软雅黑";width: 100px;height: 40px;background-color: #f8f8f8;border: 1px solid #c8c8c8;color: #2e2e2e;border-radius: 6px;}