| 1 |
- .index-container{box-sizing:border-box;position:relative}.index-container .project-box{padding:20rpx 30rpx;display:flex;justify-content:space-between;background-color:#fff;border-top:1px solid #ededed;position:fixed;top:0;left:0;right:0;z-index:9}.index-container .project-box .project-name{display:flex;align-items:center;font-weight:400;align-items:center;flex:1;width:0;overflow:hidden}.index-container .project-box .project-icon{margin-left:8rpx}.index-container .project-box .change-role{font-size:24rpx;color:#909399;border:1px solid #dcdcdc;width:160rpx;height:40rpx;border-radius:40rpx;display:flex;align-items:center;justify-content:center}.index-container .project-box .role-icon{margin-right:8rpx}.index-container .project-box .role-icon text{color:#909399!important}.index-container .banner-box{padding:30rpx;box-sizing:border-box;margin-top:86rpx}.index-container .banner-box .swiper-box{height:400rpx;border-radius:20rpx;overflow:hidden}.index-container .banner-box .swiper-item{width:100%;height:100%;background-size:cover;background-position:bottom}.index-container .banner-box .swiper-item-box:first-child{border-radius:20rpx 0 0 20rpx}.index-container .banner-box .swiper-item-box:last-child{border-radius:0 20rpx 20rpx 0}.index-container .grid{display:flex;flex-wrap:wrap;padding:0 30rpx;box-sizing:border-box}.index-container .grid .grid-item{flex:1;height:180rpx;border-radius:16rpx;color:#fff;display:flex;align-items:center;padding:0 20rpx;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:32rpx;margin-bottom:5px}.index-container .grid .sub-label{color:#eee;font-size:24rpx;display:flex;align-items:center;height:40rpx;opacity:.5}.index-container .grid .sub-label-icon text{color:#eee!important}.index-container .grid .grid-item:nth-child(2n){margin-left:30rpx}.index-container .grid .home-filled{opacity:.3}.index-container .grid .home-filled text{color:#eee!important}.index-container .house-box{padding:0 30rpx;box-sizing:border-box}.index-container .house-box .good-box{margin-top:30rpx;position:relative;text-align:center}.index-container .house-box .good-box text{background:#f8f8f8;z-index:9;position:relative;padding:5px 10px;color:#909399}.index-container .house-box .good-box:before{content:"";bottom:20rpx;position:absolute;left:0;height:1px;right:0;background:#ededed;z-index:8}
|
