.m-functional-card-container{width:286px;height:240px;border-radius:2px}.m-functional-card-container .m-functional-card-bg{position:relative;width:100%;height:160px;padding-left:16px;color:#fff;background-position:center;background-size:cover}.m-functional-card-container .m-functional-card-bg-block{opacity:1;transition:opacity .25s ease-in-out}.m-functional-card-container .m-functional-card-bg-block>i{position:absolute;top:-2px;font-size:35px}.m-functional-card-container .m-functional-card-bg-operations{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .25s ease-in-out;transform:translate(-50%,-50%)}.m-functional-card-container .m-functional-card-bg-operations>button{width:120px;border-radius:2px}.m-functional-card-container .m-functional-card-bg-operations>button:first-of-type{margin-bottom:10px}.m-functional-card-container .m-functional-card-bg-title{padding-top:14px;margin:0;font-size:16px;font-weight:500;line-height:28px}.m-functional-card-container .m-functional-card-bg-intro{font-size:14px;opacity:.8}.m-functional-card-container .m-functional-card-bg-intro::after{display:block;width:20px;padding-top:20px;content:"";border-bottom:2px solid #fff}.m-functional-card-container .m-functional-card-detail{width:100%;padding:16px 0 16px 16px;background:#fff;border-radius:2px}.m-functional-card-container .m-functional-card-detail-name{padding:0;margin:0 0 4px;font-size:16px;font-weight:500;line-height:24px}.m-functional-card-container .m-functional-card-detail-desc{padding-top:3px;margin:0;font-size:12px;font-weight:400;line-height:20px;color:#8c8c8c;text-align:left}.m-functional-card-container:hover .m-functional-card-bg-block{opacity:0}.m-functional-card-container:hover .m-functional-card-bg-operations{opacity:1}