body {
	background-color: #f6f6f6!important; 
	overflow-x: hidden;
	margin-left: 0; 
	margin-right: 0;
	margin-bottom:0;
}
/* 共用样式 */
.clearfix { *zoom:1}
.clearfix:before, .clearfix:after { display:table; content:"" }
.clearfix:after { clear:both }
ul,li{padding:0; margin:0}
div.main { margin-left: 12px; margin-right: 12px; }

/* 常用字体颜色 */
a:link{color: #000; text-decoration:none;}
a:visited{color: #000; text-decoration:none;}

/*话题期刊数*/
#topic_issue { font-size: 15px; color: #258fb9; margin-top: 20px; margin-bottom: 0px; }

/*标题*/
.title {
  font-size:18px!important;
  font-weight:bold;
    color: #212121!important;
    margin-top: 5px;
    margin-bottom: 10px;
	text-indent:0px;
	text-align:center;
}
.title.has_topic_issue { margin-top: 10px; margin-bottom: 10px; }

.title_bar{position:relative; line-height:15px;}
.title_bar img{vertical-align:central}

/*来源*/
.src {
    color: #999999!important;
	font-size:12px!important;
	  font-weight:normal;
}

/*发布时间*/
#post_time {
	    color: #999999!important;
	font-size:12px!important;
	margin-left: 5px;
	  font-weight:normal;
}

/*文章类型图标*/
#type_flag { 
	width: 24px; height: 12px;
    margin-left: 5px; 
	margin-top: 2px;    
    /*Android2.1下，非绝对定位将导致分隔线显示不全，并在页面被长按时产生高亮*/
    /*position: relative; top: 1px;*/
    position: absolute;
}

