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

.cate-section {
	padding-bottom: .25rem;
}

.cate-section ul li {
	float: left;
	width: 25%;
}

.cate-section ul li a {
	display: block;
	text-align: center;
	color: #333;
	font-size: .26rem;
	margin-top: .4rem;
}

.cate-section ul li a i {
	height: .93rem;
	width: .93rem;
	display: block;
	margin: 0 auto .2rem;
	background: no-repeat center center;
	background-size: contain;
}

.cate-section ul li a i.icon1 {
	background-image: url(../img/icon1.png);
}.cate-section ul li a i.icon2 {
	background-image: url(../img/icon2.png);
}.cate-section ul li a i.icon3 {
	background-image: url(../img/icon3.png);
}.cate-section ul li a i.icon4 {
	background-image: url(../img/icon4.png);
}.cate-section ul li a i.icon5 {
	background-image: url(../img/icon5.png);
}.cate-section ul li a i.icon6 {
	background-image: url(../img/icon6.png);
}.cate-section ul li a i.icon7 {
	background-image: url(../img/icon7.png);
}.cate-section ul li a i.icon8 {
	background-image: url(../img/icon8.png);
}
.modbox {
	padding: 0 .3rem;
}

.modbox .modbox-hd {
	color: #333;
	font-size: .32rem;
	line-height: 1rem;
}

.modbox .modbox-hd .more {
	color: #999;
	font-size: .24rem;
}

.modbox .modbox-bd img {
	width: 100%;
	display: block;
}

.modbox .modbox-bd p {
	color: #333;
	font-size: .24rem;
	line-height: .52rem;
	padding: .12rem 0 .45rem;
	word-break: break-all;
}

.modbox .modbox-bd p a {
	color: #349cba;
}

.modbox .modbox-bd .name {
	font-size: .28rem;
	color: #333;
	padding: .35rem .25rem .25rem;
}

.modbox .modbox-bd .time {
	font-size: .24rem;
	color: #999;
	padding: 0 .25rem .5rem;
}

.newsbox {
	background: #fff;
	padding: .35rem .3rem;
	font-size: .24rem;
	margin-left: .3rem;
	margin-right: .3rem;
	position: relative;
}

.newsbox .title {
	color: #333;
	font-size: .28rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .1rem;
}

.newsbox p {
	text-indent: 2em;
	line-height: .38rem;
	color: #666;
}

.newsbox .time {
	color: #999;
	margin-top: .1rem;
}

.newsbox i {
	display: block;
	height: .6rem;
	width: .6rem;
	background: url(../img/add.jpg) no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
}

.userlist {
	padding-bottom: .45rem;
}

.userlist li a {
	color: #666;
	font-size: .24rem;
	background: #fafafa;
	padding: .2rem;
}

.userlist li a .imgbox {
	width: 1.74rem;
	margin-right: .3rem;
}

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

.userlist li a .name {
	font-size: .28rem;
	color: #333;
	padding: 0 !important;
}

.userlist li a p {
	text-indent: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; //向显示多少行就给多大值
	-webkit-box-orient: vertical;
	padding: 0 !important;
	margin-top: .2rem;
}

.introduce-txt {
	padding: 0.3rem;
	background: #fff;
}

.introduce-txt img {
	display: block;
	width: 100%;
}

.introduce-txt,
.rule {
	color: #333;
	font-size: .24rem;
	line-height: .52rem;
}

.introduce-txt p,
.rule p {
	text-indent: 2em;

}

.rule {
	background: #fff;
	padding: .5rem .3rem;
}

.rule .title {
	font-size: .28rem;
	text-align: center;
}

.page .pagination {
	text-align: center;
}

.page .pagination a {
	display: inline-block;
	border: 1px solid #d4d4d4;
	height: .6rem;
	width: .6rem;
	border-radius: 100%;
	vertical-align: middle;
	background: no-repeat center center;
	color: #666;
	line-height: .58rem;
	background-size: .14rem auto;
}

.page .pagination a:hover {
	background-color: #0c9ec8;
	color: #fff;
}

.page .pagination a.prev {
	background-image: url(../img/arrowleft3.png);
}

.page .pagination a.next {
	background-image: url(../img/arrowright3.png);
}

.page .pagination span {
	color: #333;
	margin: 0 .15rem;

}

.page>.userlist {
	padding: .3rem;
}

.userDetails {
	background: #fff;
	padding: .4rem .3rem 0;
	line-height: .52rem;
	color: #333;
}

.userDetails>img {
	display: block;
	margin: 0 auto;
}

.userDetails p {
	text-indent: 2em;
}

.userDetails .title {
	font-size: .26rem;
	font-weight: bold;
	margin-top: .4rem;
}

.articlepage {
	color: #999;
	padding: .3rem;
}

.articlepage a {
	color: #999;
	display: block;
}

