#app{background: linear-gradient( 45deg, #FFFBFB 0%, #FFF8F8 100%) !important;}
#topBg{width: 100%;height: 21.875rem;display: flex;align-items: center;justify-content: center;overflow: hidden;}
#topBg .bgImg{width: 100%;vertical-align: middle;height: 100%;object-fit: cover;}
#main .listBox{width: 100%;height: 66.1rem;display: grid;grid-template-columns: repeat(3, 18.75rem);grid-template-rows: repeat(3, 19.5rem);column-gap: 3.75rem;row-gap: 3.75rem;}
#main .listBox .listItem{width: 18.75rem;height: 19.5rem;background-color: #fff;border-radius: 0.9375rem;overflow: hidden;}
#main .listBox .listItem:hover{box-shadow: 0px 4px 24px 0px rgba(241,227,227,0.9);cursor: pointer;}
#main .listBox .listItem .listItemImg{width: 100%;height: 11.5rem;border-radius: 0.9375rem;background-color: #f1f1f1;}
#main .listBox .listItem .listItemInfo{width: 100%;padding: 0.625rem 1rem 0;}
#main .listBox .listItem .listItemInfo .listItemInfoDetail{line-height: 1.875rem;font-size: 1.125rem;color: #333333;font-weight: 400;}
#main .listBox .listItem .listItemInfo .listItemInfoLong{line-height: 1.75rem;color: #1A1A1A;font-size: 1.25rem;margin-top: 0.625rem;font-weight: 600;}
#main .listBox .listItem .listItemInfo .listItemInfoLong span{color: #FF575F;}