@charset "utf-8";
/*RESET v3*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, img, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, li {
	list-style: none;
}
i, em {
	font-style: normal;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	outline: none;
	text-decoration: none;
}
strong, b{
	font-weight: bold;
}
.clear {
	clear: both;
}
html{
	background-color: transparent;
}
body {
	background-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body[data-font="small"]{
	font-size: 15px !important;
}
body[data-font="middle"]{
	font-size: 18px !important;
}
body[data-font="big"]{
	font-size: 22px !important;
}
body[data-font="huge"]{
	font-size: 24px !important;
}
body[data-font="small"] .header h1{
	font-size: 16px !important;
}
body[data-font="middle"] .header h1{
	font-size: 19px !important;
}
body[data-font="big"] .header h1{
	font-size: 23px !important;
}
body[data-font="huge"] .header h1{
	font-size: 25px !important;
}
header.header{
	padding: 20px 15px 18px;
}
.header h1{
	color: #505050;
	font-weight: bold;
	line-height: 1.2;
}
body[data-mode="night"] .header h1,.night .header h1{
	color: #808080;
}
body .header aside{
	color: #929292;
	margin-top: 10px;
	font-size: 12px !important;
}
body[data-mode="night"] .header aside,.night .header aside{
	color: #808080;
}
.header section{
	margin-top: 18px;
	height: 60px !important;
	border: 1px solid #dcdcdc;
	position: relative;
	background: #fff !important;
	border-radius: 4px;
	overflow: hidden;
}
body[data-mode="night"] .header section,.night .header section{
	border: 1px solid #333;
	background: #333 !important;
}
.header .avatar{
	width: 40px;
	height: 40px;
	padding: 10px;
	float: left;
	position: relative;
}
.header .avatar img{
	width: 100%;
	height: 100%;
}
body[data-mode="night"] .header .avatar:after,.night .header .avatar:after{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: rgba(0,0,0,0.4);
}
.header .follow{
	width: 50px;
	height: 26px;
	/*float: right;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 17px;
	right: 10px;
}
.header .tofollow{
	background-image: url('images/add.png');
}
body[data-mode="night"] .header .tofollow,.night .header .tofollow{
	background-image: url('images/add_night.png');
}
.header .following{
	background-image: url('images/cancel.png');
}
body[data-mode="night"] .header .following,.night .header .following{
	background-image: url('images/cancel_night.png');
}
.header .info{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 60px;
	right: 70px;
	overflow: hidden;
}
body .header .info_name{
	color: #222;
	margin-top: 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 16px !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body[data-mode="night"] .header .info_name,.night .header .info_name{
	color: #808080;
}
body .header .info_desc{
	color: #929292;
	margin-top: 9px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size: 12px !important;
}
body[data-mode="night"] .header .info_desc,.night .header .info_desc{
	color: #808080;
}
.main{
	padding: 0 15px;
	color: #505050 !important;
	line-height: 1.5;
}
body[data-device="ios"] .main{
	text-align: justify;
}
body[data-mode="night"] .main,.night .main{
	color: #808080 !important;
}
img.image{
	display: block;
	max-width: 100%;
	background-color: #f0f0f0;
	background-image: url('images/bg.png');
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	/*-webkit-transition: width 300ms ease-in-out, height 300ms linear;
	transition: width 300ms ease-in-out, height 300ms linear;*/
}
img.image.no{
	background-image: url('images/2g.png');
}
img.image.small,img.image.big,img.image.ori{
	background-color: none !important;
	background-image: none !important;
}
/*img.image.ori{
	width: auto !important;
	height: auto !important;
}*/
/*img.image:first-child{
	margin-top: 0 !important;
}*/
/*
img.image.big{
	width: 100% !important;
	height: auto !important;
}
*/
.coverImg{
	display: block;
	/*margin: 18px auto;*/
	margin: 0 auto;
	position: relative;
}
.coverImg:first-child{
	margin-top: 0 !important;
}
.coverImg.bigger{
	width: 100% !important;
	/*height: auto !important;*/
}
.coverImg.bigger img.image.big{
	width: 100% !important;
	height: auto !important;
}
body[data-mode="night"] .coverImg:after,.night .coverImg:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.4);
}
/*通用*/
table{
	width: 100% !important;
	max-width: 100% !important;
}
section{
	background: transparent !important;
	height: auto !important;
}
.loading{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.loading:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url('images/loading.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px 50px;
	z-index: 9999;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-name: loading;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}
@-webkit-keyframes loading { 
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes loading { 
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*微信原样式*/
.rich_media_thumb{
	margin-bottom: 18px;
}
/*.rich_media_content{
	margin-top: 18px;
}*/