.indexPage{ position: relative; min-height: 100vh; background: #F5F5F5; z-index: 1; padding-bottom: 202px; .background{ position: absolute; top: 0; z-index: -1; width: 100%; height: 300px; } .title{ font-size: 37px; color: #393484; font-weight: bolder; padding: 35px 0 30px 25px; } .list{ padding: 30px 23px 0 23px; .item{ border-radius: 6px; padding: 21px 11px 31px 57px; background: #FFFFFF; display: flex; flex-flow: row nowrap; margin-bottom: 17px; .infor{ padding-right: 26px; .name{ font-size: 28px; color: #2F3742; font-weight: bolder; line-height: 39px; } .createTimes{ display: inline; background: #A1B1F0; border-radius: 2px; font-size: 16px; margin-top: 19px; margin-bottom: 15px; padding: 5px; color: #4564DC; } .amount{ display: flex; flex-flow: row nowrap; align-items: flex-end; font-size: 28px; font-weight: bolder; color: #FE3371; .money{ padding-left: 10px; font-size: 20px; } } } .thumbnailUrl{ width: 200px; height: auto; margin-left: auto; } } } }