.word { display: flex; width: 750rpx; overflow: hidden; /* 系统 */ .system { width: 240rpx; box-sizing: border-box; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #333333; .classify { width: 100%; .label { height: 50rpx; width: 100%; padding-left: 15rpx; line-height: 50rpx; background-color: rgb(226, 225, 225); } } .option { text-align: left; padding-left: 25rpx; } } /* 左边滚动区域 */ .left-list { width: 100%; width: 180rpx; } /* 选择项 */ .option { position: relative; width: 100%; height: 90rpx; line-height: 90rpx; text-align: center; font-size: 28rpx; font-family: PingFang SC-Regular, PingFang SC; color: #333333; padding-left: 10rpx; padding-right: 4rpx; box-sizing: border-box; } .current { color: var(--assist) !important; } .current::after { content: ''; position: absolute; display: block; height: 90rpx; width: 8rpx; background: var(--assist); left: 0; top: 0; } .right-list { flex: 1; .group { background-color: #fff; padding-left: 30rpx; box-sizing: border-box; padding-bottom: 20rpx; margin-bottom: 20rpx; .label { display: flex; align-items: center; height: 90rpx; border-top: 1rpx solid #EEEEEE; margin-top: 28rpx; margin-bottom: -20rpx; .label-text { font-family: PingFang SC-Regular, PingFang SC; color: #333333 !important; } } .label:first-child { border-top: none; margin-top: 0rpx; } } } } .label-class { width: 100% !important; }