@charset "utf-8";
@import "font.css";
@import "comm.css";
@import "portal.css";
/*
注册登录页面
个人设置页面
聊天页面
通知页面
个人中心
发现页面
个人空间
红包页面
钱包页面
小组栏目
小组查看
8种帖子列表
图片类型帖子查看
文章详情页面
评论列表页面
快速评论
用户搜索页面
*/

/* --------------------注册登录页面-------------------- */

.member{
	background-repeat:no-repeat;
	background-position:50% 0;
	background-size:100%;
	min-height:100%;
}
.member #rightpannel{
	display:none
}
.member .smsbody{
	padding:80px 20px 0 20px;
}
.member .smsbody h1{
	padding-bottom:10px;
}
.member .weui-cells{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-top:5px;
}
.member .weui-cells:before,.member .weui-cells:after{
	border:0px;
}
.member .weui-cells h3{
	padding:10px 15px 0 15px;
	font-weight:700;
	font-size:16px;
}
.member .weui-cell{
	padding:6px 15px 10px 15px
}
.member .weui-cell:before{
	right:15px;
	bottom:0px;
	top:auto;
}
.member .weui-cell:last-child:before{
	display:none
}
.member .weui-cell .weui-btn_mini{
	line-height:1.8;
	padding:0 10px;
	margin:0px;
}
.member .weui-agree{
	padding-top:15px;
}
.member .weui-agree a{
	text-decoration:underline;
	margin:0 3px;
}

/*浅色*/
.member_light,.member_light a{
	color:#fff;
}
.member_light .topnv{
	border-bottom:1px solid rgba(255,255,255,0.2)
}
.member_light .weui-cells{
	background: rgba(255,255,255,0.15);
}
.member_light .weui-cell:before{
	border-top-color:rgba(255,255,255,0.2);
}
.member_light .weui-input::-webkit-input-placeholder,.member_light .weui-input::placeholder{
	color:rgba(255,255,255,0.6);
}
.member_light .weui-btn_plain-primary{
	border-color:#fff;
}

/*灰色*/
.member_grey .topnv{
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.member_grey .weui-cells{
	background: rgba(0,0,0,0.2);
}
.member_grey .weui-cells h3{
	color:#fff;
}
.member_grey .weui-cell:before{
	border-top-color:rgba(255,255,255,0.3);
}
.member_grey .weui-input{
	color:#fff;
}
.member_grey .weui-input::-webkit-input-placeholder,.member_grey .weui-input::placeholder{
	color:rgba(255,255,255,0.9);
}
.member_grey .weui-btn_plain-primary{
	border-color:#fff;
	color:#fff
}

/*深色*/
.member_dark .topnv{
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.member_dark .weui-cells{
	background: rgba(0,0,0,0.05);
}
.member_dark .weui-cell:before{
	border-top-color:rgba(0,0,0,0.1);
}
.member_dark .weui-input::-webkit-input-placeholder,.member_dark .weui-input::placeholder{
	color:rgba(0,0,0,0.5);
}
.member_dark .weui-btn_plain-primary{
	border-color:#000;
	color:#000
}

/*微信注册用户信息*/
.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
}

/* --------------------个人设置页面-------------------- */
/*设置空间封面*/
.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 {
	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%;
}

/*配色*/
.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
}

/* --------------------聊天页面-------------------- */

/*聊天*/
.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;
}

/* --------------------个人中心-------------------- */

/*快捷导航*/
.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:28px;
	display:inline-block
}