.newslist {
	/* padding: .3rem; */
}

.newslist>.newsbox {
	background: #f6f6f6;
}

.newsdetails {
	background: #fff;
	padding: .4rem .3rem;
}

.newsdetails>.title {
	text-align: center;
	font-size: .26rem;
	color: #333;
}

.newsdetails>.time {
	font-size: .22rem;
	color: #999;
	margin-top: .25rem;
	text-align: center;
}

.newsdetails p {
	line-height: .24rem;
	color: #666;
	text-indent: 2em;
	line-height: .52rem;
	margin-top: .3rem;
}

.newsdetails-special p {
	color: #333;
	margin: 0;
}

.newsdetails img {
	display: block;
	margin: .5rem auto 0;
	width: 90%;
}

.activelist .modbox-bd {
	border-bottom: 1px dashed #e1e1e1;
	padding-top: .4rem;
}

.activelist .modbox-bd .time {
	padding-bottom: .4rem;
}

/* 预约 */
.orderlist .title {
	line-height: .8rem;
	color: #333;
	font-size: .28rem;
	padding: 0 .3rem;
	border-bottom: 1px solid #ddd;
}

.orderlist .title>span:first-child,
.orderlist .order-item .order-hd>span:first-child {
	width: 1.8rem;
}

.orderlist .title>span:last-child,
.orderlist .order-item .order-hd>span:last-child {
	width: 0.7rem;
	margin-left: .2rem;
	/* text-align: right; */
}

/*.orderlist.orderlist-special .title>span:last-child,
.orderlist.orderlist-special .order-item .order-hd>span:last-child {
	width: 1.5rem;
}*/

.orderlist .order-item .order-hd {
	font-size: .26rem;
	color: #333;
	line-height: .8rem;
	padding: 0 .3rem;
	border-bottom: 1px solid #ddd;
}

.orderlist .order-item .order-bd {
	font-size: .24rem;
	color: #666;
	padding: .3rem;
	background: #f6f6f6;
	display: none;
}

.orderlist .order-item .order-bd p+p {
	margin-top: .25rem;
}

.orderlist .order-item .order-hd .phone,
.orderlist .title .flex-1 {
	text-align: center;
}

.orderlist.orderlist-special .title .flex-1 {
	text-align: left;
}

.order-item .order-hd>span.state {
	position: relative;
}

/*.order-item .order-hd>span.state:after {
	content: '';
	height: .2rem;
	width: .2rem;
	display: block;
	border: 1px solid transparent;
	border-top-color: #adadad;
	border-right-color: #adadad;
	position: absolute;
	right: 0;
	top: 50%;
	transform: rotate(45deg);
	transition: all .3s;
	transform-origin: 80% 20%;
	margin-top: -.05rem;
}*/

.order-item .order-hd.open>span.state:after {
	transform: rotate(130deg);
}

.ordersearch {
	padding: .75rem .3rem;
	font-size: .24rem;
}

.ordersearch .title {
	text-align: center;
	color: #333;
	font-size: .28rem;
	font-weight: bold;
	margin-bottom: .5rem;
}

.ordersearch input {
	border: none;
	border-bottom: 1px solid #dedede;
	line-height: .66rem;
}

.ordersearch .sendcode {
	color: #fff;
	border-radius: .1rem;
	background: #d91111;
	width: 1.7rem;
	line-height: .66rem;
	text-align: center;
	display: block;
	margin-left: .15rem;
}

.ordersearch .orderBtn {
	display: block;
	color: #fff;
	background: #0c9ec8;
	border-radius: .1rem;
	line-height: .56rem;
	text-align: center;
	margin-top: .8rem;
}

.memberdetails {
	padding: .4rem .3rem;
}

.memberdetails .imgbox {
	width: 2.22rem;
	margin: 0 .3rem 0 .2rem;
}

.memberdetails .imgbox img {
	display: block;
	width: 100%;
}

.memberdetails .title {
	font-size: .32rem;
	color: #333;
	margin-bottom: .25rem;
}

.memberdetails span {
	color: #999;
	font-size: .24rem;
}

.memberdetails .tip {
	color: #333;
	font-size: .24rem;
	font-weight: bold;
	line-height: .46rem;
}

.memberdetails p {
	line-height: .52rem;
	color: #333;
	font-size: .24rem;
	text-indent: 2em;
}

.page .userlist .user-item {
	background: #fff;
	padding: .2rem .1rem .2rem .2rem;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #333;
	background: #fafafa;
}

.page .userlist .user-item+.user-item {
	margin-top: .3rem;
}

.page .userlist .user-item:active {
	border-color: #1aaed9;
}

.page .userlist .user-item .imgbox {
	width: 2.22rem;
	margin-right: .3rem;
}

.page .userlist .user-item .imgbox img {
	display: block;
	width: 100%;
}

