|
- .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: 600rpx; */
- }
- .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: 32rpx;
- overflow:hidden;
- text-overflow:ellipsis;
- display:-webkit-box;
- -webkit-box-orient:vertical;
- -webkit-line-clamp:1;
- color: #ffffff;
-
- }
- .chargeBox{
- margin-top: 30rpx;
-
- }
- .tiem{
- float: left;
- color: #999999;
- }
- .money{
-
- float: right;
- color: #ff3366;
- font-size: 34rpx;
- }
- .py{
- font-size: 26rpx;
- float: right;
- color: #ff3366;
- line-height: 46rpx;
- }
|