.border-box{ box-sizing: border-box; } .mz-subsection{ border-radius: 10rpx; background-color: #FFFFFF; width:100%; box-sizing: border-box; overflow: hidden; display: flex; background: { color:rgba(255, 255, 255, 0.5); }; border-radius: 40rpx; padding:8rpx; .mz-subsection-item{ border-radius: 40rpx; padding:10rpx; flex: 0 0 33.33%; text-align: center; color:#020B18; &.active{ background:{ color:#ffffff; }; color:#FF9545; } } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } .active { animation: show .5s; }