.livelist{ width: 46%; float: left; margin: 0 2%; margin-top: 10px; padding: 15rpx; overflow: hidden; box-sizing: border-box; border: 1px solid #ddd; position: relative; } .livelist image{ max-height: 100%; width: 100%; height: 280rpx; } .livelist .title{ font-size: 32rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .livelist .startt span{ font-size: 20rpx; float: right; color: #eab86a; } .livelist .startt{ font-size: 24rpx; color: #eab86a; white-space: nowrap; } .livelist .status{ position: absolute; top: 10px; color: #f00; right: 10px; font-size: 30rpx; } .navbar{ position: absolute; /* top: 50rpx; */ z-index: 999; background: rgba(255,255,255,0.6); left: 10%; width: 55%; border-radius: 45rpx; border: 1rpx solid #cdcdcd; margin-top: 10rpx; } .page__hd{padding: 8rpx 35rpx;} .page__title{ float: left;} .page__desc{} .navback{} .searchbox{ background: #eab86a; padding: 15rpx; } .searchtxt{ background: #fff; padding: 10rpx 15rpx; border-radius: 45rpx; } .searchtxt input{ padding-left: 55rpx; width: 80%; display: inline-block; line-height: 35rpx; vertical-align: middle; box-sizing: border-box; } .searchtxt button{ width: 20%; display: inline-block; font-size: 30rpx; line-height: 20rpx; padding: 20rpx 15rpx; background: #eab86a; border-radius: 45rpx; vertical-align: middle; color: #FFF; box-sizing: border-box; } .searchtj{ padding: 35rpx 20rpx;} .searchtj-title{ font-size: 34rpx; color: #666; } .worditem{display: inline-block; margin-top: 20rpx; margin-right: 20rpx; background: #eee; padding: 10rpx 30rpx; font-size: 28rpx; border-radius: 45rpx;}