.m-finance{padding:70px 0 100px}
.m-finance .finance-item{
	text-align: center;
	height: 305px;
	margin-top: 40px;
	position: relative;
}
.m-finance .finance-item>*{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:.4s}
.m-finance .finance-item .before{opacity:1;padding-top:40px;border: 1px solid #eee;border-radius: 10px;}
.m-finance .finance-item .before>img{width:150px;display:block;margin:auto}
.m-finance .finance-item .before>p{color:#333;font-size:22px;margin-top: 20px;}

.m-finance .finance-item .hover{width:100%;height:400px;position:relative;top:-40px;background:#fff;box-shadow:0 8px 54px 0 rgba(13,33,163,.22);border-radius:10px;text-align:center;z-index:10}
.m-finance .finance-item .hover .icon{width:100px;margin-bottom:15px;margin-top: 20px;}
.m-finance .finance-item .hover div{color:#0e1694;font-size:20px;font-weight:500}
.m-finance .finance-item .hover p{color:#999;font-size:15px;line-height:25px;display:inline-block;text-align:left;padding:0 30px;margin-top:15px;margin-bottom:15px}
.m-finance .finance-item .hover .top{border-bottom:1px solid #eee;margin-bottom:15px}
.m-finance .finance-item:hover .before{opacity:0}
.m-finance .finance-item:hover .hover{opacity:1}
.m-create{background-color:#1423a8;background-image:url(http://oss.tphd123.com/assets/static/ccpoll/images/bg2_2.png);background-repeat-y: no-repeat;background-size:auto 150px;background-position:bottom;padding:60px}
.m-create .page-title .title{color:#fff}