/* pages/main/main.wxss */ @import '../../templates/nodata/nodata.wxss'; .fixed{ box-shadow:0px 0px 43rpx 0px rgba(246,246,246,1); position: fixed; top: 0; left: 0; width: 100%; background:rgba(255,255,255,1); z-index: 1000; } .li{ padding: 0; /* margin-top:40%; */ } .li-nav{ height:98rpx; line-height: 80rpx; background:rgba(255,255,255,1); display: flex; justify-content: space-around; margin-top: 30rpx; font-weight: bold; transition: all 0.3s; } .li-child-items{ display: inline-block; } .li-nav-items{ color: #393939; font-size: 34rpx; text-align: center; padding-bottom: 10rpx; transition: all .3s; } .li-nav-items-num{ background:#FF6465 ; color: #fff; border-radius: 15rpx; height: 30rpx; line-height: 30rpx; display: inline-block; padding:0 10rpx; font-size: 24rpx; margin-left: 5rpx; } .li-nav-active{ border-bottom: 5rpx solid #FF6465; color: #FF6465; } /* 老师 */ .li-teach{ padding: 30rpx 0; } .li-teach-img{ width: 70rpx; height: 70rpx; margin: auto 30rpx; border-radius: 50%; position: relative; bottom: 18rpx; } .li-teach-items{ display: inline-block; position: relative; top: 6rpx; } .li-teach-items-top{ margin-bottom: 10rpx; color: #393939; font-size: 30rpx; } .li-teach-items-top-sub{ display: inline-block; padding: 5rpx 8rpx; color: #fff; font-size: 22rpx; border-radius:8rpx; margin: 0 10rpx; } .li-blue{ background: #378EEF; } .li-red{ background: #FF6465; } .li-active-red{ color: #FF6465 !important; } .li-yellow{ background: #FFB400; } .li-teach-items-down{ color: #999999; font-size: 22rpx; } /* 弹幕 */ .model-list{ margin:10rpx 50rpx; color: #393939; font-size: 30rpx; } .model-list-class{ padding: 40rpx 0; border-bottom: 1rpx solid #E5E5E5; } .model-list-items{ margin-top: 78rpx; } .model-list-items-img{ width: 44rpx; height: 44rpx; margin-right: 30rpx; } .model-footer{ height:120rpx; line-height: 120rpx; background:rgba(245,245,245,1); text-align: center; } .model-list-items-tips{ color: #FD6669; font-size: 24rpx; margin-left: 15rpx; } .li-flex{ display: flex; } /* 搜索 */ .li-search{ display: flex; justify-content: space-between; margin:23% 24rpx 20rpx 24rpx; } .child-nav{ width:377rpx; height:88rpx; color: #FF6465; font-size: 30rpx; background:rgba(255,255,255,1); box-shadow:0px 6rpx 30rpx 0px rgba(81,108,227,0.25); border-radius:44rpx; display: flex; justify-content: space-around; margin: 25rpx auto 15rpx; } .child-nav-items{ height:76rpx; line-height: 76rpx; background:transparent; border-radius:37rpx; text-align: center; padding: 0 50rpx; margin: auto; } .child-nav-items-active{ background:rgba(255,100,101,1); color: #fff; } .li-search-left{ width: 82%; height:68rpx; line-height: 68rpx; background: #F1F3FA; border-radius: 34rpx; padding: 10rpx 20rpx; display: flex; justify-content: flex-start; align-items: center; } .li-search-left-img{ width: 29rpx; height: 29rpx; margin: auto 30rpx; } .li-search-left-input{ color: #393939; font-size: 26rpx; display: inline-block; /* position: relative; bottom: 0; */ /* margin-top: 20rpx; */ } .li-search-left-input-pla{ color: #AAAAAA; font-size: 26rpx; } .li-search-right{ color: #6174D9; font-size: 26rpx; margin: auto 24rpx; } /* 审核 */ .li-review-items{ padding: 30rpx 24rpx 30rpx 47rpx; } .li-review{ display: flex; justify-content: space-between; } .li-review-btn{ display: flex; justify-content: space-between; margin: auto 0; } .li-review-pass{ color: #fff; width:120rpx; height:60rpx; background:rgba(88,199,96,1); border-radius:30rpx; line-height: 60rpx; text-align: center; margin-right: 30rpx; } .li-review-refuse{ color: #fff; width:120rpx; height:60rpx; background:#FF6465; border-radius:30rpx; line-height: 60rpx; text-align: center; } /* 登录 */ .li-child{ display: flex; justify-content: flex-start; padding: 30rpx 0; margin: 0 28rpx; position: relative; } .li-child-img{ width: 70rpx; height: 70rpx; margin: auto 0; border-radius: 50%; position: relative; bottom: 0; } .li-child-two-img{ width: 70rpx; height: 70rpx; position: relative; top: 20rpx; /* margin: auto; */ } .li-child-info{ display: inline-block; /* width: 80%; */ margin: auto 24rpx; } .li-child-two{ padding: 12rpx 24rpx; display: inline-block; width: 79%; } .li-tips{ width: 34rpx; height: 29rpx; margin: 0 10rpx; } .li-child-info-name{ color: #393939; font-size: 30rpx; margin-left:25rpx; position: relative; top: 25rpx; } .li-child-info-tips{ color: #393939; font-size: 30rpx; } .li-child-info-grades{ color: #666666; font-size: 24rpx; margin-top: 10rpx; } .batch-btn{ width:180rpx; height:74rpx; background:rgba(255,100,101,1); border-radius:37rpx; line-height: 74rpx; font-size:28rpx; font-family:PingFang SC; font-weight:bold; color:rgba(255,255,255,1); text-align: center; margin: auto 0; }