page { width: 100%; height: auto; overflow-y: auto; background: #f7f7f7; } .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; } .header .header-bg { width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; } .header .navigation { width: 100%; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255, 0.9); font-size: 32rpx; position: relative; z-index: 100; } .home { width: 100%; } .belong-grid { width: 100%; height: 100rpx; position: relative; } .belong-grid .belong-grid-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } .belong-grid .grid { width: 100%; height: 100%; position: relative; z-index: 100; display: flex; align-items: center; } .belong-grid .grid .party-logo { width: 32rpx; height: 32rpx; margin: 0 10rpx 0 23rpx; } .belong-grid .grid .grid-name { font-size: 32rpx; color: #fff; } .belong-grid .grid .more-grid { width: 18rpx; height: 26rpx; margin-left: 10rpx; } .belong-grid .newbelong-grid { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; height: 100rpx; } .belong-grid .newbelong-grid .signin-btn { width: 140rpx; height: 44rpx; position: absolute; z-index: 99; right: 30rpx; } .belong-grid .newbelong-grid .signin-btn image { width: 100%; height: 100%; } .belong-grid .newbelong-grid .grid { /* width: 90%; */ width: calc(100% - 170rpx); height: 34rpx; position: relative; z-index: 100; display: flex; align-items: center; } .belong-grid .newbelong-grid .grid .party-logo { width: 24rpx; height: 30rpx; margin: 0 14rpx 0 22rpx; } .belong-grid .newbelong-grid .grid .grid-name { font-size: 32rpx; color: #fff; } .belong-grid .newbelong-grid .grid .more-grid { width: 16rpx; height: 22rpx; margin-left: 10rpx; margin-top: 5rpx; } .popup__button { width: 100%; text-align: center; font-size: 36rpx; color: #04BCA0; }