.set-person { background: #fff; padding: 20px; .acc-title { color: #333; font-size: 16px; margin-bottom: 10px; span { font-size: 12px; color: #999; margin-left: 10px; } } .person-form { width: 600px; .set-explain { margin-left: 12.5%; margin-bottom: 20px; } .set-submit { width: 120px; border-radius: 4px; } .ant-form-item-label { text-align: left; } #province { select { margin-right: 20px; width: 80px; height: 32px; border: 1px solid #d9d9d9; } } #telephone { input { width: 25%; } #fixedTel { width: 42%; } } .school-props { >div { float: left; width: 50%; } } } .avatar-uploader, .avatar-uploader-trigger, .avatar { width: 150px; height: 150px; } .avatar-uploader { display: block; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; } .avatar-uploader-trigger { display: table-cell; vertical-align: middle; font-size: 28px; color: #999; } #cmbProvince, #cmbCity, #cmbArea { border-radius: 4px; } }