.livePlayerPage{ position: relative; min-height: 100vh; background: #F5F5F5; z-index: 1; padding-bottom: 152px; .NavBar{ .lxy-nav-bar__left{ display: none; } .lxy-nav-bar__center{ padding-left: 0 !important; text{ padding-left: 25px !important; margin-right: auto; color: #FFFFFF; font-size: 36px; } } } .background{ position: absolute; top: 0; z-index: -1; width: 100%; height: 400px; } .title{ font-size: 37px; color: #393484; font-weight: bolder; padding: 15px 0 30px 25px; } .list{ padding: 0 23px 0 23px; .item{ border-radius: 6px; padding: 21px 11px 31px 57px; background: #FFFFFF; display: flex; flex-flow: row nowrap; margin-bottom: 17px; .infor{ width: calc(100% - 260rpx); margin-right: 26px; .name{ font-size: 28px; color: #2F3742; font-weight: bolder; line-height: 39px; height: 78px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .createTimes{ display: inline-block; background: #EFF3FF; border-radius: 2px; font-size: 16px; margin-top: 19px; margin-bottom: 15px; margin-left: 10px; padding: 5px 7px; color: #4564DC; border: 1px #A7B6F1 solid; } .amount{ display: flex; flex-flow: row nowrap; align-items: flex-end; font-size: 28px; font-weight: bolder; color: #FE3371; padding-left: 35px; .money{ padding-left: 10px; font-size: 20px; } } } .thumbnailUrl{ margin-bottom: 20px; width: 234px; height: auto; margin-left: auto; } } } }