.patent-content { padding: 20px; background: #fff; .content-title { height: 27px; margin-bottom: 10px; >span { color: #333; font-size: 16px; margin-bottom: 10px; } .patent-addNew { float: right; margin-left: 20px; button { background: #ea0862; color: #fff; border: none; border-radius: 4px; padding: 6px 10px; } } } .patent-alert { font-size: 14px; padding: 8px 48px; >i { font-size: 19px; top: 8px; } } .patent-query { margin-bottom: 10px; >input { width: 160px; margin-right: 30px; } >div { margin-right: 30px; } >button { margin-left: 30px; } } } .ant-modal-content { .ant-modal-header { padding: 10px 16px; //background: #2d2d2d; .ant-modal-title { //color: #fff; font-size: 16px; font-weight: 400; } } .ant-modal-body { padding: 16px 26px; .patent-form { .ant-form-item-label { text-align: left; } .ant-form-item-control { .mini-input { width: 50%; } .ant-checkbox-wrapper { margin-left: 60px; span { vertical-align: middle; } } } .ant-form-item { margin-bottom: 12px; } } .patent-download { >p { line-height: 27px; } } } .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; } } .patent-desc-content { .ant-modal-body { >div { color: #333; margin-bottom: 20px; .widthHalf { display: inline-block; width: 50%; } span { color: #666; } .download-file { margin-left: 20px; margin-top: 10px; line-height: 28px; button { margin-left: 20px; } } } .time-line { width: 240px; margin: 0 auto; .ant-timeline-item-content { span { margin-right: 10px; } } } } }