/*
全局
图标
布局
通用
WEIUI
模块
话题
门户模块
*/

/* --------------------全局-------------------- */
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	font-weight:300;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-size:16px;
	line-height: 1.6;
	width: 100%;
	font-family: -apple-system-font,'Helvetica Neue',sans-serif;
	color: #000;
}
a img {
	border: 0;
}

a {
	color: #000;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.b,strong{ font-weight:700;}

li {
	list-style: none;
}

.yuan{
	height:40px;
	display:block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.vl{ vertical-align:middle}
.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cl {
	zoom: 1;
}


.weui-cell.upload .weui-cell__hd span{
	display:inline-block;
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	margin-right:10px;
	color:#ccc;
	font-size:24px;
	
}
.weui-cell.upload .weui-cell__hd img{
	display:block;
	width:24px;
	height:24px;
	margin-right:10px;	
}

.viewpic,.uploadcover,.upload{
	cursor:pointer;
}
.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.flex {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.block {
	display: block;
}

.smsimg{ display:block; width:100%;}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
}

.share-wq {
	padding: 10px 0 0 0;
}

.share-wq img {
	width: 80%;
	position: fixed;
	z-index: 1010;
	top: 10px;
	right: 0px;
}

.share-bro {
}

.share-bro img {
	width: 100%;
	position: fixed;
	z-index: 1010;
	bottom: 10px;
	left: 0px;
}

.share-items {
	padding: 15px 0 0 0
}

.share-items li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 0.875rem;
	padding-bottom: 10px;
}

.share-items li img {
	width: 50px;
	display: inline-block;
	margin-bottom: 5px;
}

.topuser .avatar {
	width: 32px;
	vertical-align: middle;
	margin: 9px 0 0 9px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.abstract{ font-style:oblique}

/* --------------------图标-------------------- */
@font-face {
	font-family: 'smsfont';
  src: url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.eot');
  src: url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.woff') format('woff'),
  url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_345860_mm1e4xkg01n.svg#iconfont') format('svg');
}

.icon {
	display: inline-block;
	vertical-align: middle;
	font: normal normal normal 14px/1 "smsfont";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.icon:before {
	display: inline-block;
}

.icon-topic-1:before {
	content: "\e68b";
}
.icon-topic-2:before {
	content: "\e628";
}
.icon-topic-3:before {
	content: "\e638";
}
.icon-weixin:before {
	content: "\e62b";
}
.icon-bind:before {
	content: "\e63e";
}
.icon-wanshan:before {
	content: "\e6c0";
}
.icon-xitong:before {
	content: "\e648";
}
.icon-select:before {
	content: "\e692";
}
.icon-tel:before {
	content: "\e632";
}
.icon-mark:before {
	content: "\e685";
}
.icon-qt:before {
	content: "\e63a";
}

.icon-qtl:before {
	content: "\e63d";
}

.icon-qrcode:before {
	content: "\e62f";
}

.icon-top:before {
	content: "\e62d";
}

.icon-down:before {
	content: "\e6dd";
}

.icon-refresh:before {
	content: "\e66a";
}

.icon-back:before {
	content: "\e675";
}

.icon-newmsg:before {
	content: "\e6c3";
}

.icon-newnotice:before {
	content: "\e616";
}

.icon-newfriend:before {
	content: "\e618";
}

.icon-forward:before {
	content: "\e6a1";
}

.icon-close:before {
	content: "\e6a0";
}

.icon-home:before {
	content: "\e620";
}

.c1 .icon-home:before {
	content: "\e61e";
}

.icon-video:before {
	content: "\e600";
}

.c1 .icon-video:before {
	content: "\e64d";
}

.icon-find:before {
	content: "\e644";
}

.c1 .icon-find:before {
	content: "\e602";
}

.icon-my:before {
	content: "\e603";
}

.c1 .icon-my:before {
	content: "\e604";
}

.icon-forum:before {
	content: "\e611";
}

.c1 .icon-forum:before {
	content: "\e61f";
}

.icon-group:before {
	content: "\e658";
}

.c1 .icon-group:before {
	content: "\e68c";
}

.icon-talk:before {
	content: "\e635";
}

.c1 .icon-talk:before {
	content: "\e61b";
}

.icon-friend:before {
	content: "\e698";
}

.c1 .icon-friend:before {
	content: "\e6ae";
}

.icon-circle:before {
	content: "\e619";
}

.c1 .icon-circle:before {
	content: "\e6f9";
}

.icon-login:before {
	content: "\e601";
}

.icon-openside:before {
	content: "\e6d1";
}

.icon-more:before {
	content: "\e605";
}

.icon-set:before {
	content: "\e64e";
}

.icon-out:before {
	content: "\e779";
}

.icon-message:before {
	content: "\e678";
}

.icon-friend:before {
	content: "\e629";
}

.icon-money:before {
	content: "\e606";
}

.icon-reg:before {
	content: "\e63b";
}

.icon-search:before {
	content: "\e637";
}

.icon-yes:before {
	content: "\e607";
}

.icon-no:before {
	content: "\e631";
}

.icon-weixinpay:before {
	content: "\e608";
	font-size: 24px;
	color: #27aa12;
}
.icon-alipay:before {
	content: "\e69e";
	font-size: 24px;
	color: #019fe8;
}

.icon-bank:before {
	content: "\e60b";
	font-size: 24px;
	color: #F60;
}

.icon-recording:before {
	content: "\e69f";
}

.icon-smile:before {
	content: "\e60e";
}

.icon-add:before {
	content: "\e68a";
}

.icon-user:before {
	content: "\e66e";
}

.icon-voice:before {
	content: "\e61a";
}

.icon-play:before {
	content: "\e626";
}

.icon-pic:before {
	content: "\e609";
}
.icon-voive:before {
	content: "\e938";
}
.icon-red:before {
	content: "\e60c";
}

.icon-card:before {
	content: "\e6b4";
}

.icon-chosen:before {
	content: "\e622";
}

.icon-checked:before {
	content: "\e622";
}

.icon-hongbao:before {
	content: "\e60a";
}
.icon-write:before {
	content: "\e665";
}

.icon-praise:before {
	content: "\e625";
}

.c1.icon-praise:before {
	content: "\e60d";
}

.icon-collection:before {
	content: "\e610";
}

.c1.icon-collection:before,.a.icon-collection:before {
	content: "\e60f";
}

.icon-shar:before {
	content: "\e654";
}

.icon-weixinpay,.icon-alipay,.icon-bank {
	vertical-align: baseline；
}

.icon-collapsed-yes:before {
	content: "\e66f";
}

.icon-collapsed-no:before {
	content: "\e613";
}

.icon-expanding:before {
	content: "\e63c";
}

.icon-collapsing:before {
	content: "\e612";
}

.icon-lbs:before {
	content: "\e971";
	padding-right: 5px;
}

.icon-view:before {
	content: "\e62c";
}


.icon-male {
	background: #00b0f0
}

.icon-male:before {
	padding-right: 5px;
	content: "\e614";
}

.icon-female {
	background: #FF82AB
}

.icon-female:before {
	padding-right: 5px;
	content: "\e621";
}

.icon-notice-notice:before{
	content: "\e616";
}
.icon-notice-gratuity {
	background: #f60 !important
}

.icon-notice-gratuity:before {
	content: "\e6af";
}

.icon-notice-reply {
	background: #090 !important
}

.icon-notice-reply:before {
	content: "\e61c";
}

.icon-notice-praise {
	background: #C30 !important
}

.icon-notice-praise:before {
	content: "\e660";
}

.icon-notice-topic {
	background: #06C !important
}

.icon-notice-topic:before {
	content: "\e713";
}

.icon-showheader:before {
	content: "\e61d";
}

.icon-love:before {
	content: "\e623";
}

.icon-upload:before {
	content: "\e646";
}

.icon-tag:before {
	content: "\e6a4";
}

.icon-rmb:before {
	content: "\e634";
}
.icon-credit:before {
	content: "\e655";

}
.icon-sp1:before {
	content: "\e694";
	background:#00b0f0;
}
.icon-sp2:before {
	content: "\e627";
	background:#ed4f4c;
}
.icon-sp3:before {
	content: "\e6af";
	background:#f60;
}
.icon-sp4:before {
	content: "\e670";
	background:#81c430;
}
.icon-sp5:before {
	content: "\e672";
	background:#1b507a;
}
.icon-poll:before {
	content: "\e694";
}
/* --------------------布局-------------------- */
#main {
	height: inherit
}

.smsbody {
	padding: 50px 0 53px 0;
}

.currentbody {
	display: block;
}

.body_0 {
	padding: 0;
}

.body_b {
	padding: 0 0 50px 0;
}

.body_t {
	padding: 50px 0 0 0;
}

.noheader .header {
	display: none
}

.noheader .topic_banner {
	padding-top:40px;
}
.noheader .topic_banner:after{
	height:148px;
}

.noheader .smsbody {
	padding-top: 0px;
}

.nofooter .mainfooter {
	display: none
}

.nofooter .smsbody {
	padding-bottom: 0px;
}

.nohf .header {
	display: none
}

.nohf .smsbody {
	padding: 0px;
}

.nohf .mainfooter {
	display: none
}



/*页内弹出层*/
.layer {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 910;
	left: 0px;
	top: 0px;
}

.layer_header {
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.layer_header span {
	padding-right: 50px;
}

.layer_header_abs {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 920;
	width: 100%;
}

.layer_header .icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 18px;
}

.layerbox {
	display: none;
}
/*滚动区域*/
.scrolly {
	overflow: hidden;
}

.scrolly_area {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	padding-right: 10px;
}

.scrollx {
	overflow: hidden;
}

.scrollx_area {
	padding-bottom: 10px;
	position: relative;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.scrollx_area .c {
	position: absolute;
	left: 0;
	white-space: nowrap;
}

/*左右布局*/   
.list_pannel {
}

.list_pannel .left {
	height: 100%;
	width: 100px;
	vertical-align: top;
}

.list_pannel .left .scrolly_area {
	width: 100px;
	height: 100%;
}

.list_pannel .left li {
	height: 50px;
	line-height: 50px;
	overflow:hidden;
}

.list_pannel .left li a {
	display: block;
	height:50px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

.list_pannel .left li span {
	width: 5px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px 0 0;
}

.list_pannel .right {
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	overflow-x: hidden;
	vertical-align: top;
}



/*头部*/
.header {
	width: 100%;
	height: 50px;
	position: fixed;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 900;
	text-align: center;
}

.header .icon {
	float: left;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
}

.header-l {
}

.header-m {
	line-height: 50px;
	font-size: 1.125rem;
}

.header-r {
}

.header-r .weui-btn {
	border: 1px solid #fff;
	margin: 11px 10px 0 0;
	font-size: 0.8125rem;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
}
/*底部*/
.footer {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 900;
}

/*搜索*/
.topsearch{ position:absolute; left:0px; top:0px; width:100%; z-index:100}
.topsearch a{
	margin:10px 20px;
	display:block;
	color:#fff;
	height: 30px;
	line-height: 30px;
	background: rgba(0,0,0,0.2);
	filter: alpha(opacity=20);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-indent: 10px;
	font-size: 0.9375rem;
}
.topsearch a:before{
	font-family:"smsfont";
	font-size:1.125rem;
	padding-right:10px;
	content: "\e637";
}

/*关闭*/
.closepage {
	position: fixed;
	width: 100%;
	height: 50px;
	line-height: 50px;
	left: 0px;
	bottom: 0px;
	z-index: 900;
	text-align: center;
	font-size: 1.5rem;
}
/*底部导航*/
.tabbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	height: 53px;
}

.tabbar a {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 5px 0 0;
	font-size: 0;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position:relative;
}

.tabbar span {
	display: inline-block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	font-size: 22px;
	position:relative;
}

.tabbar a p {
	font-size: 0.625rem;
	line-height: 1.4;
}
.tabbar a em.weui-badge{ position:absolute; right:0px; top:0px; font-style:normal}

.tabbar span.quickfind,.tabbar span.quickadd { 
	width:60px;
	height:60px;
	position:absolute;
	bottom:5px;
	z-index:990;
	left:calc(50% - 30px);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
}
.tabbar span.quickadd:before{
	content:"\e628";
	font-size:46px;
	padding-top:15px;
}
.tabbar span.quickfind:before{
	content:"\e671";
	font-size:46px;
	padding-top:15px;
}

.tabbar span.quickfind + p,.tabbar span.quickadd + p{ display:none}
/*聊天底部导航*/
.send {
	padding: 8px 0;
}

.send .message a {
	height: 35px;
	line-height: 35px;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 10px;
	font-size: 0.75rem;
}

.send .btn {
	width: 37px;
	padding: 0 8px;
	position: relative;
}

.send .btn a {
	display: block;
	height: 37px;
	line-height: 37px;
	text-align: center;
	font-size: 24px;
}

.send .btn .weui-badge {
	position: absolute;
	right: 0px;
	top: 0px;
}

.send .btn + .btn {
	padding-left: 0px;
}
/*底部导航更多*/
.moreadd {
	text-align: center;
	font-size: 0.875rem;
	padding: 5px 10px 10px 10px;
}

.moreadd .icon {
	display: inline-block;
	font-size: 24px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin-bottom: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/*底部按钮*/
.footer_btn {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

/**/
.headernv{ text-align:center; padding:10px 0; height:30px; font-size:0.875rem; line-height:28px;}
.headernv li{ display:inline-block;}
.headernv li a{ display:block;padding:0 10px;}
.headernv li.a a{ border-bottom:2px solid #fff;}

/*侧边导航*/
#sidenv {
	position: fixed;
	z-index: 1010;
	width: 280px;
	height: 100%;
	top: 0px;
	right: 0px;
	overflow: hidden;
}

#sidenv:before {
	z-index: 1015;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	background: url(sidenv.jpg) no-repeat 50% 0;
	background-size: cover;
	content: "";
}

.sidenv-content {
	z-index: 1020;
	position: absolute;
	width: 100%;
	height: 100%;
}

.side-user {
	text-align: center;
	padding: 30px 0 20px 0;
	height: 116px;
	overflow: hidden;
}

.side-user img {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 80px;
	display: inline-block;
}

.side-nv {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;
	background: rgba(0,0,0,0.4);
}

.side-nv li {
	padding: 0 20px;
}

.side-nv li:first-child {
	margin-top: 10px;
}

.side-nv li:last-child {
	margin-bottom: 10px;
}

.side-nv li a {
	display: block;
	line-height: 45px;
	height: 45px;
}
.side-nv li a:before{
	padding-right: 10px;
}
.side-btn a:before {
	font: normal normal normal 24px/1 "smsfont";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	padding-right: 10px;
}

.side-nv li.a {
	background: rgba(255,255,255,0.2);
	margin: 0px;
}

.side-btn {
	height: 52px;
	line-height: 52px;
}

.side-btn a {
	padding: 0 0 0 20px;
}
/* --------------------通用-------------------- */
/*顶部广告*/
.topad{
	position:fixed;
	z-index:901;
	left:0px;
	top:0px;
	padding:10px 0;
	height:40px;
	line-height:40px;
	width:100%;
	background: rgba(0, 0, 0, 0.8);
}
.topad a{
	padding-left:10px;
}
.topad img{
	height:40px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.topad em{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.5rem
}

.wechat_user{ text-align:center; padding:40px 0 10px 0}
.wechat_user img{ display:inline-block; width:80px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.wechat_user h3{ font-weight:bold}

/*热门搜索*/
.hotkey a{ display:inline-block; padding:5px 10px; margin-right:10px; margin-bottom:10px}

/*弹出窗口*/
.page-window {
  position: fixed;
  z-index: 5000;
  width: 80%;
  max-width: 300px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 5px;
}
.window-title{ height:50px; line-height:50px; padding-left:15px;	-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
	
	
.page-window .weui-cells{ margin-top:0px;}
.page-window .weui-cells:before{ border-top:0px}
.window-btn button{ background:#2196f3; border:0px; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:18px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}



/*波浪*/
.water {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 30px;
	width: 100%;
	z-index: 1;
}

.water_1 {
	background: url(water-1.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-1 3.5s infinite linear;
	animation: wave-animation-1 3.5s infinite linear;
}

.water_2 {
	top: 5px;
	background: url(water-2.svg) repeat-x;
	background-size: 600px;
	-webkit-animation: wave-animation-2 6s infinite linear;
	animation: wave-animation-2 6s infinite linear;
}

.water_1, .water_2 {
	position: absolute;
	width: 100%;
	height: 30px;
}

@keyframes wave-animation-1 {
	0% {
			background-position: 0 top
	}

	100% {
			background-position: 600px top
	}
}

@keyframes wave-animation-2 {
	0% {
			background-position: 0 top
	}

	100% {
			background-position: 600px top
	}
}
/*页面切换中*/
#loadpage {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
}
/*提示层*/
@keyframes loadingpage_1 {
	0% {
			background: #666;
	}

	33% {
			background: #ddd
	}

	66% {
			background: #ddd
	}

	100% {
			background: #ddd
	}
}

@keyframes loadingpage_2 {
	0% {
			background: #ddd;
	}

	33% {
			background: #666
	}

	66% {
			background: #ddd
	}

	100% {
			background: #ddd
	}
}

@keyframes loadingpage_3 {
	0% {
			background: #ddd;
	}

	33% {
			background: #ddd
	}

	66% {
			background: #666
	}

	100% {
			background: #ddd
	}
}

.loadingpage {
	text-align: center;
	padding: 80px 0 0 0;
}

.loadingpage span {
	width: 10px;
	height: 10px;
	display: inline-block;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: 0 3px;
}

.loadingpage span.l1 {
	-webkit-animation: loadingpage_1 1s infinite linear;
	animation: loadingpage_1 1s infinite linear;
}

.loadingpage span.l2 {
	-webkit-animation: loadingpage_2 1s infinite linear;
	animation: loadingpage_2 1s infinite linear;
}

.loadingpage span.l3 {
	-webkit-animation: loadingpage_3 1s infinite linear;
	animation: loadingpage_3 1s infinite linear;
}

#droploadpage {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
}
#droploadpage .loadingpage{ padding-top:80px;}
.dropload-up{ text-align:center; font-size:0.9375rem; position:relative}
.dropload-update,.dropload-refresh { padding:15px 0; position:absolute; left:0px; bottom:0px; width:100%;}


#mask,.mask {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	position: fixed;
	background: rgba(0, 0, 0, 0.6);
}

#loading {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
	position: fixed;
	background: rgba(255, 255, 255, 0.8);
}

#footer_ad{ position:fixed; left:0px; bottom:0px; width:100%; z-index:9999;background: rgba(0, 0, 0, 0.8); color:#fff}
#footer_ad img{ width:48px; height:48px; float:left; margin-right:10px; display:block;	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#footer_ad h3{ height:20px; line-height:20px; overflow:hidden; padding-top:4px;}
#footer_ad p{ height:20px; line-height:20px; padding-bottom:4px;overflow:hidden;}
#footer_ad div.p10{ position:relative}
#footer_ad div.p10 span{ position:absolute; right:12px; font-size:24px; top:22px;}

#header_ad{ position:fixed; left:0px; top:0px; width:100%; z-index:9999;background: rgba(255, 255, 255, 0.9);}
#header_ad .content{ padding:10px;}
#header_ad .content img{ width:48px; height:48px; display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; margin-right:10px;}
#header_ad .content h3{ font-size:17px; font-weight:bold; height:20px; line-height:20px; overflow:hidden; padding-top:4px;}
#header_ad .content p{ font-size:13px; color:#666;height:20px; line-height:20px; padding-bottom:4px;overflow:hidden;}
#header_ad .content span{ position:absolute; right:12px; font-size:24px; top:22px;}
#header_ad .content a{ margin-right:40px; height:24px; line-height:24px; padding:0 10px; margin-top:12px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;}

.app_content{ position:relative; max-height:480px; overflow:hidden}
.app_down{ text-align:center; position:absolute; bottom:0px; width:100%; left:0px; z-index:200}
.app_down h3{ height:60px;background: linear-gradient(0deg, #fff, rgba(255,255,255,0)); line-height:80px; overflow:hidden}
.app_down h3 a{ display:block; }
.app_down h3 a span{ font-size:30px}
.app_down p{ padding:10px 0 20px 0;}
.app_down p a{ display:inline-block; height:36px; line-height:36px; width:80%; text-align:center;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;}
.app_post { padding:20px 0}
.app_post a{ display:inline-block; height:36px; line-height:36px; width:80%; text-align:center;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;}
/**/
.audio a{ display:inline-block; height:40px; line-height:40px; padding:0 15px; background:#339933; color:#fff; -moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; font-size:14px; cursor:pointer;}
.audio a div.voicestate{ display:inline-block; padding-right:5px;}
.audio a span.icon{ font-size:20px; display:inline-block; width:24px; }
.audio audio{ visibility:hidden}

@keyframes voicestate_1 {
	0% {
			opacity: 1;
	}
	50% {
			opacity: 0;
	}
	100% {
			opacity: 0;
	}
}

@keyframes voicestate_2 {
	0% {
			opacity: 0;
	}
	50% {
			opacity: 1;
	}
	100% {
			opacity: 0;
	}
}
@keyframes voicestate_3 {
	0% {
			opacity: 0;
	}
	50% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}
}

.audio-circle{ width:24px; height:18px; display:inline-block}
.audio-circle span{ display:inline-block; background:#fff; margin:0px 2px; overflow:hidden;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; vertical-align:middle}
.audio-circle .first{ width:4px; height:6px; -webkit-animation: voicestate_1 1s infinite linear; animation: voicestate_1 1s infinite linear;}
.audio-circle .second{ width:4px; height:12px; -webkit-animation: voicestate_2 1s infinite linear; animation: voicestate_2 1s infinite linear;}
.audio-circle .third{ width:4px; height:18px; -webkit-animation: voicestate_3 1s infinite linear; animation: voicestate_3 1s infinite linear;}

	
.voicebox{ width:60%; text-align:center; padding:20px 0;}
.voicebox h3 a{ display:inline-block; text-align:center; width:80px; height:80px;line-height:80px;}
.voicebox h3 a.icon:before{ display:inline-block; font-size:60px; text-align:center; color:#fff;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;width:80px; height:80px;}
.voicebox h3 a.icon-voice-star:before{ content:"\e62e"; background:#F36; }
.voicebox p{ padding-top:15px;}

.voicebox h3 a.audio-circle{ background:#090; -moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px; }
.voicebox h3 a.audio-circle .first{ width:5px; height:10px;}
.voicebox h3 a.audio-circle .second{ width:5px; height:20px;}
.voicebox h3 a.audio-circle .third{ width:5px; height:30px;}

.audiostyle{ width:82px !important; height:30px; display:block;}

/*警告*/
.alert {
	padding-top: 50px;
	text-align: center;
	padding-bottom: 20px;
	font-size: 0.875rem;
}
/*通栏提示*/
.notice {
	display: block;
	text-align: center;
	height: 40px;
	line-height: 40px;
	background: #fffddd;
	color: #ff6600;
	margin: 10px 0 0 0;
}
/*TIT*/
.title{ padding:10px 0}
.title em{ display:inline-block; height:14px; width:100px;}
.title span{ padding:0 15px; height:30px; line-height:30px; font-weight:700;}

/*浮动按钮*/
#rightpannel {
	position: fixed;
	right: 15px;
	bottom: 59px;
	z-index:900;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
}
.newmsg,.mainpannel {
	width: 42px;
	height: 42px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display:block;
	margin-bottom:10px;
	position:relative
}
.mainpannel:before {
	line-height: 42px;
	text-align: center;
	display: block;
	font-size: 1.25rem;
}
.newmsg:before {
	line-height: 42px;
	text-align: center;
	display: block;
	font-size: 1.5rem;
}

.newmsg span {
	position: absolute;
	top: -.4em;
	right: 0;
}

#leftpannel{ position:fixed; left:15px; bottom:59px; z-index:900}
#leftpannel .mainpannel,.icon-refresh.mainpannel {
	background: rgba(255, 255, 255, 0.8);
	color: #000;
	border: 1px solid rgba(0, 0, 0, 0.1);
}


/*顶部导航*/
.topnv{
	height: 45px;
	line-height: 45px;
	text-align:center;
}
.topnv li{ text-align:center; display:inline-block}


/*切换效果导航*/
.swipernv {
	width: 100%;
	height: 45px;
	left: 0px;
	top: 0px;
	z-index: 900;
}

.swipernv ul {
	position: relative;
}
.swipernv li a {
	display: block;
	height:45px;
	line-height:45px;
}

.swipernv li.o_c2 span {
	border-bottom: 2px solid;
	display: inline-block;
	height: 43px;
	line-height: 43px;
}

.swipernv-on {
	display: block;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.wechat_reg{
	height: 65px;
	line-height: 45px;
	text-align:center;
}
.wechat_reg ul{ padding:10px 0}
.wechat_reg li{ text-align:center; display:inline-block}

/*切换BOX*/
.box-area {
	padding-bottom: 20px;
}
/*一对单选*/
.flexradio label {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.flexradio label input:checked + span:before {
	content: "\e6a8";
	display: inline-block;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 24px;
}
/*一对按钮*/
.flexbtn button {
	margin-right: 10px;
}

.flexbtn a.weui-btn {
	margin-left: 10px;
	margin-top: 0px;
}
/*表情列表*/
.smiles {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;
	height: 148px;
}

.smiles ul {
	padding: 10px 0 0 10px;
}

.smiles li {
	float: left;
	padding: 0 10px 10px 0;
}

.smiles li img {
	width: 36px;
	display: block;
}
/*表情显示*/
.smile,.vm {
	width: 24px !important;
	display: inline-block !important;
	margin: 0 2px;
	vertical-align: middle;
}

/*盒子*/
.box {
}

.box_title {
	padding: 8px 15px;
	font-size:1.0625rem;
}

.box_title span {
	font-size: 1.0625rem;
	line-height: 30px;
	font-weight:700;
}

.box_title span em {
	margin-right: 10px;
	width: 5px;
	display: inline-block;
	height: 12px;
}

.box_title .icon {
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	text-align: center
}

.box_title .weui-btn_plain-primary {
	line-height: 28px;
	height: 28px
}

.box_title .weui-n_mini {
	padding: 0 1em
}

/*幻灯*/
.swiper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.swiper .swiper-slide img {
	width: 100%;
	display: block;
}

.swiper .swiper-pagination {
	position: absolute;
}

.viewpic_swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.viewpic_swiper .swiper-wrapper {
	height: 100%;
}

.viewpic_swiper .swiper-slide {
	height: 100%;
}

.viewpic_swiper .swiper-slide img {
	max-height: 100%;
	max-width: 98%;
}

.viewpic_swiper .swiper-pagination {
	position: absolute;
	color: #fff;
	bottom: 0px;
	height: 40px;
	line-height: 40px;
	font-size: 0.9375rem;
}
/*公告*/
.announcement {
	padding: 10px;
	height: 20px;
	line-height: 20px;
	overflow: hidden
}

.announcement span {
	display: inline-block;
	margin-right:10px;
	padding:0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.announcement span:before {
	content: "";
}

.announcement div {
	height: 20px;
	overflow: hidden
}

.announcement ul li {
	height: 20px;
	overflow: hidden;
}

/* --------------------WEIUI-------------------- */

.weui-uploader__input-box a{
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.weui-cell_access .weui-cell__bd em {
	vertical-align: middle;
	font-style: normal;
}

.weui-cell_access .weui-cell__bd span.weui-badge {
	margin-left: 5px;
}

.weui-cell__hd .avatar {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	margin-right: 10px;	
	display: block;
}

.weui-cell_listopen {
	position: relative;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	color: inherit;
}

.weui-cell_listopen:active,.users .weui-cell:active {
	background-color: #ECECEC;
}

.weui-cell_listopen .weui-cell__hd:before {
	content: " ";
	display: inline-block;
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #C8C8CD;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 10px;
}

.weui-cell_listopen .weui-cell__hd.open:before {
	-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
	transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
}

.weui-cell_listopen .weui-cell__hd {
	padding-left: 12px;
}

.weui-cell_listopen .weui-cell__ft {
	font-size: 0.75rem;
}
/**/
.users .weui-cell__hd {
	position: relative;
}
.users.ban{}
.users.ban .weui-cell{ width:50%; box-sizing:border-box; float:left}
.users.ban .weui-cell h4{ height:25px; line-height:25px; overflow:hidden}

.users .weui-cell__hd img {
	width: 48px;
	height: 48px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right:10px;
}


.users .weui-cell__hd .weui-badge {
	position: absolute;
	top: -.4em;
	right: -.4em;
}

.users .weui-cell__bd p {
	font-size: 0.8125rem;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
}

.weui-vcode-btn-gray {
	color: #666;
}

.weui-vcode-btn-gray:active {
	color: #999;
}

.weui-poster{ background: rgba(0, 0, 0, 0.75);}
.weui-poster .weui-gallery__opr{ background:none}
.weui-gallery__opr a {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 24px;
}
.weui-picinfo{ height:30px; line-height:40px; position:fixed; width:100%; left:0px; bottom:60px;}
.weui-picarea{
	height:-moz-calc(100% - 90px);
	height:-webkit-calc(100% - 90px);
	height:calc(100% - 90px);
	text-align:center;
}
.weui-gallery img{ display:inline-block; max-width:90%; max-height:100%; }

.weui-textarea-counter a {
	padding: 4px 12px;
	margin-right: 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
.qiniu .icon{ font-size:24px; vertical-align:middle}

.textarea .weui-textarea {
	visibility: hidden;
	opacity: 0;
	height: 1px;
}

.textarea .textareacontent {
	min-height: 96px;
	padding: 5px;
}
.textarea .textareacontent p{
	min-height:25px;
}
.textarea .textareacontent p:empty::before{
	content:" ";
}
.textareacontent[contenteditable=true]:empty::before {
	content: attr(placeholder);
	color: #999;
}
.textareacontent p:first-child:empty::before{
	content: "请输入";
	color: #999;
}


.textareacontent img {
	width: 80%;
}

.textareacontent .video_form {
	position:relative;
	background:#ccc;
	width:80%;
	text-align:center;
	height:200px;
}
.textareacontent .video_form:before{
	position:absolute;
	width:100%;
	height: 100%;
	left:0px;
	top:0px;
	color:#fff;
	font-size:48px;
	z-index:20;
	text-align:center;
	line-height:200px;
}

.weui-uploader__files li {
	position: relative
}

.weui-uploader__files .icon {
	position: absolute;
	right: -5px;
	top: -5px;
	width: 20px;
	height: 20px;
	background: #f30;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
	line-height: 20px;
	cursor:pointer;
}
/* --------------------模块-------------------- */
/*顶部左右滑动导航*/
.navs {
	z-index: 900;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 45px;
}

.navs .scrollx_area {
	height: 45px;
}

.navs .scrollx_area .c {
	padding: 0 10px
}

.navs li {
	padding: 0 5px;
	display: inline-block;
	line-height: 43px;
}

.navs li a {
	display: block;
}

.navs li.c1 {
	border-bottom: 2px solid;
	height: 43px;
}

/*AJAX下拉菜单*/
.inpsel { position:relative}
.inpsel .inpsel_area{ position:absolute; left:0px; top:46px; width:100%; z-index:10;background:#fff;}
.inpsel .inpsel_area ul{ padding:0 18px;}
.inpsel .inpsel_area ul li{ height:40px; line-height:40px; overflow:hidden}
.inpsel .inpsel_area ul li:last-child{ border-bottom:0px;}

/*二维码*/
.qrcode-body {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #232323;
}

.qrcode-content {
	padding-top: 30%;
}

.qrcode-area {
	position: relative;
	text-align: center;
	width: 280px;
	height: 280px;
	overflow: hidden;
	margin: 0 auto;
}

.qrcode-area .qcode {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 280px;
	display: inline-block;
}
.qrcode-content p{
	padding:10px 0;
}

.qrcode-content p .avatar {
	width: 32px;
	height: 32px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	vertical-align:middle;
	margin-right:10px;
	display:inline-block;
}
/*设置空间封面*/
.spacecover {
}

.spacecover h3 {
	line-height: 50px;
	line-height: 50px;
	padding: 0 15px;
}

.spacecover ul {
	padding: 0 5px 0 10px;
}

.spacecover li {
	float: left;
	width: 33%;
	overflow: hidden;
}

.spacecover li div.c {
	padding: 0 10px 0 5px;
}

.spacecover li div div {
	width: 100%;
	background-size: contain;
}

.spacecover li div div img {
	width: 100%;
	display: block;
}

.spacecover li div p {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
}
/*选择空间封面*/
.selectcover {
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 920;
	width: 100%;
	padding-top: 10px;
}

.selectcover ul {
	padding: 0 5px;
}

.selectcover ul li {
	padding: 0 5px;
	display: inline-block;
}

.selectcover ul li div {
	position: relative;
	width: 100%;
	height: 60px;
}

.selectcover ul li img {
	display: block;
	height: 60px;
}

.selectcover .scrollx_area {
	height: 60px;
}

.selectcover ul li label input {
	opacity: 0;
	width: 0px;
	height: 0px;
}

.selectcover ul li label span {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.4);
	text-align: center;
}

.selectcover ul li label span:before {
	content: "\e622";
	font-size: 24px;
	top: 18px;
	display: inline-block;
	line-height: 60px;
}

.selectcover ul li label input:checked + span {
	display: block;
}

.selectcover-btn {
	position: absolute;
	left: 0px;
	bottom: 80px;
	width: 100%;
}
/*聊天*/
.messagelist {
	padding: 10px;
}

.viewmessage {
	position: relative;
}

.viewmessage .avatar {
	width: 48px;
	height: 48px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.viewmessage .message-content {
	padding: 10px;
	line-height: 1.6;
}

.viewmessage .message-area {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	max-width: 60%;
}

.viewmessage .date {
	font-size: 0.625rem;
	height: 30px;
	line-height: 30px;
	padding-bottom: 5px;
}

.viewmessage .bubble {
	position: absolute;
	width: 10px;
	height: 10px;
}

.viewmessage .icon-voice {
	font-size: 24px;
}

.viewmessage .timelang {
	font-size: 0.875rem;
}

.viewmessage .timelang:before {
	content: "\e67c";
	font-family: "smsfont";
	color: #2196f3;
}

.viewmessage .timelang.played:before {
	color: #ccc;
}

.viewmessage.friend .user {
	float: left;
}

.viewmessage.friend .message-area {
	float: left;
	margin-left: 20px;
}

.viewmessage.friend .date {
	padding-left: 73px;
}

.viewmessage.friend .bubble {
	left: 63px;
	top: 17px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.viewmessage.friend .timelang {
	float: left;
	margin-left: 10px;
}

.viewmessage.self .user {
	float: right;
}

.viewmessage.self .message-area {
	float: right;
	margin-right: 20px;
	display: inline-block;
}

.viewmessage.self .date {
	padding-right: 73px;
	text-align: right;
}

.viewmessage.self .bubble {
	right: 63px;
	top: 17px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.viewmessage.self .icon-voice {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.viewmessage.self .timelang {
	float: right;
	margin-right: 10px;
}
/*自己消息*/
.viewmessage.message-w .message-area {
	background: #ececec;
}

.viewmessage.message-w .bubble {
	background: #ececec;
}
/*对方消息*/
.viewmessage.message-d .message-area {
	background: #d2e8f0;
}

.viewmessage.message-d .bubble {
	background: #d2e8f0;
}
/*图片*/
.viewmessage.message-pic .message-area img {
	max-width: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
}

.viewmessage.message-pic .bubble {
	display: none;
}
/*视频*/
.viewmessage.message-video .message-area {
	position: relative;
}

.viewmessage.message-video .message-area:before {
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.viewmessage.message-video .message-area .icon-play {
	position: absolute;
	font-size: 36px;
	z-index: 20;
	left: -webkit-calc(50% - 18px);
	left: calc(50% - 18px);
	top: -webkit-calc(50% - 18px);
	top: calc(50% - 18px);
	color: #fff;
}

.viewmessage.message-video .message-area img {
	max-width: 200px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
}

.viewmessage.message-video .bubble {
	display: none;
}
/*红包*/
.viewmessage.message-red .message-area {
	background: #d93801;
	color: #fff;
}

.viewmessage.message-red .message-area p.b_c3 {
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.viewmessage.message-red .message-area a {
	color: #fff;
}

.viewmessage.message-red .bubble {
	background: #d93801;
}

.viewmessage.message-red .message-hongbao {
	display: block;
	padding: 10px;
}

.viewmessage.message-red .message-hongbao div {
	max-width: 100px;
}

.viewmessage.message-red .message-hongbao h4 {
	font-size: 1.125rem;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.viewmessage.message-red .message-hongbao p {
	font-size: 0.75rem;
	line-height:18px;
	height: 18px;
	padding-top: 5px;
	color: #ffe2bf;
}

.message-hongbao .icon {
	font-size: 36px;
	margin-left: 10px;
	color: #ffa16c;
	padding: 5px;
}
/*名片*/
.viewmessage.message-b .message-area {
	background: #2196f3;
	color: #fff;
}

.viewmessage.message-b .message-area p.b_c3 {
	height: 30px;
	line-height: 30px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.viewmessage.message-b .bubble {
	background: #2196f3;
}

.viewmessage.message-b .message-mingpian {
	display: block;
	padding: 10px;
	color: #fff;
}

.viewmessage.message-b .message-mingpian h4 {
	font-size: 1.125rem;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.viewmessage.message-b .message-mingpian img.avatar {
	margin-right: 10px;
}

.viewmessage.message-b .message-mingpian p {
	font-size: 0.75rem;
	height: 18px;
	line-height:18px;
}

/*通知*/
.viewnotice .user img {
	width: 48px;
	height: 48px;
	display: block;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.viewnotice .user span {
	display: inline-block;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	font-size: 24px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #F60;
	color: #fff;
}

.viewnotice .notice-content h3{ font-size:1.0625rem; height:25px; line-height:25px;}
.viewnotice .notice-content h3 .weui-badge{ margin:0 0 5px 5px}
.viewnotice .notice-content div{ font-size:0.9375rem;}

/*聊天通知*/
.talknotice {
	padding-bottom: 10px;
}

.talknotice span {
	display: inline-block;
	padding: 1px 10px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
/*个人中心*/
.usercenter,.usercenter_bg {
	position: relative
}

.usercenter_c{ padding:50px 20px 0 20px}
.usercenter_c .flexbox{ padding:10px 4% 10px 4%; color:#fff}
.usercenter_c .flexbox h3{ height:30px; line-height:30px;}
.usercenter_c .flexbox h3 span{ margin-left:6px; font-size:12px; background: rgba(0,0,0,0.4); padding:0 5px; display:inline-block; height:19px; line-height:19px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.usercenter_c .avatar{ width:60px; height:60px; padding-right:10px;	-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.usercenter_c .flexbox p{ font-size:13px;}
.usercenter_c .flexbox p strong{ padding:0 5px; color:#FF0}
.usercenter_c ul li{ float:left; width:25%; color:#fff; line-height:20px;}

.usercenter_c .uccard{ background: rgba(0,0,0,0.8); height:50px; line-height:30px; margin-top:20px;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0; padding:10px 15px 0 15px}
.usercenter_c .uccard a.l{ color:#ffe26c; font-size:13px}
.usercenter_c .uccard a.l span:before{ content:"|"; color:#999; padding:5px;}
.usercenter_c .uccard a.r{ background:#ffe26c; height:20px; line-height:20px; font-size:12px; padding:0 10px; margin-top:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.usercenter img {
	width: 60px;
	height: 60px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: block;
	margin-right: 10px;
}

.usercenter h3 {
	font-size: 1.125rem;
	height: 20px;
	line-height: 20px;
	padding-top: 10px;
	font-weight:700;
}

.usercenter p {
	font-size: 1rem;
	height: 20px;
	line-height: 20px;
	overflow:hidden;
}

.usercenter .weui-btn {
	height: 28px;
	line-height: 28px;
	margin-top: 16px;
}

.usercenter a.c3 {
	height: 20px;
	width: 60px;
	text-align: center;
	line-height: 20px;
	background: rgba(0,0,0,0.4);
	position: absolute;
	left: 10px;
	top: 50px;
	font-size: 0.75rem;
}


/*发现顶部*/
.find_top {
	padding: 40px;
	height: 64px;
}

.find_top strong {
	float: left;
	height: 64px;
	line-height: 64px;
	font-size: 64px;
	display: block;
	vertical-align: middle;
	margin-right: 10px;
}

.find_top h4 {
	padding-top: 10px;
	font-size: 0.875rem;
}

.find_top p {
	font-size: 0.875rem;
}
/*发现搜索*/
.find_search {
	padding: 0 40px 40px 40px;
}

.find_search form {
	background: rgba(255,255,255,0.2);
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.find_search input::-webkit-input-placeholder {
	color: #fff;
}

.find_search .icon-search {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}
/*发现栏目*/
.find-items {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;
}
.find-items.write {
	background: #fff;
	background: rgba(255,255,255,0.95);	
}

.find-items ul {
	padding-top: 30px;
}
.find-items.write ul{
	padding-top: 50px;
}

.find-items li {
	float: left;
	width: 25%;
	text-align: center;
}

.find-items li a {
	display: block;
}

.find-items li img {
	width: 48px;
	height: 48px;
	display: inline-block;
}

.find-items li p {
	padding-bottom: 8px;
	font-size: 0.875rem;
}


/*用户空间*/
.usertop {
	position: relative;
}

.usertop .water {
	bottom: 40px;
	z-index: 10
}

.myquick h3{ font-weight:700; padding:0 10px 10px 10px; border-bottom:1px solid #f6f6f6}
.myquick ul{ padding:10px 10px 0 10px}
.myquick li{ float:left; box-sizing:border-box; width:25%; text-align:center; padding:10px 0}
.myquick li img{ width:48px; display:inline-block}



.usertop-bg {
	min-height: 240px;
	display: block;
	background-image: url(spacebg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
}

.usertop-btn {
	height: 40px;
	text-align: right;
	padding-right: 10px;
}

.usertop-btn .weui-btn {
	margin-top: 10px;
}
.usertop-dzuser {
	height: 40px;
	padding-left:100px;
}
.usertop-dzuser span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top:1px;
}
.usertop .avatar {
	position: absolute;
	left: 15px;
	bottom: 10px;
	width: 78px;
	height: 78px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	padding: 1px;
	display: block;
	z-index: 20;
}

.usertop-text {
	height: 40px;
	text-align: left;
	padding-left: 100px;
}

.usermiddle {
	padding: 0 15px 0 15px;
}

.usermiddle h3 span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.usermiddle p {
	font-size: 0.8125rem;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.userbottom {
	padding: 0 15px 10px 15px;
}

.userbottom a {
	padding: 0 10px 0 0;
	font-size: 0.875rem;
}

.userbottom a.r {
	padding: 0px;
}

.userbottom strong {
	padding-right: 5px;
	font-size: 1.125rem;
}
/*用户组图标*/
.usergroup {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}
/*顶部波浪*/
.top-water {
	position: relative;
	height: 150px;
}

.top-water .water {
	bottom: 0px;
}
/*红包信息*/
.top-shan {
	position: relative;
	padding-bottom: 60px;
	padding-top: 30px;
	overflow: hidden;
}

.top-shan p {
	line-height: 36px;
}

.top-shan .avatar_area {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0px;
	bottom: 0;
	font-size: 0;
	height: 60px;
	padding-top: 150px;
}

.top-shan .avatar {
	width: 60px;
	height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.top-shan .shan {
	height: 414px;
	width: 200%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	left: -50%;
	bottom: -384px;
	position: absolute;
	z-index: 1;
}
/*账户*/
.account {
	padding: 20px 0 30px 0;
}

.account div,.account a {
	padding-left: 30px;
}
.account a h3{ height:30px; line-height:30px; overflow:hidden}

.account div {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.account.b_c3 div {
	border-right: 1px solid #eee;
}
.account div:last-child {
	border-right: 0px;
}

.account a:last-child{ border-right:0px;}

.credits-rule .weui-cell__hd {
	width: 150px;
}

.account.count{
	padding:10px 0;	
}
.account.count div,.account.count a {
	padding-left:0px;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.account.count div:last-child {
	border-right:0px;
}
.credits-rule .weui-cell__bd span {
	text-align: center
}
.weui-cell__hd span.icon{ padding-right:10px; font-size:24px}
/*文章*/
.article_title {
	text-align: left;
	font-size: 1.5rem;
	
	display: block;
}

.article_title span {
	font-size: 0.875rem;
	padding: 4px;
	vertical-align: middle;
	margin-right: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.article_title em {
	font-style: normal;
	font-weight:700 !important;
}

.article_usre {
	padding: 10px 0 20px 0;
}

.article_usre img.avatar {
	width: 36px;
	height: 36px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.article_usre h3 {
	line-height: 16px;
	padding-top: 4px;
	font-weight:400;
	font-size:0.9375rem;
}

.article_usre p {
	font-size: 0.75rem;
	line-height: 14px;
}

.weui-article {
	padding: 0px;
	font-size: 1.125rem;
	line-height:1.5em;
}

.weui-article h2 {
	font-weight: bold;
}
.weui-article h1+br,.weui-article h2+br,.weui-article h3+br,.weui-article h4+br,.weui-article h5+br,.weui-article h6+br,.weui-article p+br{ display:none}

.weui-article img.viewpic {
	width: 100%;
	display:block;
	margin:10px 0;
}


.video{
	margin: 10px 0px;
	position: relative;
	text-align:center;
	height:240px;
	overflow:hidden;
	background:#333;
}
.video a.icon-play{ display:block; text-align:center; position:absolute; width:100%; height:240px; z-index:20;}
.video a.icon-play img{ vertical-align:middle; display:block; margin:0 auto; height:100%; max-width:100% !important;}
.video a.icon-play:after {
	width: 100%;
	height: 240px;
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:30;
}
.video a.icon-play:before{
	position:absolute;
	width:100%;
	height:240px;
	left:0px;
	top:0px;
	color:#fff;
	font-size:48px;
	z-index:40;
	line-height:240px;
}
.video video{ object-fit: contain; background:#333; height:100%; max-width:100%;}

/*

.weui-gallery__video{ width:100%; height:100%;}
.weui-gallery__video video{
  width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);	
}
*/
.reward {
	text-align: center;
	padding-top:20px;
}

.reward_btn {
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 1.125rem;
}
.reward_dub{
	display:inline-table;
	height:34px;
	line-height:34px;
	padding:0 20px;
	margin:0 5px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
}

.reward p {
	padding-top: 10px;
}
/*打赏*/
.reward ul{ padding-top:5px; padding-bottom:5px}
.reward ul li{ display:inline-block; margin-left:-20px;}
.reward ul li img{ display:block; width:32px; height:32px; background:#fff; padding:2px;-moz-border-radius: 50%;-webkit-border-radius:50%;border-radius:50%;}
.reward ul li.u1{ z-index:1; margin-left:0px;}
.reward ul li.u2{ z-index:2;}
.reward ul li.u3{ z-index:3;}
.reward ul li.u4{ z-index:4;}
.reward ul li.u5{ z-index:5;}

.praise span { line-height:32px;}
.praise ul{ padding-right:5px; float:left}
.praise li{ float:left; padding-right:5px;}
.praise li img{ width:32px; display:block;-moz-border-radius: 50%;-webkit-border-radius:50%;border-radius:50%;}
.praise span.icon-praise{ padding-right:5px;}

/**/
.rates div{ -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
.rates div img{ float:left; width:40px;-moz-border-radius: 50%;-webkit-border-radius:50%;border-radius:50%; margin-right:10px;}
.rates div h4{}

.lbs .b_c7 {
	padding: 3px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/*配色*/
.styles {
	padding: 10px 5px
}

.styles li {
	float: left;
	width: 33.33%;
}

.styles li label {
	padding: 5px;
	height: 100px;
	display: block
}

.styles li label div {
	height: 100%;
	position: relative;
	text-align: center
}

.styles li label div p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 28px;
	line-height: 28px;
	font-size: 0.875rem;
	text-align: center
}

.styles li label div input {
	position: absolute;
	left: -9999px;
}

.styles li label div .icon-yes {
	display: none;
	padding-top: 25px;
	color: #fff
}

.styles li label div input:checked + .icon-yes {
	display: block;
	font-size: 24px
}


/*上传封面*/
.setcover{
	padding: 15px 15px 0 15px;
	line-height: 62px;
}

.setcover .upload div.bo {
	display: inline-block;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	margin-right: 15px;
}

.setcover .upload span {
	position: relative;
	display: block;
	height: 60px;
}

.setcover .upload span:before {
	width: 2px;
	height: 30px;
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #D9D9D9;
}

.setcover .upload span:after {
	width: 30px;
	height: 2px;
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #D9D9D9;
}

.setcover .upload img {
	width: 60px;
	height: 60px;
	display: block;
}

.setcover .imgarea img{ height:100px; display:block}

/*设置banner*/
.setbanner {
	position: relative
}

.setbanner a.icon {
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 10px;
	font-size: 1.125rem;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 10
}

.setbanner div.block {
	height: 180px;
	overflow: hidden;
	position: relative;
	padding: 15px 15px 0 15px;
}
.setbanner div.block span.block {
	width:100%;
	height: 180px;
	text-align:center;
	line-height:180px;
	color:#fff;
}

.setbanner div.block img {
	width: 100%;
	display:block;
}

/* --------------------话题-------------------- */

.topic_banner {
	position: relative;
	padding-top: 80px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	height: 108px;
}

.topic_banner:after {
	position: absolute;
	z-index: 1;
	content: "";
	width: 100%;
	height: 188px;
	background: rgba(0,0,0,0.4);
	left: 0;
	top: 0;
}

/**/
.topic_buy_info{ padding:10px 15px 5px 15px;}
.topic_buy_info p{ line-height:30px;}
.topic_buy_info li{ float:left; margin-right:10px; padding-bottom:5px;}
.topic_buy_info li img{ width:32px; height:32px;	-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; display:block}
	
.topic_post{ padding:5px 0;}
.topic_post li{ float:left; width:20%; text-align:center}
.topic_post li a{ display:block; height:40px; line-height:40px;}
.topic_post li:first-child{ width:40%;}
.topic_post li:last-child{ width:40%;}
.topic_post li span:before{ font-size:40px}
.topic_post li:first-child span:before,.topic_post li:last-child span:before{ font-size:24px; padding-right:5px;}


.infolist{ padding:10px 15px 10px 30px; font-size:0.9375rem; line-height:30px;}
.infolist li{ list-style:disc}

.buytopic{ position:fixed; width:100%; height:45px; line-height:45px; text-align:center; left:0px; bottom:0px;}
/*话题信息*/
.topicinfo{ width:100%; overflow:hidden}
.topicinfo img {
	width: 55px;
	height: 55px;
	border:1px solid #fff;
	margin-right: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.topicinfo h3 {
	height: 24px;
	line-height: 24px;
	font-weight:500;
	margin-top:7px;
}

.topicinfo p {
	line-height: 24px;
	height: 24px;
	overflow:hidden
}

.topicinfo p em {
	padding: 0 5px;
	font-style: normal
}

.topicinfo a{ height:24px; line-height:24px; margin-top:14px; }
.topicinfo a.forum_fav{ padding: 0 15px; font-size:14px; text-align:center; background: rgba(255, 255, 255, 0.92);border-radius: 14px;color:#333;display:inline-block; vertical-align:middle}

.topic_banner .topicinfo {
	z-index: 10;
	position: absolute;
	width: 100%;
}

/**/
.addtopic {
	position: fixed;
	right: 15px;
	z-index: 900;
	bottom: 15px;
	width: 42px;
	height: 42px;
	color: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	font-size: 1.25rem
}

.toplist {
	padding: 0 10px;
	overflow: hidden
}

.toplist li {
	height: 40px;
	line-height: 40px;
	font-size: 0.9375rem;
}

.toplist li span {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 0.75rem;
	margin-right: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.toplist li:last-child {
	border-bottom: 0px !important
}

.toplist + a,#sortopt a.icon-collapsing {
	display: block;
	margin-bottom: 10px;
	height: 28px;
	line-height: 28px;
	text-align: center
}


/**/
.reply {
}

.reply .reply_user {
	width: 42px;
	padding: 0 10px;
	text-align: center;
	font-size: 0.75rem
}

.reply .reply_user img.avatar {
	width: 42px;
	height: 42px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.reply .reply_content {
	padding-right: 15px;
}

.reply .reply_content h3 {
	font-size: 1.125rem;
	line-height: 28px;
	padding: 5px 0
}

.reply .reply_content h3 .r {
	font-size: 1.25rem;
	margin-top: 4px;
}

.reply .reply_content h3 span.c3 {
	padding: 2px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 5px;
	font-size: 0.9375rem
}

.reply .reply_content .weui-article {
	font-size: 0.9375rem;
	line-height: 1.5
}

.reply .reply_content .b_c2 {
	padding: 3px 10px;
	margin-left: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.reply .reply_content img{ max-width:100%;}
.reply .reply_content img.viewpic{ width:100%; display:block; margin:10px 0 0 0}


.comments {
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.comments p em{ padding:0 5px; font-style:normal}


/**/
.themetype8{ height:130px; overflow:hidden}
.themetype8 img{ width:130px; height:130px; }
.themetype8 .flex{}

.theme-ui {
	line-height: 52px;
	padding: 0 10px;
}

.theme-ui img.avatar {
	width: 32px;
	height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

.theme-ui a.icon {
	padding: 10px 0 10px 10px;
}


.themetype8 .theme-ui{
	line-height: 42px;
}
.themetype8 .theme-ui img.avatar {
	width: 28px;
	height: 28px;
}
.theme-ui span.level{ margin-left:5px; display:inline-block; width:24px; height:24px; text-align:center; line-height:24px; color:#fff; font-size:xx-small; background:url(level.png) no-repeat 0 0; background-size:100%;}

.theme-ui span.icon,.theme-foot span.gender,.reply .reply_content h3 .icon{ -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;width:18px; height:18px; text-align:center; line-height:16px; margin:0 5px; color:#fff}
.theme-ui span.icon:before,.theme-foot span.gender:before,.reply .reply_content h3 .icon:before{ padding:0px ; font-size:12px; }
.theme-ui span.bo,.theme-foot span.bo,.reply .reply_content h3 span.bo{ font-size:12px; padding:0 5px; height:16px; line-height:16px; margin-left:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.theme-sub {
	padding: 0 10px;
	font-size:1.125rem;
	margin-bottom:6px;
}
.theme-sub span.bo{
	display:inline-block;
	height:18px;
	line-height:20px;
	vertical-align:middle;
	padding:0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:0 5px 3px 0
}
.theme-sub span.icon:before{
	color:#fff;
	padding:1px;
	margin-right:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.themetype8 .theme-sub{
	font-size:1rem;	
}

.pstatus{ text-align:center; font-size:12px; color:#ccc; display:block; margin:.5em 0 .5em 0 !important;}




.theme-content img {
	width: 110px;
	float: right;
	margin: 0 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.theme-content .theme-sub {
	max-height: 60px;
	line-height: 30px;
	overflow:hidden;
}

.needpay{
	padding:20px 0;
}
.needpay .icon{
	font-size:72px;	
}
.needpay .paybtn{
	padding:0 80px;
}

.theme-play video{ width:60%; margin:0 10px;}
.theme-video {
	margin: 0 10px;
	position: relative;
	display: inline-block;
}

.video_hode:before {
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0px;
	top: 0px;
}

.theme-video img {
	max-width: 100%;
	max-height: 200px;
	display: block;
	margin:0 auto;
}

.theme-video .icon {
	font-size: 36px;
	color: #fff;
	position: absolute;
	left: -webkit-calc(50% - 18px);
	left: calc(50% - 18px);
	top: -webkit-calc(50% - 18px);
	top: calc(50% - 18px);
	display: none;
}

.video_hode .icon {
	display: block;
}

.theme-bigvideo {
	margin: 0 0 10px 0;
	text-align: center;
	display: block;
	max-height: 200px;
}

.theme-bigvideo video {
	display: inline-block
}

.theme-img {
	padding: 0 8px 8px 10px;
}

.theme-img li {
	float: left;
	width: 33.33%;
	display: block;
}

.theme-img li div {
	padding-right: 3px;
	padding-bottom: 3px;
	display: block
}

.theme-img li img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.theme-img-one {
	padding: 0 10px;
}

.theme-img-one img {
	width:70%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.theme-img-big a{
	display:block;
	padding:10px 10px 0 10px
	
}
.theme-img-big img {
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.theme-foot {
	padding: 0 10px 10px 10px;
}

.theme-foot em:before {
	padding: 0 5px;
	content: "-"
}

.theme-foot div.r {
	line-height: 42px
}

.theme-foot img.avatar {
	width: 32px;
	height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 10px
}

.theme-foot .b_c7,.theme-lbs .b_c7 {
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height:20px;
	line-height: 20px;
}
.theme-foot .b_c7{
	max-width: 100px;
}
.theme-content .theme-foot{
	padding-bottom: 0;
}


.themetype7 .theme-foot{ padding-top:5px;}
.themetype7 .theme-foot ul{ padding-top:10px;}
.theme-foot ul li{ float:left; width:33.33%; text-align: center;box-sizing:border-box; line-height:18px;}
.theme-foot ul span.icon{ font-size:1rem; vertical-align:middle; margin:0px}
.theme-foot ul span.icon:before{ font-size:14px; }
/**/
.praiseslist ul li{ float:left; margin-right:5px; }
.praiseslist ul li img.avatar{ display:block; width:30px; height:30px; -moz-border-radius: 50%;-webkit-border-radius:50%;border-radius:50%;}
.praiseslist ul li:first-child{ margin-left:0px;}
.praiseslist div{ height:30px; line-height:30px; }

/**/
.waterfallist {
	padding: 0 5px
}

.waterfall {
	position: relative;
}

.waterfall li {
	float: left;
	width: 50%;
}

.waterfall li .c {
	padding: 0 5px 10px 5px
}

.waterfall li img {
	width: 100%;
}

.waterfall p.sub {
	padding: 0 10px 10px 10px;
}

/**/
.userlist {
}

.userlist .avatar {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.userlist h3 {
	line-height: 20px;
	padding-top: 10px;
}

.userlist h3 span {
	float: right;
	font-size: 0.75rem;
}

.userlist p {
	padding: 2px 0
}

.userlist p span {
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-right: 5px;
}

.userlist p img {
	height: 18px;
	display: inline-block;
	margin-right: 5px;
}

.view_reward span.icon{ padding:10px; margin-right:10px;	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.setactivitytime input{ margin-right:5px; display:inline-block; vertical-align:middle}
	

/* --------------------门户模块-------------------- */
.ad_pic {
	padding: 10px;
}

.ad_pic img {
	width: 100%;
	display: block
}

.ad_text {
	padding: 10px;
}

.ad_text span {
	display: inline-block;
	margin-right: 10px;
	padding: 0 5px;
}
/**/
.apps_swiper {
	padding: 10px 0 5px 0;
	width: 100%;
	position: relative;
	overflow: hidden
}

.apps_swiper li {
	float: left;
	text-align: center;
	padding-bottom: 5px;
}

.apps_swiper li a {
	display: block;
	font-size: 0.875rem;
	line-height: 20px;
}

.apps_swiper li img {
	width: 48px;
	display: inline-block;
}

.apps_swiper .swiper-pagination {
	bottom: 5px;
}

.apps_swiper .swiper-pagination-bullet-active {
	background: #f60
}

/**/
.portal_pics,.portal_pics_album {
	padding: 5px;
}

.portal_pics li {
	float: left;
	width: 50%;
}

.portal_pics li div {
	padding: 5px;
}

.portal_pics li a {
	position: relative;
	display: block
}

.portal_pics li a img {
	display: block;
	width: 100%;
}

.portal_pics li a p {
	position: absolute;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	background: #000;
	background: rgba(0,0,0,0.6);
	filter: alpha(opacity=60);
	left: 0px;
	bottom: 0px;
	width: 100%;
}

.portal_pics_album li {
	float: left;
	width: 33.33%;
}

.portal_pics_album li div {
	padding: 5px;
}

.portal_pics_album li a {
	position: relative;
	display: block
}

.portal_pics_album li a img {
	display: block;
	width: 100%;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.portal_pics_album li a p {
	position: absolute;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	background: #000;
	background: rgba(0,0,0,0.3);
	filter: alpha(opacity=30);
	left: 0px;
	bottom: 0px;
	width: 100%;
}

.portal_pics_album li a span {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 0.75rem;
	color: #fff;
	background: #000;
	background: rgba(0,0,0,0.6);
	filter: alpha(opacity=60);
	padding: 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.portal_pics_act{ }
.portal_pics_act div.item{ padding:10px;}
.portal_pics_act div.item h4{ padding-bottom:10px; font-size:1.0625rem; }
.portal_pics_act div.item div{ position:relative}
.portal_pics_act div.item div img{ width:100%;}
.portal_pics_act div.item div div{ position:absolute; background:#C30; color:#fff; padding:10px; left:0px; top:20px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
.portal_pics_act div.item div div strong,.portal_pics_act div.item div div span{ display:inline-block}
.portal_pics_act div.item div div strong { font-size:32px; height:32px; line-height:32px; border-right:1px solid #fff; padding-right:10px;}
.portal_pics_act div.item div div span { line-height:16px; padding:0 5px 0 15px; font-size:0.8125rem;}

.portal_pics_act div.item p img{ width:24px; height:24px;	-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%; vertical-align:middle; margin-right:5px;}
.portal_pics_act div.item p a{ font-size:0.9375rem;}
.portal_pics_act div.item p span{ font-size:0.8125rem;}
.portal_pics_act div.item p em:before{ padding:0 5px; content:"|"; color:#eee; font-size:0.75rem; font-style:normal}
	
.portal_pics_irregular{padding:9px;}
.portal_pics_irregular .iteml{ width:66.66%; float:left}
.portal_pics_irregular .iteml li{ position:relative; padding:1px}
.portal_pics_irregular .iteml li p{ position:absolute;left:1px; bottom:1px;background: rgba(0,0,0,0.6); width:100%;}
.portal_pics_irregular .iteml li p span{ margin:10px; display:block; color:#fff}
.portal_pics_irregular .itemr{ width:33.33%; float:right}

.portal_pics_irregular li a{ padding:1px; display:block;}
.portal_pics_irregular .iteml li a{ padding:0px;}
.portal_pics_irregular li img{ width:100%; height:100%; display:block}

.portal_pics_irregular .item2{}
.portal_pics_irregular .item2 li{ float:left; width:33.33%;}
.portal_pics_irregular .item2 li.btn a{ height:100%;background:#399; margin:1px; }
.portal_pics_irregular .item2 li.btn a div{ position:relative; text-align:center;}
.portal_pics_irregular .item2 li.btn a div span{ color:#fff; position:absolute; z-index:10; width:100%; text-align:center; top:30px; left:0px;}
.portal_pics_irregular .item2 li.btn a div span em{ font-size:2.25rem}

/**/
.topic_fav{ height:116px}
.topic_fav ul{ padding:10px;}
.topic_fav ul li {
	padding: 0 5px;
	display: inline-block;
}
.topic_fav ul li a{ display:block}
.topic_fav ul li img{ width:48px;height:48px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.topic_fav ul li h4{ height:24px; line-height:24px;}
.topic_fav ul li p em:before{ content:"/"; padding:0 3px; }
.topic_fav .scrollx_area {
	height: 116px;
}

.topic_list{ height:88px}
.topic_list ul{ padding:10px 5px;}
.topic_list ul li { padding:0 5px;display: inline-block;}
.topic_list ul li a{ display:block; padding:10px 10px 10px 68px; height:48px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; position:relative;}
.topic_list ul li img{ width:48px; height:48px; position:absolute; left:10px; top:10px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.topic_list ul li h4{ height:24px; line-height:24px;}
.topic_list ul li p em:before{ content:"/"; padding:0 3px; }

.topic_list .scrollx_area {
	height: 88px;
}

/**/
.portal_news_top,.portal_news_list {
	padding: 0 10px
}

.portal_news_top li,.portal_news_list li {
	height: 40px;
	line-height: 40px;
	font-size: 0.875rem
}

.portal_news_top li span {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	line-height: 18px;
	margin-right: 10px;
	font-size: 0.75rem;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.portal_news_list li a.c1 {
	padding-right: 5px;
}

.portal_news_pic {
	padding: 0 10px;
}

.portal_news_pic li {
	padding: 10px 0;
}

.portal_news_pic li img {
	width: 110px;
	float: left;
	margin-right: 10px;
}

.portal_news_pic li h4 {
	height: 60px;
	line-height: 30px;
	overflow: hidden
}

.portal_news_topic{}
.portal_news_topic li em.num{ width:68px; line-height:48px; text-align:center; font-size:36px; font-weight:bold}
.portal_news_topic li em.icon{ width:58px; line-height:48px; font-size:36px}
.portal_news_topic li div{ padding:8px 0;}
.portal_news_topic li div p.sub{ line-height:24px;}
.portal_news_topic li div p.info{ line-height:24px; padding-top:5px;}
.portal_news_topic li div p.info .bo{ padding:2px 5px; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
	
	
/**/
.portal_pics_roll {
	height: 285px;
}

.portal_pics_roll .scrollx_area {
	padding-top: 10px;
	height: 285px;
}

.portal_pics_roll .scrollx_area .c {
	padding: 0 10px;
}

.portal_pics_roll li {
	display: inline-block;
	width: 242px;
}

.portal_pics_roll li img.pic {
	width: 240px;
}

.portal_pics_roll li h4 {
	line-height: 30px;
	height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	margin: 0 6px;
	font-size: 0.875rem
}

.portal_pics_roll li p {
	height: 28px;
	line-height: 28px;
	padding: 0 5px 8px 5px;
}

.portal_pics_roll li p img.avatar {
	width: 28px;
	height: 28px;
	display: inline-block;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 5px;
}
/**/
.portal_pics_roll_2 { height: 200px;}
.portal_pics_roll_2 .scrollx_area { height: 200px; padding-top:0px;}
.portal_pics_roll_2 li h4 { margin: 0 6px 6px 6px;}


.users_list{ height:180px}
.users_list ul{ padding:10px 5px;}
.users_list ul li { padding:0 5px;display: inline-block;}
.users_list ul li a{ display:block; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:10px 30px 15px 30px}
.users_list ul li img{ width:48px; height:48px; -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.users_list ul li h4{ height:30px; line-height:30px;}
.users_list ul li p{}
.users_list ul li p span.bo{ padding:5px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.users_list .scrollx_area {
	height:180px;
}
/**/
.portal_video{}
.portal_video li{ padding:10px 0;}
.portal_video li a.img{ display:block; position:relative}
.portal_video li img{ width:100%; display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.portal_video li h4{ padding-top:10px; height:40px; line-height:20px; overflow:hidden}

.portal_video li a.img:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); z-index:10}
.portal_video li a span{ position:absolute; z-index:20; left:15px; bottom:15px; font-size:36px}
.portal_video li a em{  position:absolute; z-index:20; right:15px; bottom:15px; font-size:0.8125rem; font-style:normal}

.portal_video_big{ padding:0 10px;}
.portal_video_big li:last-child{ border-bottom:0px;}

.portal_video_small{ padding:0 5px;}
.portal_video_small li{ float:left; width:50%;}
.portal_video_small li div{ padding:0 5px;}
.portal_video_small li a span{ left:10px; bottom:10px}
.portal_video_small li a em{ right:10px; bottom:10px;}
.portal_video_small li p{ height:28px; line-height:28px}
.portal_video_small li p span.price{ color:#f60; font-size:17px;}
.portal_video_small li p span.c2{ font-size:14px; padding-left:5px;}
.portal_video_small li p span.free{ color:#090; font-size:14px;}

/* --------------------advertise-------------------- */
.advertise_find{ position:relative}
.advertise_find img{ width:100%;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0; display:block}
.advertise_find p{ height:36px; line-height:36px; overflow:hidden; padding:0 10px; font-size:14px; margin:0px !important;}
.advertise_find span{ position:absolute; right:15px; top:15px; color:#fff; background: rgba(0,0,0,0.6); font-size:12px; padding:0 10px; height:30px; line-height:30px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}


/* --------------------样式-------------------- */

/*内边距*/
.p10 {
	padding: 10px;
}

.p15 {
	padding: 15px;
}

.p20 {
	padding: 20px;
}

.pl50 {
	padding-left: 50px;
}

.pr50 {
	padding-right: 50px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}
/*外边距*/
.mb5 {
	margin-bottom: 5px;
}
.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt10 {
	margin-top: 10px;
}

.ml15 {
	margin-left: 15px;
}

.mr15 {
	margin-right: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.mt15 {
	margin-top: 15px;
}

/*背景*/
.b_c1 {
	background: #2196f3;
}

.b_c2 {
	background: #eeeeee;
}

.b_c3 {
	background: #ffffff;
}

.b_c4 {
	background: #dddddd;
}

.b_c5 {
	background: #f9f9f9;
}

.b_c6 {
	background: #000000;
}

.b_c7 {
	background: #f6f6f6;
}

.b_c8 {
	background: #E64340;
}

.b_c9 {
	background: #fffddd;
}

/*边框*/
.bot {
	border-top: 1px solid;
}

.bol {
	border-left: 1px solid;
}

.bor {
	border-right: 1px solid;
}

.bob {
	border-bottom: 1px solid;
}

.bo {
	border: 1px solid;
}
/*边框颜色*/
.o_c1 {
	border-color: #ddd;
}

.o_c2 {
	border-color: #2196f3;
}

.o_c3 {
	border-color: #eee;
}

.o_c4 {
	border-color: #f6f6f6;
}
/*文字颜色*/
.c1,.c1 a {
	color: #2196f3;
}

.c2,.c2 a {
	color: #ccc;
}

.c3,.c3 a {
	color: #fff;
}

.c4,.c4 a {
	color: #999;
}

.c5,.c5 a {
	color: #666;
}

.c6,.c6 a {
	color: #333;
}

.c7,.c7 a {
	color: #000;
}

.c8,.c8 a {
	color: #069;
}

.c9,.c9 a {
	color: #E64340;
}
/*文字大小*/
.s0 {
	font-size: 0;
}

.s12 {
	font-size: 0.75rem;
}

.s13 {
	font-size: 0.8125rem;
}

.s14 {
	font-size: 0.875rem;
}

.s15 {
	font-size: 0.9375rem;
}

.s16 {
	font-size: 1rem;
}

.s18 {
	font-size: 1.125rem;
}

.s20 {
	font-size: 1.25rem;
}

.s24 {
	font-size: 1.5rem;
}
/*取消粗体*/
.fw {
	font-weight: 300;
}
/*浮动*/
.l {
	float: left;
}

.r {
	float: right;
}
/*对齐*/
.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.tl {
	text-align: left;
}