.m-finance{background:linear-gradient(0deg,#e7f0fe,#f7fafc);padding:70px 0 100px}
.m-finance .finance-item{width:350px;height:370px;text-align:center;border-radius:10px;position:relative;background:#fff;box-shadow:0 0 16px 0 rgba(98,98,100,.1);margin-top:90px;cursor:pointer;transition:all .4s ease 0s}
.m-finance .finance-item .before{position:absolute;top:70px;left:0;width:100%;text-align:center;transition:.3s}
.m-finance .finance-item .before>img{width:139px;display:block;margin:auto}
.m-finance .finance-item .before>p{color:#333;font-size:22px;margin-top:20px}
.m-finance .finance-item .hover{opacity:0;color:#fff;padding-top:60px;transition:.3s}
.m-finance .finance-item .hover div{font-size:20px;font-weight:500}
.m-finance .finance-item .hover img{margin-bottom:15px}
.m-finance .finance-item .hover p{font-size:15px;line-height:25px;padding:0 30px;margin-top:5px;margin-bottom:15px}
.m-finance .finance-item:hover{transform:translateY(-10px)}
.m-finance .finance-item:hover .before{top:-68px}
.m-finance .finance-item:hover .before p{margin-top:0;color:#fff;display:none}
.m-finance .finance-item:hover .hover{opacity:1}
.m-finance li:nth-child(1) .finance-item:hover{background:linear-gradient(-30deg,#6787ff,#2a57ff)}
.m-finance li:nth-child(2) .finance-item:hover{background:linear-gradient(-30deg,#34d6a1,#38cf7b)}
.m-finance li:nth-child(3) .finance-item:hover{background:linear-gradient(-30deg,#686eff,#b082ff)}
.m-finance li:nth-child(4) .finance-item:hover{background:linear-gradient(-30deg,#f8c84c,#f8788b)}
.m-finance li:nth-child(5) .finance-item:hover{background:linear-gradient(-30deg,#7ee1f9,#6cbaf8)}
.m-finance li:nth-child(6) .finance-item:hover{background:linear-gradient(-30deg,#fc4a1a,#f7b733)}
.m-create{background-image:url(http://oss.tphd123.com/assets/static/ccpoll/images/bg2_3.png);background-size:cover;background-position:center;padding:60px}
.m-create .page-title .title{color:#fff}