.m-finance{background:#f1f1f1;padding:70px 0}
.m-finance .finance-item{background:url(http://oss.tphd123.com/assets/static/ccpoll/images/icon-bg.png);background-size:100% 100%;height:333px;margin-top:40px;position:relative}
.m-finance .finance-item>*{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition: 0.4s;}
.m-finance .finance-item .before{opacity:1;padding-top:30px;text-align:center}
.m-finance .finance-item .before>img{width:290px;display:block;margin:auto}
.m-finance .finance-item .before>p{color:#333;font-size:22px}
.m-finance .finance-item .hover{background:url(http://oss.tphd123.com/assets/static/ccpoll/images/icon-bg2.png) no-repeat;background-size:100% 100%;text-align:center}
.m-finance .finance-item .hover .top div{color:#fff;font-size:22px;padding-top:30px}
.m-finance .finance-item .hover .top p{color:#fff;font-size:16px;line-height:25px;display:inline-block;text-align:left;padding:0 30px;margin-top:20px;height:145px}
.m-finance .finance-item .hover .bottom div{color:#b2c6eb;font-size:22px}
.m-finance .finance-item .hover .bottom p{color:#90b2f1;font-size:16px;padding:0 30px}

.m-finance .finance-item:hover .before{opacity: 0;}
.m-finance .finance-item:hover .hover{opacity: 1;}

.m-create{
	background-color: #347bfd;
	background-image: url(http://oss.tphd123.com/assets/static/ccpoll/images/bg2_2.png);
	background-repeat: no-repeat;
	background-size: auto 160px;
	background-position: center;padding: 60px;}
.m-create .page-title .title{color: #FFFFFF;}