| 1 |
- .index-container{padding:0 30rpx;box-sizing:border-box}.index-container .good-box{margin-top:30rpx;position:relative;text-align:center}.index-container .good-box text{background:#f3f6f8;z-index:9;position:relative;padding:5px 10px;color:#909399}.index-container .good-box:before{content:"";bottom:20rpx;position:absolute;left:0;height:1px;right:0;background:#eee;z-index:8}.index-container .project-box{padding:30rpx 0;position:-webkit-sticky;position:sticky}.index-container .project-box .project-name{display:flex;font-size:16px;align-items:center;font-weight:400}.index-container .project-box .project-icon{margin-left:8rpx}.index-container .banner-box{border-radius:20rpx;overflow:hidden}.index-container .swiper-box{height:400rpx}.index-container .swiper-item{width:100%;height:100%;background-size:cover;background-position:bottom}.index-container .swiper-item-box:first-child{border-radius:20rpx 0 0 20rpx}.index-container .swiper-item-box:last-child{border-radius:0 20rpx 20rpx 0}.index-container .grid{display:flex;flex-wrap:wrap;margin-top:30rpx}.index-container .grid .grid-item{flex:1;height:180rpx;background:#fff;border-radius:16rpx;color:#fff;display:flex;align-items:center;padding:0 10px;justify-content:space-between}.index-container .grid .grid-item.red{background:linear-gradient(90deg,#f24f68,#ed8598)}.index-container .grid .grid-item.blue{background:linear-gradient(90deg,#459fe6,#6cc9e4)}.index-container .grid .label{font-size:36rpx;margin-bottom:5px}.index-container .grid .sub-label{color:hsla(0,0%,100%,.5);font-size:24rpx;display:flex;align-items:center;height:40rpx}.index-container .grid .sub-label-icon{opacity:.7}.index-container .grid .grid-item:nth-child(2n){margin-left:30rpx}.index-container .grid .home-filled{color:#eee;opacity:.3}
|
