/* pages/class/class.wxss */ page { background: #f5f5f5; } .top { height: 100rpx; display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; } .top_fi { position: fixed; top: 0; height: 100rpx; width: 100%; left: 0; z-index: 999; background: #fff; } .search { font-size: 24rpx; flex: 1; display: flex; align-items: center; height: 60rpx; background-color: #f5f5f5; border-radius: 40rpx; padding-left: 39rpx; } .search image { width: 32rpx; height: 32rpx; margin-right: 20rpx; } .search input { width: 498rpx; } .sear { font-size: 24rpx; color: #999; padding-left: 30rpx; } .cla_box { font-size: 28rpx; width: 100%; color: #3f4967; position: relative; background-color: #ffffff; border-radius: 0px 10rpx 10rpx 0px; margin-bottom: 26rpx; } .c-title{ font-size: 32rpx; letter-spacing: 2rpx; color: #666666; font-weight: bold; width: 100%; height: 90rpx; line-height: 90rpx; text-align: center; } .c-title image{ width: 16rpx; height: 10rpx; position: relative; top: -4rpx; } .c-title__l{ width: 122rpx; height: 16rpx; background-image: linear-gradient(90deg, #ff3019 0%, #999999 100%); border-radius: 8rpx; opacity: 0.1; position:absolute; top: 44rpx; left: 16rpx; } .c-two{ font-size: 28rpx; letter-spacing: 1rpx; color: #999999; text-align: center; height: 80rpx; line-height: 80rpx; } .cla_box .c-two__active{ background-color: #f5f5f5; color: #ee7b1e; } .class_ { position: absolute; top: 130rpx; left: 0; z-index: 9; width: 180rpx; border-radius: 0rpx 10rpx 10rpx 0rpx; } .class_scroller{ border-radius: 0rpx 10rpx 10rpx 0rpx; } .mid_ { margin-left: 210rpx; position: relative; z-index: 1; overflow-y: scroll; margin-top: 130rpx; width: 510rpx; } .mid_topimg{ width: 510rpx; height: 220rpx; border-radius: 10rpx; margin-bottom: 30rpx; } .mid_topimg image{ width: 510rpx; height: 220rpx; border-radius: 10rpx; } .mid_data{ background-color: #fff; border-radius: 10rpx; width: 450rpx; padding: 30rpx; } .mid_data::after{ display: block; content: ''; clear: both; } .mid_top { display: flex; align-items: center; height: 120rpx; justify-content: center; margin-top: 110rpx; } .mid_top .top_name { font-size: 28rpx; color: #7a7a7a; margin: 0 50rpx; } .mid_t_line { width: 120rpx; height: 2rpx; background-color: #e5e5e5; } .pic_tur { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .pic_box { width:120rpx; margin-bottom: 40rpx; float: left; margin-right: 45rpx; } .pic_box:nth-child(3n){ margin-right: 0; } .pic_box image { width: 120rpx; height:120rpx; /* border-radius: 50%; */ } .pic_r{ width: 120rpx; font-size: 24rpx; color: #666666; margin-top: 10rpx; text-align: center; } .empty{ text-align: center; margin-top: 200rpx; font-size: 28rpx; color: #999; }