.gree-example-child-card-0 .recommend-list{overflow:hidden}.gree-example-child-card-0 .recommend-list .list-item{position:relative;width:100%;height:278px;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}.gree-example-child-card-0 .recommend-list .list-item .top{display:flex;align-items:center;justify-content:flex-end;width:100%;position:absolute;top:20px;left:0;overflow:hidden}.gree-example-child-card-0 .recommend-list .list-item .top .right{padding-right:20px}.gree-example-child-card-0 .recommend-list .list-item .bottom{position:absolute;left:25px;bottom:23px;display:flex;align-items:flex-start;flex-direction:column;color:#fffefe}.gree-example-child-card-0 .recommend-list .list-item .bottom h3{color:#fff;font-size:26px;margin:0}.gree-example-child-card-0 .recommend-list .list-item .bottom p{font-size:21px;margin:0}.gree-example-child-card-2 .demo-card-header-pic .card-header{height:20vw;background-size:cover;background-position:50%;background-color:#ffcc63;color:#404657}.gree-example-child-card-2 .demo-card-header-pic .card-content-padding>p{margin:.5em 0}.gree-example-child-card-2 .demo-card-header-pic .card-content-padding>p:first-child{margin-top:0}.gree-example-child-card-2 .demo-card-header-pic .card-content-padding>p:last-child{margin-bottom:0}.gree-example-child-card-2 .demo-card-header-pic .card-content-padding .title{color:#8e8e93}