.set-pfs { background: #fff; padding: 20px; .acc-title { color: #333; font-size: 16px; margin-bottom: 10px; span { font-size: 12px; color: #999; margin-left: 10px; } } .pfs-form { width: 600px; .set-explain { margin-left: 12.5%; margin-bottom: 20px; } .set-radio-button { margin-left: 4.5%; margin-bottom: 20px; .ant-radio-button-wrapper-checked { background: #58a3ff; color: #fff; } } .set-submit { width: 120px; border-radius: 4px; } .ant-form-item-label { text-align: left; } #gongling { position: static; span { position: absolute; right: 4px; top: 0px; } } } .avatar-uploader, .avatar-uploader-trigger, .avatar { width: 150px; height: 150px; } .avatar-uploader { display: block; border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; img { position: absolute; top: -1px; left: -1px; height: 150px; } } .avatar-uploader-trigger { display: table-cell; vertical-align: middle; font-size: 28px; color: #999; } }