.BoxBg{ min-height: 1400rpx; } .searchBox{ height: 80rpx; } .searchF{ /* width: 80%; */ height: 80rpx; background-color: rgba(51, 51, 51, 0.5); border-radius: 60rpx; margin: 20rpx; } .searchText{ width: 80%; margin: 0 auto; height: 100%; color: #ffffff; } .categoryBox{ overflow: scroll; margin-top: 40rpx; } .columnBox{ width: 18%; /* float: left; */ position: fixed; top: 270rpx; height: 1200rpx; overflow: scroll; } .columnBox::-webkit-scrollbar { display: none; } .courseBox{ float: left; width: 78%; /* height: 1066rpx; */ margin-left: 20%; overflow: scroll; } .itemBox_a{ height: 120rpx; background-image: -webkit-linear-gradient(left, #103930, #121620) } .itemBox{ height: 120rpx; } .Text{ height: 60rpx; text-align:center; line-height: 60rpx; color: #ffffff; margin-top: 30rpx; } .Text_a{ height: 60rpx; text-align:center; line-height: 60rpx; color: #ffffff; margin-top: 30rpx; font-size: 30rpx; border-left: 2rpx solid #00ff99; color:#00ff99 ; } .courseItemBox { margin-bottom: 20rpx; } .Img{ width: 200rpx; height: 120rpx; border-radius: 10rpx; /* background-color: chocolate; */ float: left; margin-right: 30rpx; } .TextBox{ width: 320rpx; height: 120rpx; float: left; } .Name{ height: 50rpx; line-height: 50rpx; font-size: 30rpx; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; color: #ffffff; } .chargeBox{ margin-top: 30rpx; } .tiem{ font-size: 24rpx; float: left; color: #999999; } .money{ float: right; color: #ff3366; font-size: 26rpx; } .py{ font-size: 24rpx; float: right; color: #ff3366; line-height: 46rpx; }