@nomalColor: #FF4D80; html, body, #app { height: 100%; margin: 0px; padding: 0px; } /* 进度条 */ #nprogress .bar { background: @nomalColor !important; } /*.ant-btn-primary { color: #fff; background-color: @nomalColor; border-color: @nomalColor; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043); border-radius: 2px; }*/ .ant-divider-inner-text { color: #262626;; } .ant-tabs-nav .ant-tabs-tab-active { color: @nomalColor!important; font-weight: 500; } .ant-tabs-tab:hover { color: @nomalColor!important; } .ant-tabs-ink-bar { position: absolute; bottom: 1px; left: 0; z-index: 1; box-sizing: border-box; width: 0; height: 2px; background-color: @nomalColor; transform-origin: 0 0; } /* 搜索按钮 */ .search_btn { margin-top: 4px; } // 搜索下拉选 .search_select .ant-select-selection--single { width: 100%; } .search_right_btn { float: right; } .search_form { margin-bottom: 15px; } /* 表格按钮 */ .table_delbtn, .table_delbtn:hover, .table_delbtn:focus { color: @nomalColor } /* 表头样式 */ .ant-table-thead > tr > th { font-weight: bold; } // 分页 .ant-pagination { float: right; margin-top: 15px; } // 弹窗内信息回显 .form_block_title { font-size: 16px; color: rgba(0, 0, 0, 0.85); font-weight: bold; margin-bottom: 10px; } /* 弹窗内卡片内边距 */ .modal_card .ant-card-body { padding: 15px; } /* 弹窗内边距 */ .spill_modal .ant-modal-body { padding: 0; } /* 弹窗内卡片之间间距 */ .modal_card { margin: 10px; border-radius: 6px; } .row_item { margin-top: 10px; } /* 弹窗内表格的表头样式 */ .modal_table .ant-table-thead > tr > th { background: #edeff3; color: #333; font-weight: 400; } /* 弹窗内表单高度 */ .form_height { //max-height: 492.4px; overflow: auto; } /* 弹窗位置 */ .spill_modal .ant-modal-wrap { position: absolute; top: -30px; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 6px; //background-color: rgba(125, 125, 125, 0.5); background-color:rgba(255,77,128, .9); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 6px; //background-color: rgba(125, 125, 125, 0.5); background-color:rgba(255,77,128, .9); -webkit-border-radius: 6px; } // 禁用框样式 .ant-input[disabled] { color: rgba(0, 0, 0, 0.65); } .ant-select-disabled { color: rgba(0, 0, 0, 0.65); } //上传图片大小 .upload-img { height: 150px; .ant-upload > img{ width: 230px; height: 150px; } .ant-upload-list-picture-card-container { margin: 0px!important; width: 230px; height: 150px; } .ant-upload.ant-upload-select-picture-card { margin: 10px 0px 0px 0px; background-color: transparent; width: 230px; height: 150px; } .ant-upload-list-picture-card .ant-upload-list-item { margin: 10px 0px 0px 0px; width: 230px; height: 150px; } } .upload-dra { .ant-upload.ant-upload-drag { background-color: transparent; width: 230px; height: 150px; margin: 10px 0px 0px 0px; } } .flex_center { display: flex; justify-content: space-between; align-items: center; } .flex_center_c { display: flex; justify-content: center; align-items: center; } .flex_start { display: flex; justify-content: flex-start; align-items: center; } .bg-color { background-color: #F5F5F5; } //隐藏form提示语 .show_erorr { .ant-form-explain { display: none!important; } } .ant-tree li .ant-tree-node-content-wrapper { width: 80% !important; cursor: pointer; } .ant-tree li .ant-tree-node-content-wrapper:hover { background-color: #FFF1F0!important; } .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected { font-weight: bold; border: 1px solid #FF4D80!important; background-color: #FF4D80!important; color: #FFFFFF; } .ant-layout-content { width: 100%!important; padding: 0px 1px 0px 0px!important; } .ant-tabs-nav-scroll { margin-left: 24px; } .tab_error { .ant-table-layout-fixed table { table-layout: auto!important; } } .ant-descriptions-bordered .ant-descriptions-item-label, .ant-descriptions-bordered .ant-descriptions-item-content { padding: 13px 16px!important; } .ant-pagination-item-active { border-color: @nomalColor!important; a { color: @nomalColor!important; } } ant-pagination-item:focus, .ant-pagination-item:hover { border-color: @nomalColor!important; a { color: @nomalColor!important; } } //--------分割线样式------------------------ //
费用说明
.divider_my {//实线 position: relative; height: 1px; background-color: #d4d4d4; text-align: center; font-size: 16px; margin: 20px 0px; color: rgba(0, 0, 0, .3); } .divider_my_dashed {//虚线 position: relative; border-top: 1px dashed #D9D9D9; text-align: center; font-size: 16px; margin: 20px 0px; color: rgba(0, 0, 0, .3); } .midText { position: absolute; left: 7%; background-color: #ffffff; //font-family: PingFang SC; color: #262626; padding: 0 15px; font-weight: 600; font-size: 16px; line-height: 24px; transform: translateX(-50%) translateY(-50%); } .ant-table-btn{ color: #FF4D80; border: 1px solid #FF4D80; } //---------------------------------------------------------