/* CSS Document */

.icon-lbs:before {
	content: "\e615";
}

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

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

.swiper-pagination-bullet-active{ background:#d3a142}
.header.b_c1,.footer.b_c2{ background:#fff}
.header.c3,.header.c3 a{ color:#333}

.indexheader.b_cc{ background:#d3a142}
.indexheader.cf,.indexheader.cf a{ color:#fff}
.indexheader .icon.iconhr{ width: 24px;}
.indexheader .icon.iconhr + .icon{ padding-right:15px;}

.noheader .smsbody.casebody {
	padding-top: 50px;
}

.case_slide{ background:url(slide.jpg) repeat-x 0 0; padding:0 15px;}
.case_slide img{ height:280px; width:100%;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}

.apps_swiper{ padding-top:15px;}

.case_search{ padding:25px 15px}
.case_search a{ display:block; font-size:16px; color:#d3d2d2; padding-bottom:15px;}
.case_search em{ font-style:normal;}
.case_search span{ display:inline-block; font-size:18px; height:30px; line-height:30px; padding:0 10px; background:#f5f5f5; color:#717171; margin:0 8px;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;}
.case_search span.a{ color:#fff; background:#d3a142}

.case_search div{ background:#f5f5f5; width:100%; padding:5px 0;-moz-border-radius: 17px;-webkit-border-radius:17px;border-radius:17px;}
.case_search input{ border:0px; margin:0 10px; height:24px; line-height:24px; background:none; text-indent:10px; font-size:14px;}
.case_search button{ width:50px; height:24px; text-align:center; background:none; border:0px; font-size:18px; color:#717171}

.gotop {
	width: 42px;
	height: 42px;
	background: rgba(255, 225, 0, 0.82);
	color: #a27621;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display:block;
	margin-bottom:10px;
	position:relative
}
.gotop:before {
	line-height: 42px;
	text-align: center;
	display: block;
	font-size: 1.25rem;
}

.list_pannel .left li img{ width:24px; display:inline-block}
.list_pannel.forumarea .left li{ height:100px; line-height:25px;	}
.list_pannel.forumarea .left li a { height:100px;	}
.list_pannel .left li span{ float:left; height:80px;}
.list_pannel .left li div{ float:left; width:70px; text-align:center; padding-top:25px;}

.forumtypes{ padding:15px 5px}
.forumtypes li{ float:left; width:33.33%; text-align:center; position:relative}
.forumtypes li a{ margin:8px 5px; display:block; background:#ddd; height:30px; line-height:30px;	-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
.forumtypes li.a a{ background:#333; color:#fff}
.forumtypes li span.weui-badge{ position:absolute; right:0px; top:0px;}


.mainfooter a.c4,.mainfooter a.c1{ color:#000}
.mainfooter a span.im{ display:inline-block; width:27px; height:27px;background:url(footer.jpg) no-repeat; background-image:url(footer.jpg); background-repeat:no-repeat;background-size:135px 54px;}
.mainfooter a span.home{  background-position:0 0; }
.mainfooter a.c1 span.home{  background-position:0 -27px; }

.mainfooter a span.forum{  background-position:-27px 0; }
.mainfooter a.c1 span.forum{  background-position:-27px -27px; }

.mainfooter a span.group{  background-position:-81px 0; }
.mainfooter a.c1 span.group{  background-position:-81px -27px; }

.mainfooter a span.find{  background-position:-54px 0; }
.mainfooter a.c1 span.find{  background-position:-54px -27px; }

.mainfooter a span.my{  background-position:-108px 0; }
.mainfooter a.c1 span.my{  background-position:-108px -27px; }

.case_footer{ padding:10px 0}
.case_footer li{ float:left; height:40px; line-height:40px; text-align:center}
.case_footer li a{ display:block; line-height:40px}
.case_footer li.q1{ width:36%}
.case_footer li.q2{ width:28%;}
.case_footer li.q3{ width:36%;}
.case_footer li img{ display:inline-block; width:40px; vertical-align:middle}
.case_footer li.q1 img,.case_footer li.q3 img{ width:30px; margin-right:10px}

.case_more{ padding:20px 50px}
.case_more a{ display:block; height:45px; font-size:24px; color:#fff; background:#f6da0a; text-align:center; line-height:45px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}

.ad_pic{ padding:15px;}

.case_info{ margin-top:15px;}
.case_info img{ width:100%; display:block}

.case_count_title{ text-align:center; padding:30px 0; line-height:20px;border-bottom:1px solid #efefef;}
.case_count_title span{ display:inline-block; width:60px; height:1px; background:#d3a142; margin:0 10px 30px 10px;} 
.case_count_title div{ display:inline-block;}
.case_count_title div em{ font-style:normal; color:#ccc; font-size:24px}
.case_count_title div strong{ font-size:20px;}
.case_count ul{  padding:15px 0}
.case_count ul li{ float:left; width:20%; text-align:center; border-right:1px solid #efefef; box-sizing: border-box;}
.case_count ul li:last-child{ border-right:0px;}
.case_count ul li strong{ font-size:20px; color:#444}
.case_count ul li span{ font-size:16px; color:#999}

.changestate li{ float:left; width:33.33%;}
.changestate li a{ margin:0 10px; display:block; height:40px; line-height:40px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.openimg{ position:relative}
.openimg .imgarea{ padding:10px;}
.openimg .imgarea img{ width:100%; display:block}
.openimg .c3{ background:#363636; padding:10px 0}
.openimg .c3 p{ color:#ccc; padding:5px 0 10px 0; font-size:0.75rem}
.openimg span{ position:absolute; right:-10px; top:-10px; width:30px; height:30px; text-align:center; line-height:30px;background: rgba(0, 0, 0, 0.8); z-index:5001; color:#fff;	-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}