.wrap{position:relative;margin:25px auto 20px}

.banner{position:relative;width:100%;height:300px;background:url(../image/banner_wm.jpg) center 0 no-repeat}
.pingan-joinnum{position:absolute;top:170px;width:100%;text-align:center;font-weight:600;font-size:24px;color:#fd362a}
.pingan-joinnum span{font:40px/80px Impact,sans-serif;margin:0 20px;position:relative;top:5px}

.we-have-done{width:100%;background-color:#f2f2f2}

.we-have-done .glory {
	position: relative;
	float: left;
	width:18%;
	height: 75px;
	line-height:75px;
	font-size:16px;
	color:#999;
	text-align: center;
}
.we-have-done .glory-l{width:23%}
.icon-png-bar{margin:0 1.5%}

.we-have-done .glory span{color:#b68571;vertical-align: middle;font:28px/75px Impact,Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;margin:0 13px}

i.icon-png{background:url(../image/icon.png)}
i.icon-png-user,i.icon-png-group,i.icon-png-activity{position:absolute;top:18px;left:0;width:40px;height:40px;display:inline-block}
i.icon-png-user{background-position:0 -30px}
i.icon-png-group{background-position:0 -75px}
i.icon-png-activity{background-position:0 -120px}
i.icon-png-bar{float:left;width:.7%;height:70px;display:inline-block;background-position:0 -260px}
i.icon-png-post-activity,i.icon-png-post-help{width:35px;height:35px;display:inline-block;position:relative;top:10px;margin-right:15px}
i.icon-png-post-activity{background-position:0 -170px}
i.icon-png-post-help{ background-position:0 -215px}
i.icon-png-step{width:22px;height:22px;display:inline-block;margin:0 20px;position:relative;top:5px}
.activity-process{padding:0 25px;background-color:#f2f2f2;height:60px;line-height:60px;font-size:14px}
.activity-process span{font-size:18px;margin-right:20px}

.pro-switch {
	width:656px;
	height: 380px;
	overflow: hidden;
	position: relative;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	height:380px;
	display: block;
	object-fit: cover;
}
.flexslider .videos img {
	width: 100%;
	height:402px;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 290px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
	*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../image/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.slide-intro{position:absolute;bottom:0;z-index:1;width:650px;font-size:24px;padding:15px;background:rgba(255,90,90,.8);color:#fff}
.video-slide-intro{width:620px}
.flex-control-nav {
	position: absolute;
	bottom: 18px;
	right:10px;
	margin:0;padding:0;
	z-index:2;
}
.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	width: 8px;
	height: 8px;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: #fff;
	float: left;
	margin: 0 3px;
	display: inline;
	text-indent:-20px;
}
.flex-control-paging li a.flex-active {
	opacity:0.9;
	filter:alpha(opacity=90);
	background-color:#d80c18;
}


.index-layer{margin-top:40px;overflow:hidden}
.record-top{width:300px;height:380px;background-color: #f9f9f9;padding:0 22px}
.record-top-title{width:100%;margin-top:24px;text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;overflow:hidden}
.record-top-title a{font-size:16px;color:#d80c18}
.record-top-desc{margin-top:10px;height:20px;line-height:20px;overflow: hidden}

.index-h3 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 200;
	color: #3e3a39;
	position:relative;
	overflow: hidden;
}
.index-h3 i {
	display: inline-block;
	background: #d80c18;
	width: 6px;
	height: 22px;
	position:relative;
	top:2px;
	margin-right: 11px;
}
.index-h3 span.title{background:#fff;color:#d80c18;padding-right:15px}
.index-h3 span.more {
	font-size: 14px;
	color: #666;
	position:absolute;
	right:0;
	top:3px;
	background:#fff;padding-left:15px;
	z-index:2
}
.index-h3 span.more a{color:#d80c18}

.index-h3 span.line {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #e9e9e9;
	position:absolute;
	top: 15px;
}

.top-module{width:45%;height:248px;padding:0 2% 2%;overflow:hidden}

.module-title .more{font-size:12px;color:#999}

.case-type{font-size:14px}
.case-type a{margin: 0 12px;
	display: inline-block;
}
.case-type .line {
	border-right: 1px solid #ddd;
	height: 12px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
}
.case-type a:hover,.case-type a.more {
	color: #ee0000;
	text-decoration:none
}


.activity-new-title {
	height: 30px;
	position:relative;
	top:4px
}
.more-url{
	position: absolute;
	top: 8px;
	right: 0;

}
.more-url a{
	font-size:14px;
	padding: 5px 15px;
	margin-left: 10px;
	color: #666;
	border: 1px solid #dcdcdc;
	border-radius: 19px;
}

.more-url a:hover{
	background-color: #ff9100;
	border-color: #ff9100;
	text-decoration: none;
	color: #fff;
}

.activity-list li,.case-list li,.index-banner li,.index-rand li{list-style:none}


.activity-wrapper{width:100%;overflow:hidden}
.activity-list{width:1020px;overflow:hidden;position:relative;margin-top:25px}
.activity-list li {
	width:320px;
	overflow:hidden;
	margin-bottom:20px;
	float:left;
	margin-right:20px;
}

.activity-photo{position:relative;width:100%;height:200px;overflow:hidden}
.activity-status {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	text-align: center;
	padding: 0 5px;
	height: 22px;
	width: 54px;
	line-height: 22px;
	color: #fff;
}
.activity-end {
	background: #eee;
	color:#666
}
.activity-in {
	background: #e13d46;
}
.activity-prepub {
	background: #ffb933;
}

.activity-info{border-left:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed}
.activity-list .item-info{padding:12px}
.activity-list .f3{height:28px;line-height:25px;overflow:hidden;font-weight:100;font-size:16px;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;-o-text-overflow:ellipsis}
.activity-list .f3 a{color:#2a2a2a}

.activity-list img {opacity: 0.95;min-height:200px}
.activity-list a:hover img{opacity: 1;}

.activity-list .des{line-height:24px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;-o-text-overflow:ellipsis}
.activity-list .extra-info {background:#f9f9f9;border-top:1px dotted #ddd;width:100%}

.num-info{display:inline-block;width:30%;line-height:18px;padding:8px 0}
.num-info em{display:inline-block;width:100%;font-style:normal;color:#333;font-size:14px;font-weight:500;text-align:center}
.num-info .info-name{line-height:18px;color:#999;font-size:12px;font-weight:400}
.info-hasnum{width:40%;text-align:center}



.post-activity,.post-help{width:50%;height:60px;line-height:60px;display:inline-block;font-size:24px;color:#fff; text-align:center;font-weight:300}
a.post-activity:hover,a.post-help:hover{ text-decoration:none}
.post-activity{background-color:#e03d46}.post-help{background-color:#ffb933}


.video-list-tab li {
	float: left;
	width:200px;
	overflow: hidden;
	min-height: 1px;
	display: inline;
	margin-right: 22px;
	margin-bottom:10px;
	list-style: none;
}

.video-list-tab li:nth-child(3),.video-list-tab li:nth-child(6),.video-list-tab li:nth-child(9) {
	margin-right:0
}

.video-list-tab li img:hover {
	z-index: 10;
	box-shadow: 0 2px 8px rgba(0,0,0,.3)
}

.video-list-tab li .item-title{
	margin-top: 2px;
	padding: 5px 0 7px;
	height:22px;
	line-height: 14px;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.video-list-tab li .item-title a:hover{
	text-decoration: none;
}

.record-module{margin-top:40px}
.record-tab li,.activity-tab li{float:left;margin-right:5px;width:114px;height:32px;line-height:32px;text-align:center;font-size:14px;background-color:#eee;cursor:pointer}
.record-tab li.nav,.activity-tab li.nav{background-color:#ffb933;color:#fff}

.list-wrapper dl{width:100%;padding:25px 0;border-bottom:1px dashed #ddd;overflow:hidden;position:relative}
.list-wrapper dt{font-size:16px;height:35px;line-height:16px}
.list-wrapper dt a{color:#333}
.list-wrapper dt a:hover{color:#e2395a;text-decoration:none}
dd.posttime{position:absolute;top:45px;right:10px;font-size:16px}
.s-pic{float:left;margin-right:15px}
.brief{font-size:14px;line-height:26px}
.list-head{font-size:14px}
.list-wrapper i.icon{margin-left:10px}

.rand-module{margin-top:40px;width:310px}
.rand-tab li{float:left;width:50%;height:32px;line-height:32px;text-align:center;font-size:14px;background-color:#eee;cursor:pointer}
.rand-tab li.nav{background-color:#ffb933;color:#fff}
.rand-list li{
	position:relative;
	padding:12px 0;
	line-height: 22px;
	border-bottom: 1px dashed #ddd;font-size:14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
}

.rand-list .avatar{position:absolute;right:0}
.rand-list .avatar img{border-radius:48px}
.rand-list .num {
	position:absolute;
	top:23px;
	left:0;
	font-size:22px;
	color: #d80c18;
	font-family: "georgia", "STHeiti", "Microsoft YaHei", "simsun", "sans-serif", Arial;
}

.rand-list .name,.rand-list .score {
	display: block;
	margin-left:35px;
}
.rand-list .score{margin-top:5px}

.successful-case{width:1020px;position:relative;margin-right:-15px}
.successful-case .case-list{height:450px}
.successful-case .case-list li{float:left;border:1px solid #eee;width:318px;height:400px;margin-right:19px}
.successful-case .case-list li .case-pic{display:block;height:400px;text-decoration:none}
.successful-case .case-list li .case-pic .pic-wrap{position:relative;display:block;width:100%;height:240px;overflow:hidden}
.successful-case .case-list li .case-pic .pic-wrap img{width:100%;min-height:240px}
.successful-case .case-list li .case-pic .pic-wrap .desc{position:absolute;display:block;bottom:-100%;left:0;width:280px;line-height:22px;background:rgba(90,90,90,.9);background:#666 \0;*background:#666;padding:35px 20px 25px;text-align:center;-webkit-transition:bottom .8s;-moz-transition:bottom .8s;-ms-transition:bottom .8s;-o-transition:bottom .8s;transition:bottom .8s}
.successful-case .case-list li .case-pic .pic-wrap .desc span{color:#fff;text-align:left;display:block;margin-bottom:10px;font-size:14px}
.successful-case .case-list li .case-pic .pic-wrap .desc .view-project{color:#e55f53}
.successful-case .case-list li .title{display:block;font-size:20px;height:25px;line-height:25px;color:#333;padding:20px 15px;overflow:hidden;white-space:nowrap;word-break:break-all;text-overflow:ellipsis}
.successful-case .case-list li .case-achievement{display:block;padding-left:15px}
.successful-case .case-list li .case-achievement .money-raise b{color:#666;font-weight:400;padding-right:5px}
.successful-case .case-list li .case-achievement .number{font-size:16px;color:#d80c18;font-style:normal}
.successful-case .case-list li .case-achievement .support-number{padding-left:30px}
.successful-case .case-list li .case-achievement .support-number b{color:#666;font-weight:400}
.successful-case .case-list li .funder{display:block;margin-top:20px;padding-left:15px}
.successful-case .case-list li .funder .avatar{display:block;float:left;width:40px;height:40px;overflow:hidden;padding-right:10px}
.successful-case .case-list li .funder .avatar img{width:40px;height:40px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.successful-case .case-list li .funder .intro{display:block;float:left;color:#999;line-height:20px}
.successful-case .case-list li .funder .intro .funder-name{display:block;font-weight:100}.successful-case .case-list li .funder .intro .funder-info{display:block;font-style:normal}
.successful-case .case-list li .case-pic:hover .desc{bottom:0}

.successful-case .case-list li:last-child{
	margin-right:0
}

.info-items {
	width: 1020px;
	height:420px;
	position: relative;
	margin-right: -20px;
}
.info-item-box {
	display: inline-block;
	margin-bottom: 20px;
	margin-right:20px;
	width: 485px;
	height: 168px;
	border: 1px solid #dcdddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: white;
	overflow: hidden;
	cursor: pointer;
}
.info-item-box:hover{
	background-color:#f9f9f9;
}
.info-item-left{
	float:left;
	height:168px;width:208px;
	background-size:cover;
	background-position:center;
}
.info-item-left-i{
	padding:7px;margin-left:10px;
	font-size:16px;color:white;line-height:50px;
	border-radius:23px;
	-moz-border-radius:23px; /* Old Firefox */
	background-color:#5ec16b;
}
.info-item-right{
	float:left;
	width:270px;
}
.info-item-right-h3{
	padding:10px 10px 0px;margin:0px;margin-bottom:-5px;
	width:95%;
	height:44px;
	line-height:22px;
	overflow:hidden;
	font-size:18px;font-weight:400;
}
.info-item-right-p{
	padding:0px 10px;
	width:255px;height:60px;
	line-height:22px;
	font-size:14px;font-weight:400;color:#999;
}
.info-item-right-time{
	padding:10px 10px 0px;
	font-size:14px;font-weight:400;color:#999;text-align:right;
}


.wish-box {
	border: 1px solid #e8e8e8;
	background-color: #fafafa;
	padding: 15px;
	cursor: pointer;
	margin-bottom: 15px;
	transition: .5s;
}
.wish-box:hover {
	box-shadow: 0 0 20px rgba(204, 0, 0, 0.3);
}
.wish-box a:hover{
	text-decoration: none;
}

.wish-box .titless {
	font-size: 15px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 48px;
}
.wish-box .timess {
	margin-top:15px;
}
.wish-box .timess .time {
	color: #999;
	font-size: 15px;
	line-height: 23px;
	margin-top: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wish-box .timess .types {
	float: right;
	font-size: 15px;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 12px;
	line-height: 1;
}
.wish-box .timess .types.green {
	background-color: #4bc665;
}

.wish-box .timess .types.red {
	background-color: #ff7461;
}
.chat-box{
	height:551px;
	margin-top:20px;
	background-color: #f9f9f9;
	border: 1px solid #e8e8e8;
	position: relative;
}

/*kf*/
.chatList{
	height:490px;
	padding:10px 0;
	overflow: auto;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
	width:3px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
	border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
	border-radius:10px;
	background:#e5e5e5;
	-webkit-box-shadow:#e5e5e5;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(175, 190, 255, 0.4);
}
.MN_ask {
	padding-right: 100px;
}
.MN_answer, .MN_ask {
	position: relative;
	padding: 5px 20px;
	word-break: break-all;
	word-wrap: break-word;
	font-size:15px;
}
.MN_answer, .MN_ask {
	padding: 5px 20px 5px 60px;
}
.MN_kfCtn {
	border: 1px solid #fff;
	background: #fff;
}
.MN_kfCtn, .MN_khCtn {
	display: inline-block;
	border-radius: 5px;
	line-height: 20px;
	max-width: 100%;
	padding: 10px;
	position: relative;
}
.MN_answer .MN_kfImg, .MN_ask .MN_khImg {
	top: 0;
	left: -50px;
}
.MN_answer .MN_kfImg, .MN_ask .MN_khImg {
	position: absolute;
	width: 36px;
	height: 36px;
	bottom: 0;
	max-width: none;
}
.MN_triangle {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
}
.MN_kfTriangle1 {
	left: -9px;
}
.MN_kfTriangle2, .MN_kfTriangle1 {
	top: 10px;
	left: -8px;
}
.MN_kfTriangle1 {
	border-top: 10px solid transparent;
	border-right: 15px solid #fff;
	border-bottom: 0 solid transparent;
	left: -10px;
	bottom: -1px;
}
.MN_kfTriangle2 {
	border-top: 8px solid transparent;
	border-right: 8px solid #fff;
	border-bottom: 8px solid transparent;
	bottom: -1px;
}
.MN_gusList {
	line-height: 25px;
	margin-top: 5px;
	color: #5D8EFF;
}
.MN_guideQue{
	cursor: pointer;
}
.MN_ask {
	text-align: right;
}
.MN_khCtn {
	font-size:15px;
	background-color: #eceff1;
	color: #333;
	text-align: left;
	border: none;
}
.MN_kfCtn a{
	color: #5D8EFF;
	text-decoration: none;
}
.MN_khTriangle1, .MN_khTriangle2 {
	top: 10px;
}
.MN_khTriangle1 {
	border-top: 8px solid transparent;
	border-left: 8px solid #eceff1;
	border-bottom: 8px solid transparent;
	top: 7px;
	right: -7px;
}
.MN_khTriangle2 {
	border: none;
}
.chatWrite {
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	height:40px;
	background-color: #fff;
	border-top:1px solid #f1f1f1;
	padding:0 10px;
	font-size:15px;
}
.chatWrite input{
	width:245px;
	border: none;
	padding:0 10px 0 0;
	height:40px;
	font-size:15px;
}
.send-btn:hover{
	text-decoration: none;
}