.page .userlist .user-item .name {
	font-size: .32rem;
}

.page .userlist .user-item .info {
	line-height: .42rem;
	color: #666;
	font-size: .22rem;
	margin-top: .1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.page .userlist .user-item .show {
	width: 1.75rem;
	height: .52rem;
	line-height: .52rem;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	background: #d8d8d8;
	display: block;
	font-size: .22rem;
	margin-top: 20px;
}

.page .userlist .user-item .show img {
	width: .36rem;
	margin-right: .09rem;
}

.page .userlist .user-item:active .show {
	background: #0c9ec8;
}

/* ���� */
.downloadlist {
	padding: .3rem;
}

.downloadlist .dowmload-item {
	height: .8rem;
	color: #030000;
	font-size: .24rem;
	position: relative;
	padding-left: .13rem;
	border-bottom: 1px solid #e6e6e6;
}

.downloadlist .dowmload-item .flex-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 1rem;
}

.downloadlist .dowmload-item .time {
	color: #999;
	vertical-align: middle;
	margin-right: .3rem;
}

.downloadlist .dowmload-item .btn {
	display: inline-block;
	height: .48rem;
	width: .48rem;
	vertical-align: middle;
	background: #d9d9d9 url(../img/down.png) no-repeat center center;
	background-size: .22rem auto;
}

.downloadlist .dowmload-item:active .btn {
	background-color: #0c9ec8;
}

.downloadlist .dowmload-item:before {
	content: '';
	width: .04rem;
	height: .2rem;
	position: absolute;
	display: block;
	background: #0c9ec8;
	left: 0;
	top: .3rem
}

.downloadlist .dowmload-item+.dowmload-item {
	margin-top: 20px;
}

.memberimglist {
	padding: .3rem;
}

.memberimglist li {
	float: right;
	width: 50%;
	margin-bottom: .25rem;

}

.memberimglist li:nth-child(even) {
	padding-left: .15rem;
}

.memberimglist li:nth-child(odd) {
	float: left;
	padding-right: .15rem;
}

.memberimglist li a {
	color: #333;
	display: block;
	text-align: center;
}

.memberimglist li a .imgbox {
	width: 100%;
	margin-bottom: .25rem;
}

.memberimglist li a .imgbox img {
	display: block;
	width: 100%;
	height: 100%;
}

/* 筛选 */
.filter-hd {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1.05rem;
	padding-left: .3rem;
}

.filter-hd .returnback {
	background: url(../img/returnback.png) no-repeat center left;
	background-size: .28rem auto;
	display: block;
	height: 100%;
	color: #333;
	font-size: .3rem;
	padding-left: .75rem;
}

.filter-bd {
	position: fixed;
	top: 1.05rem;
	left: 0;
	width: 100%;
	overflow: auto;
	bottom: .86rem;
	padding: 0 .3rem;
}

.filter-bd .filter-txt .title {
	color: #333;
	font-size: .28rem;
	display: block;
	line-height: .6rem;
}

.filter-bd .filter-txt input[type=text] {
	display: block;
	width: 100%;
	line-height: .6rem;
	border: 1px solid #e0e0e0;
	text-indent: .2rem;
	background: none;
}

.filter-bd .taglist {
	margin: 0 -.08rem;
}

.filter-bd .taglist .tag {
	width: 25%;
	float: left;
	padding: 0 .08rem;
	text-align: center;
	margin-bottom: .2rem;
}

.filter-bd .taglist .tag>span {
	line-height: .6rem;
	color: #666;
	font-size: .24rem;
	border: 1px solid #e0e0e0;
	display: block;
}

.filter-bd .taglist .tag.active>span {
	background: #2d92ee;
	border: 1px solid #2d92ee;
	color: #fff;
}

.timerange .time,
.timerange span {
	float: left;
	line-height: .6rem;

}
.timerange span{
	color: #666;
	margin: 0 .2rem;
}
.timerange .time {
	width: 2.35rem;
	background: url(../img/rili.png) 1.85rem center no-repeat;
	background-size:.22rem auto ;
	
}

.filter-ft {
	position: absolute;
	bottom: 0;
	line-height: .86rem;
	left: 0;
	width: 100%;
	overflow: hidden;

}

.filter-ft a {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	line-height: .86rem;
	font-size: .32rem;
	color: #666;
	background: #f6f6f6;
}

.filter-ft a.confirmBtn {
	background: #2d92ee;
	color: #fff;
}
.joinBtn{
	position: absolute;
	bottom: 2rem;
	left: 0;
	right: 0;
	background: #0790b7;
	color: #fff;
	line-height: .75rem;
	text-align: center;
}
.filterbox.active {
    left: 0;display:block;
}
.filterbox {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    z-index: 10000;
    transition: all .3s;
    display:none;
}
.more {
    text-align: center;
    display: block;
    color: #999;
}