.foster-content { padding: 20px; background: #fff; .content-title { line-height: 32px; >span { color: #333; font-size: 16px; margin-bottom: 10px; } } .foster-query { margin-bottom: 10px; >* { margin-top: 10px; margin-right: 20px; } .search-more { margin-top: 0; >span { margin-top: 10px; margin-right: 10px; } } } } .patent-addNew { float: right; margin-left: 20px; button { background: #ea0862; color: #fff; border: none; border-radius: 4px; padding: 6px 10px; margin-left: 20px; } button:hover { background: #ea0862; } } .patent-content { padding: 20px; background: #fff; .content-title { height: 32px; 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: 180px; margin-right: 20px; } >div { margin-right: 20px; } button { margin-left: 20px; } >span { margin-left: 20px; >span { margin-left: 10px; } } .search-more { >p { margin-top: 10px; >span { margin-right: 10px; } } >div { margin-top: 10px; >div { margin-right: 20px; } } } } } .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; .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; } } .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 { .express-desc-row { margin-bottom: 16px; >div { line-height: 28px; } .ant-col-4 { margin-right: 10px; } .ant-col-5 { margin-right: 10px; } } .patent-process-list { span { width: 180px; display: inline-block; } } >div { color: #333; margin-bottom: 10px; >p { margin-bottom: 10px; } >textarea { margin-top: 10px; } .widthHalf { display: inline-block; width: 50%; input { width: 200px; } .two2four { letter-spacing: 2em; margin-right: -2em; } .four2eight { letter-spacing: 4/3em; margin-right: -4/3em; } .seven2eight { letter-spacing: 3/11em; margin-right: -3/11em; } .three2eight { letter-spacing: 2.5em; margin-right: -2.5em; } } .widthThird { display: inline-block; width: 33%; } span { color: #666; } .avatar-uploader { float: left; margin-right: 40px; } } .avatar-text { span { margin-right: 40px; display: inline-block; width: 150px; text-align: center; } } } } .applyFee-desc-content { .ant-modal-body { >p { margin-bottom: 10px; } .applyFee-title { span { margin-right: 20px; font-size: 16px; } } .applyFee-fee { margin-bottom: 10px; >span { margin-right: 10px; } >input { width: 150px; } } div.applyFee-fee { span { line-height: 22px; vertical-align: middle; } } } }