/*投票文字*/
.type_vote{margin-right:-30px; margin-left:28px; font-size:12px; color:#999}

/*评论数*/
#comment_count { margin-left: 7px; }
#comment_count.has_type_flag { margin-left: 36px; }/*7+(5+24)包括类型图标*/
#comment_count img { width: 11px; height: 9px; margin-right: 3px; }

/*正文分隔线*/
#seperation { margin: 0 auto 10px;}
#seperation img { height: 2px; width: 100%; }

/*正文文字段落*/
.text, p, .image_desc{
 
    color: #212121;
    text-align:justify;
	text-justify:inter-ideograph;
    word-wrap: break-word;
	line-height:25px;
}

/*正文图片段落*/
.image {
    background-color: #f0f0f0; 
    background-image: url(../images/default_img_logo.png); 
    background-position: center; 
    background-repeat: no-repeat;
    background-size: 89px 62px; 
    -webkit-background-size: 89px 62px;
	line-height:0px;
	overflow:hidden;
	position:relative;
}
.image img { width: 100%;  }
.image_desc{ color:#999; text-indent:0; margin:10px 0 20px; text-align:center;}
.imageText {
    background-image: url(../images/offline_download_photo.png);
    background-position: center center; 	
    background-repeat: no-repeat;
    background-size: 145px 100px; 
    -webkit-background-size: 145px 100px;
	width:145px;
	height:100px;
	margin:0 auto;
	cursor:pointer;
	position:relative;
	border:2px solid #eaeaea;
}


/*正文视频段落*/
.video {  
    background-color: #f0f0f0; 
    background-image: url(../images/default_img_logo.png); 
    background-position: center; 
    background-repeat: no-repeat;
    background-size: 89px 62px; 
    -webkit-background-size: 89px 62px;
	line-height:0px;
	margin-bottom:7px;
	overflow:hidden;
	position:relative;
}
.mod_player {
	position: relative;
	display: block;
}
.mod_player img { 
	width: 100%;
}
.videoText {
    background-image: url(../images/offline_download_video.png); 
    background-position: center center; 	
    background-repeat: no-repeat;
    background-size: 145px 100px; 
    -webkit-background-size: 145px 100px;
	width:145px;
	height:100px;
	margin:0 auto 7px;
	cursor:pointer;
	position:relative;
	border:2px solid #eaeaea;
}


/*视频播放按钮*/
.mod_player span { position:absolute; left:50%; top:50%; display: none; }
.mod_player span.video_icon{
	position:absolute;
	left:auto;
	top:0px;
	right:0px;
	width:87px;
	height:37px;
	background-image:url(../images/web_video_icon.png);
	background-repeat:no-repeat;
	background-size: 87px 37px;
    -webkit-background-size: 87px 37px;
	overflow:hidden;
}
.mod_player a { position:absolute; left: -32px; top: -32px; padding:32px; }
.mod_player a:link { 
	background: url(../images/play_btn.png); 
	background-repeat: no-repeat; 
	background-size: 65px 65px;
	-webkit-background-size: 65px 65px;
}
.mod_player .highlighted:link { background-image: url(../images/play_btn_pressdown.png); }

/*直接倒计时*/
#countdown { position:absolute; top:70%; width: 100%; text-align: center; color: #6e6e6e; display: block; }
.videoText #countdown, .videoText span{
	display:none;
}

/*正文字体设置*/
.fontSize1 .title { font-size:21px; }
.fontSize1 .src   { font-size:12px; }
.fontSize1 p, .fontSize1 .summary { font-size:15px; line-height: 23px; }
.fontSize1 h2,.fontSize1 h3     { font-size:15px; line-height: 23px;}
.fontSize1 h1     { font-size:18px; line-height: 23px;}
.fontSize1 .image_desc{font-size:13px}


.fontSize2 .title { font-size:21px; }
.fontSize2 .src   { font-size:12px; }
.fontSize2 p, .fontSize2 .summary { font-size:17px; line-height: 25px; }
.fontSize2 h2,.fontSize1 h3      { font-size:17px; line-height: 25px;}
.fontSize2 h1     { font-size:20px; line-height: 25px;}
.fontSize2 .image_desc{ font-size:15px}

.fontSize3 .title { font-size:21px; }
.fontSize3 .src   { font-size:12px; }
.fontSize3 p, .fontSize3 .summary { font-size:19px; line-height: 27px; }
.fontSize3 h2,.fontSize1 h3      { font-size:19px; line-height: 27px;}
.fontSize3 h1     { font-size:22px; line-height: 27px;}
.fontSize3 .image_desc{font-size:17px}

.fontSize4 .title { font-size:21px; }
.fontSize4 .src   { font-size:12px; }
.fontSize4 p, .fontSize4 .summary{ font-size:21px; line-height: 29px; }
.fontSize4 h2,.fontSize1 h3      { font-size:21px; line-height: 29px;}
.fontSize4 h1     { font-size:24px; line-height: 29px;}
.fontSize4 .image_desc{ font-size:19px}

/*取消点击元素时产生的“蒙板式”阴影*/
#VoteContainer *, .video *, .image *{-webkit-tap-highlight-color: rgba(0,0,0,0);}


@media only screen and (-webkit-device-pixel-ratio:1.5) {
	/*#type_flag_icon { background-image: url(../images/flag_video_icon_h.png); }*/
}

@media only screen and (-webkit-device-pixel-ratio:2) {
	/*#type_flag_icon { background-image: url(../images/flag_video_icon_h.png); }*/
}

/*css渐显动画*/
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	/*50% {opacity: 0.5;}*/
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	/*50% {opacity: 0.5;}*/
    100% {opacity: 1;}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
			animation-name: fadeIn;
	
	-webkit-animation-duration: 0.24s;
	        animation-duration: 0.24s;
}


/**图文模式 **/
.hide{display:none}
.show{display:block}

/*导语*/
.summary {
	border:1px solid #d4d4d4;
	background:#efefef;
	padding:10px 12px;
    color: #333333;
    text-align:justify;
	color:#222;
	text-justify:inter-ideograph;
	margin-bottom:10px;
}

/** 编辑签名 **/
.editors{
	position:relative;
	height:64px;
	min-width:280px;
}
.eText{
	border-bottom:1px solid #d4d4d4;
	padding-bottom:10px;
	height:32px;
	line-height:54px;
	padding-left:31px;
	color:#818080;
}
.eText span{
	float:left;
}
.eText a {
	float:right;
	margin-right:85px;
	color:#818080;
	text-decoration:none;	
    background-image: url(../images/flag_mbolg_icon.png); 
    background-position: center right; 
    background-repeat: no-repeat;
	padding-right:30px;
}
.eText span.noIcon {
	float:right;
	margin-right:85px;
	color:#818080;
	text-decoration:none;	
	padding-right:30px;
}
.eIcon{
	position:absolute;
	right:25px;
	top:2px;
	padding:1px;
	border:1px solid #bdbdbd;
	height:60px;
	overflow:hidden;
}

