修改ant mobile组件样式无效

Question

      import styles from './DetailPage.less';
         <List>
                <Item className={styles.itemTime} extra={this.state.deliveryTime}>发货时间</Item>
                 </List>
                 

要的效果：

.less 文件：

 .itemTime{
    .am-list-line{
        .am-list-extra{
            flex-basis:50%;
        }
    }
}

老铁们，这是怎么肥事？？

Answer 1

.itemTime{
  :global {
    .am-list-line{
        .am-list-extra{
            flex-basis:50%;
        }
    }
  }
}