index.wxss 4.2 KB

1
  1. page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view{box-sizing:border-box}.text-center{text-align:center}.font-weight{font-weight:700}.page-width{width:100%}.background-image{background-repeat:no-repeat;background-size:100% 100%;background-position:50%}page{font-size:32rpx;background:#f7f7f7}.page-width{width:100%}.custom-header-container{width:100%;top:0;z-index:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#fff;font-size:26rpx;background:transparent}.custom-header-container .header-bg{width:100%;position:absolute;overflow:hidden;z-index:0}.custom-header-container .header-bg image{width:100%;height:230px}.custom-header-container .custom-header-status-bar{width:100%;top:0;position:-webkit-sticky;position:sticky;z-index:100}.custom-header-container .custom-header-top-container{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 15rpx}.custom-header-container .custom-header-top-container .custom-header-title{height:44px;line-height:44px;font-size:36rpx;font-weight:400;font-family:Source Han Sans CN;color:#fbf9f9;z-index:1}.custom-header-container .cu-bar{width:100%;height:55px}.custom-header-container .head-search{width:100%;height:60rpx}.custom-header-container .head-search .head-search-item{width:690rpx;height:65rpx;background:#fff;border-radius:50%}.banner{width:94vw;height:auto;margin:0 3vw;padding:5vw 0;z-index:1}.banner .swipe{width:100%;height:42vw;border-radius:10px;overflow:hidden;z-index:1}.banner .swipe .banner-img{width:100%;height:100%}.course-list-icon{width:100%;height:60rpx;padding-left:20rpx;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:30rpx 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-list-icon .img{width:29rpx;height:31rpx;margin-right:10rpx}.course-list-icon .img image{width:100%;height:100%}.course-list-icon text{font-size:34rpx;font-family:Source Han Sans CN;font-weight:500;color:#3d3d3d}.placeholder-view{width:100%;height:100rpx}.course-list-item{width:100%;height:242rpx;padding:15rpx;border-bottom:1rpx solid #e5e5e5;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.course-item-left{width:251rpx;height:200rpx;margin-right:20rpx}.course-item-left image{width:100%;height:100%}.course-item-right .course-item-title{width:430rpx;font-size:34rpx;font-family:Source Han Sans CN;font-weight:500;color:#3d3d3d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-item-right .course-item-content{width:430rpx;height:35rpx;margin:15rpx 0 20rpx 0;font-size:26rpx;font-family:Source Han Sans CN;font-weight:400;color:#707070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-item-right .course-item-moneyAndBtn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.course-item-right .course-item-moneyAndBtn .moneyAndBtn-money{font-size:34rpx;font-family:Source Han Sans CN;font-weight:500;color:#ff4800}.course-item-right .course-item-moneyAndBtn .moneyAndBtn-money text{font-size:34rpx;font-family:Source Han Sans CN;font-weight:500;color:#ff4800;margin:0 8rpx}.course-item-right .course-item-moneyAndBtn .moneyAndBtn-btn{font-size:34rpx;font-family:Source Han Sans CN;font-weight:500;color:#fff;background:#f09a21;padding:10rpx 22rpx;text-align:center;box-shadow:0 4px 10px #999;border-radius:8rpx}