/** 相关新闻 **/
.relatedNews{
}
.rTitle{
	border-bottom: 1px solid #e2e2e2;	
    background-image: url(../images/aboutnews_icon.png); 
    background-position: 3px 7px; 
    background-repeat: no-repeat;
	padding: 7px 0 7px 24px;
	background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
}
ul.list li {list-style:none; border-bottom: 1px solid #e2e2e2!important;}
ul.list li a {display:block; padding:7px 2px 5px; -webkit-tap-highlight-color: rgba(0,0,0,0)!important;}
ul.list li a:link{color: #222!important;}
ul.list li a.visited{color: #777!important;}
ul.list li a:active {background-color: #e7e7e7!important;}
ul.list li a.heightLight{ background:#e7e7e7; color: #222!important; }
ul.list li img {
  float:right;
  max-width:75px;
  margin-left:10px;
  margin-top:5px;
}
.fontSize1 ul.list li a {
	line-height:23px; font-size:15px;
}
.fontSize2 ul.list li a {
	line-height:25px; font-size:17px;
}
.fontSize3 ul.list li a {
	line-height:27px; font-size:19px;
}
.fontSize4 ul.list li a {
	line-height:29px; font-size:21px;
}
ul.list li a span{
	color:#424141;
	font-size:12px;
	  font-weight:normal;
}

/** loading动画 **/
.bar1 {
  -webkit-transform:rotate(0deg) translate(0, -40px);opacity:0.05;
}
.bar2 {
  -webkit-transform:rotate(45deg) translate(0, -40px);opacity:0.1;
}
.bar3 {
  -webkit-transform:rotate(90deg) translate(0, -40px);opacity:0.2;
}
.bar4 {
  -webkit-transform:rotate(135deg) translate(0, -40px);opacity:0.3;
}
.bar5 {
  -webkit-transform:rotate(180deg) translate(0, -40px);opacity:0.45;
}
.bar6 {
  -webkit-transform:rotate(225deg) translate(0, -40px);opacity:0.5;
}
.bar7 {
  -webkit-transform:rotate(270deg) translate(0, -40px);opacity:0.55;
}
.bar8 {
  -webkit-transform:rotate(315deg) translate(0, -40px);opacity:0.6;
}
.loading {
  position:absolute;
  width:100px;
  height:100px;
  left:50%;
  top:50%;
  margin-left:-50px;
  margin-top:-50px;
  -webkit-border-radius:100px;
  -webkit-transform:scale(0.3);
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}
.loading div {
  width:20px;
  height:20px;
  background:#000;
  -moz-border-radius:40px;
  -webkit-border-radius:40px;
  position:absolute;
  left:40px;
  top:40px;
}
@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(0.3) rotate(0deg);}
  to {-webkit-transform:scale(0.3) rotate(360deg);}
}


.voteText {
    background-image: url(../images/offline_download_vote.png);
    background-position: center center; 	
    background-repeat: no-repeat;
    background-size: 145px 100px; 
    -webkit-background-size: 145px 100px;
	width:145px;
	height:100px;
	margin:0 auto 20px;
	cursor:pointer;
	position:relative;
	border:2px solid #eaeaea;
}

.loadingText {
	background-color: #f0f0f0; 	
	background-image:none;
}
.downloadFailure {
	background-color: #f0f0f0; 
	background-image: url(../images/offline_download_failure.png);
	cursor:pointer; 
    background-size: 145px 100px; 
    -webkit-background-size: 145px 100px;
    background-position: center center; 	
    background-repeat: no-repeat;
}

div.origUrl{
	margin:10px 0;
	text-align:left;
	text-indent:0;
}
div.origUrl a:link, div.origUrl a:visited {
	color:#2e65a8;
}