/*个人中心*/
.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 .flexbox h3 em{
	font-style:normal;
	padding:0 3px
}
.usercenter_c .avatar{
	width:60px;
	height:60px;
	margin-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 h3 em{
	font-style:normal;
	padding:0 3px
}
.usercenter p {
	padding-top:5px;
	font-size: 0.875rem;
	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
}
.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{ width:36px; font-size:24px}

/* --------------------社区栏目-------------------- */

/*版块列表*/
.sms_forums{
	padding:10px 10px 0 10px;
}
.sms_forums h3 span{
	padding:0 10px
}
.sms_forums ul{
	padding:10px 10px 0 36px;
}
.sms_forums li{
	float:left; width:50%;
}
.sms_forums li a{
	display:block;
	padding-bottom:10px;
}

/*论坛幻灯片*/
.forum_swiper{
	padding:15px;
}
.forum_swiper img{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

/* --------------------小组栏目-------------------- */

/*推荐小组*/
.sms_besttopic{
	padding:0 15px 10px 15px;
	position:relative
}
.sms_besttopic .b_c3{
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.sms_besttopic a.first{ 
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	display:block;
	height:100px;
	position:relative;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background-blend-mode: multiply;
}
.sms_besttopic a.first:after {
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	z-index: 20;
	background: rgba(0,0,0,0.4);
	left: 0px;
	top: 0px;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;

}
.sms_besttopic a.first div{
	position:absolute;
	width:100%;
	z-index:30;	
}
.sms_besttopic a.first div p.count{
	text-align:right;
	padding:15px 15px 0 0
}
.sms_besttopic a.first div p.tag{
	padding:0 0 0 15px
}
.sms_besttopic a.first div p.tag span{
	background:#f60;
	display:inline-block;
	padding:0 5px;
	-moz-border-radius: 5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}
.sms_besttopic a.first div h4{
	padding:5px 0 0 15px;
	font-weight:400
}
.sms_besttopic ul li img{
	width:36px;
	height:36px;
	margin-right:10px;
	display: inline-block;
	vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.sms_besttopic ul li h4{
	line-height:36px;
	font-weight:400
}
.sms_besttopic ul li:last-child{
	border-bottom:0px;
	padding:10px 0
}
.sms_besttopic a.icon-refresh{
	position:absolute;
	z-index:40;
	right:15px;
	top:60px;
	color:#fff;
	padding:15px;
}
  
/*我的小组*/
.sms_mytopic{
	height:110px;
}
.sms_mytopic .scrollx_area {
	height: 110px;
}
.sms_mytopic .scrollx_area .c {
	padding: 15px;
}
.sms_mytopic li{
	display:inline-block;
	padding:0 10px 0 0 ;
}
.sms_mytopic li.info{}
.sms_mytopic li.item a{
	display:block;
	width:100px;
	height:70px;
	padding:10px 10px 0 10px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sms_mytopic li.item a img{
	width:40px;
	height:40px;
	display:block;
	margin:0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sms_mytopic li.item a span{
	display:inline-block;
	width:40px;
	height:40px;
	text-align:center;
	line-height:45px;
	font-size:24px;
}
.sms_mytopic li.item a p{
	height:30px;
	line-height:30px;
	text-align:center
}

/**/
.sms_topicnavs{
	left: 0px;
	top: 0px;
	z-index: 900;
	width:100%;
	text-align:left;
}
/* --------------------小组页面-------------------- */

/*小组主题分类*/
.types{
	padding:0 0 10px 10px
}
.types li{
	float:left;
	padding:5px 10px 5px 0px;
}
.types li a{
	display:block;
	height:24px;
	line-height:24px;
	padding:0 8px;
	font-size:0.8125em;
	background:#eee
}
.types li.a a{
	background:#2196f3;
	color:#fff
}

/*置顶帖列表*/
.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
}

/*底部发帖按钮*/
.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
}

/*小组banner*/
.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
}

/*话题信息*/
.topicinfo{
	width:100%;
	overflow:hidden
}
.topicinfo img {
	width: 56px;
	height: 56px;
	margin-right: 10px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.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.weui-btn{
	height:24px;
	line-height:24px;
	margin-top:16px;
}
.topicinfo a.icon{
	font-size:18px;
	padding:10px 5px;
}
.topic_banner .topicinfo {
	z-index: 10;
	position: absolute;
	width: 100%;
}

/* --------------------8种帖子列表-------------------- */
/*sms_themeitem*/
.sms_themeitem{
	position:relative;
}
.s__ti_author .avatar{
	width:32px;
	height:32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right:10px;
}
.s__ti_author .flex{
	padding:8px 0;
	line-height:16px;
}
.s__ti_author .flex .bo{
	padding:0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left:5px;
}
.s__ti_author span.c2{
	line-height:32px
}
.sms_themeitem a.icon-close{
	position:absolute;
	right:10px;
	top:20px;
}
.s__ti_avatar{
	position:relative
}
.s__ti_avatar span{
	position:absolute;
	top:16px;
	left:16px;
	font-size:6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.s__ti_avatar span:before{
	padding-right:0px;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
}

.s__ti_subject{
	line-height:1.4;
	font-weight:400; 
	padding:5px 0
}
.s__ti_subject a{
	font-weight:400;
}
.s__ti_subject span{
	display:inline-block;
	padding:0 6px;
	margin-right:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.s__ti_tag,.s__ti_lbs{
	padding:5px 0
}
.s__ti_tag a,.s__ti_tag span,.s__ti_lbs span{
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.s__ti_tag a:before{
	content:"#";
	padding-right:5px;
}
.s__ti_lbs span:before{
	padding-right:5px;
}

.s__ti_ft{
	padding:5px 0 0 0
}
.s__ti_ft .flex em:before{
	content:"-";
	padding:0 5px;
	font-size:12px;
	font-style:normal;
}
.s__ti_ft .flex .icon:before{
	padding-right:5px;
}
.s__ti_ft span{
	font-size:12px;
}
.s__ti_ft .icon:before{
	padding-right:5px;
}
.s__ti_ft ul li{
	float:left;
	width:33%;
	text-align:center
}

.s__ti_oneimg {
	padding:5px 0;
}
.s__ti_oneimg img{
	max-width:70%;
	max-height:240px;
	display:block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.s__ti_imgs {
	padding: 5px 0 2px 0;
}
.s__ti_imgs li {
	float: left;
	width: 33.33%;
	display: block;
}
.s__ti_imgs li div {
	padding-right: 3px;
	padding-bottom: 3px;
	display: block
}
.s__ti_imgs li img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}	
	
/*sms_bigitem*/
.sms_bigitem{
	padding:5px 15px 15px 15px;
}
.sms_bigitem .b_c3{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
}
.sms_bigitem img{
	width:100%;
	display:block;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.sms_bigitem .s__ti_subject{
	padding:10px 15px 5px 15px;
}
.sms_bigitem .s__ti_tag{
	padding-left:15px;
	padding-bottom:10px
}
.sms_bigitem .view-video .video{
	background:none
}
	
/*sms_smallitem*/
.sms_smallitem{}
.sms_smallitem .s__si_img {
	width:110px;
	padding-right:10px;
}
.sms_smallitem .s__si_img img{
	width:100%;
	display:block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.sms_smallitem .s__ti_subject{
	padding:3px 0;
}
.sms_smallitem p.s12 em:before{
	padding:0 5px;
	content:"-";
	font-style:normal
}
.sms_smallitem .s__si_img + .flex .s__ti_subject{
	height:57.6px;
	overflow:hidden;
}

/*sms_bestitem*/
.sms_bestitem {
	padding:0 10px 10px 10px
}
.sms_bestitem .b_c3{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sms_bestitem img{
	width:125px;
	height:125px;
	display:block;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

/* --------------------图片类型帖子查看-------------------- */

/*图片帖查看*/
.theme-swiper,.theme-swiper .swiper-wrapper,.theme-swiper .swiper-slide{
	height:100%;
}
.theme-swiper .swiper-slide{
	display:-webkit-box;display:
	-webkit-flex;display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	text-align:center;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	overflow-y: scroll;	
}
.theme-swiper .swiper-slide img {
	max-width:100%;
}
.theme-swiper .swiper-pagination-fraction{
	color:#fff;
}
.swiper_footer{
	position:absolute;
	bottom:0;
	left:0px;
	width:100%;
	z-index:10;
	color:#fff;
	background: rgba(0, 0, 0, 0.6);
}
.swiper_footer a{
	color:#fff
}
.swiper_footer .flexbox{
	height:50px;
	line-height:50px;
}
.swiper_footer .swiper-pagination{
	position:static;
	width:auto;
	padding:0 10px;
	font-size:12px
}
.swiper_footer .swiper-pagination .swiper-pagination-current{
	font-size:20px
}
.swiper_footer .flex{
	height:50px;
	overflow:hidden;
	padding-right:15px;
}
.swiper_footer span.icon{
	line-height:50px;
}
.imgcontent{
	background:#000;
}
.imgcontent .scrolly_area{
	max-height:100px;
	padding-right:0px;
}
.imgcontent a{
	color:#fff;
}

/* --------------------文章详情页面-------------------- */

/*视频帖标题*/
.videosubject{}
.videosubject em{
	font-style:normal;
}
.videosubject span.c3{
	display:inline-block;
	padding:0 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/*文章标题*/
.article_title {
	text-align: left;
	font-size: 1.5rem;
	display: block;
	line-height:1.4;
}
.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:400 !important;
}

/*文章作者*/
.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: 1em 0 0 0;
	font-size: 1.125rem;
	line-height:1.6em;
}
.weui-article h2 {
	font-weight: bold;
}
.weui-article img.viewpic {
	width: 100%;
	display:block;
	margin:10px 0;
}

/*文章打赏*/
.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;
}

/*地理位置*/
.lbs .b_c7 {
	padding: 3px 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/* --------------------评论列表页面-------------------- */

/*回帖列表*/
.reply {
	position: relative;
}
.reply .icon-topping{
	position:absolute;
	right:0px;
	top:0px;
	font-size:32px;
	z-index:10;
}
/*头像*/
.reply .reply_avatar {
	width: 32px;
	padding: 0 10px;
	text-align: center;
	font-size: 0.75rem;
	position:relative;
}
.reply .reply_avatar span {
	position: absolute;
	top: 16px;
	left: 26px;
	font-size: 6px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.reply .reply_avatar span:before {
	padding-right: 0px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
}
.reply .reply_avatar img.avatar {
	width: 32px;
	height: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/*作者*/
.reply .reply_user {
	line-height: 16px;
	padding: 8px 0;
	position:relative;
}
.reply .reply_user span.bo {
	display:inline-block;
	padding:0 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 5px;
	font-size: 12px
}
.reply .reply_info{
	z-index:20;
	position:absolute;
	right:10px;
	top:8px;
}
.reply .reply_info .icon{
	font-size:16px;
}
.reply .reply_foot .b_c2 {
	padding: 1px 10px;
	margin-left: 10px;
	display:inline-block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*内容*/
.reply .reply_content {
	padding-right: 10px;
}
.reply .reply_content .weui-article {
	font-size: 0.9375rem;
	line-height: 1.5;
	padding:5px 0;
}
.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{
	padding:3px 0;
}
.comments p em{
	padding:0 5px;
	font-style:normal
}
/*无评论*/
.noreply{
	padding:20px 0;	
}
.noreply .icon{
	font-size:36px;
	padding-bottom:15px;
}

/* --------------------快速评论-------------------- */
.sms_replyform{
	padding:10px 10px 0 10px;
}
.sms_replyform .s__rf_input {
	padding:10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.sms_replyform .s__rf_input textarea{
	background:none
}
.sms_replyform .s__rf_btn{
	padding-left:10px;
}
.sms_replyform .s__rf_btn button{
	display:block;
	text-align:center;
	height:60px;
	line-height:60px;
	width:40px;
	border:0px;
	background:none;
}
.s_rf_tag { text-align:left; padding:10px 0;}
.s_rf_tag a{ font-size:24px; padding:0 5px;}
/* --------------------用户搜索页面-------------------- */

/*用户搜索列表*/
.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;
}






/* --------------------即将废弃-------------------- */

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

/*用户列表*/
.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;
}

/**/
.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{ -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{ padding:0px ; font-size:12px; }
.theme-ui span.bo,.theme-foot 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; display:inline-block; vertical-align: middle; font-size:10px}

.theme-sub {
	padding: 0 10px;
	font-size:1rem;
	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-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 {
	max-width:70%;
	max-height:240px;
	-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; }


/*海报*/
.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%;
	margin-top:20px;
}

/* --------------------hack: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;
}

.pr15 {
	padding-right: 15px;
}

.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_header {
	background: #fff;
	color:#000;
	border-bottom:1px solid #eee;
}
.b_header a{
	color:#000;
}
.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: #fffeee;
}

/*边框*/
.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;
}