.font14 { font-size: 14px } .layui-upload-img.on { border: 2px solid #d4237a; position: relative; &:after { content: ""; display: inline-block; position: absolute; right: 0; background: url('select.png'); background-repeat: no-repeat; color: #fff; top: 0; text-align: left; width: 100%; height: 16px; } } .layui-upload-img { position: relative; background: #fff; cursor: pointer; border: 2px solid #fff; max-width: 180px; text-align: center; overflow: hidden; border: 1px dashed #e2e2e2; margin-right: 15px; margin-bottom: 10px; img { max-width: 100%; max-height: 140px; padding: 5px; } p { line-height: 35px; background: #fff; border-top: 1px dashed #e2e2e2; padding: 0 5px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .upload-close { position: absolute; left: 10px; top: 0; background: rgba(255, 255, 255, .8); z-index: 666; } /* 表单 */ .layui-form.wid150 .layui-form-label { width: 150px; } .layui-form.wid150 .layui-input-block { margin-left: 180px; } @media screen and (max-width: 450px) { .layui-form.wid150 .layui-form-label { width: 100%; padding: 9px; float: none; text-align: left } .layui-form.wid150 .layui-input-block { margin-left: 10px; width: 100%; } .layui-form.wid150 .layui-form-item .layui-input-inline { margin-left: 0; display: block } .layui-form.wid150 .layui-form-item .layui-input-inline+.layui-form-mid { margin-left: 0; display: block } } .layui-form.wid100 .layui-form-label { width: 100px; } .layui-form.wid100 .layui-input-block { margin-left: 100px; } @media screen and (max-width: 450px) { .layui-form.wid100 .layui-form-label { width: 100%; padding: 9px; float: none; text-align: left } .layui-form.wid100 .layui-input-block { margin-left: 10px; width: 100%; } .layui-form.wid100 .layui-form-item .layui-input-inline { margin-left: 0; display: block } .layui-form.wid100 .layui-form-item .layui-input-inline+.layui-form-mid { margin-left: 0; display: block } } .layui-form { .layui-tab-content {} //background-color: #fff; } .nobg { background-color: transparent; } .text-center { text-align: center } .text-blue { color: #01AAED } .text-grep { color: #5FB878; } .text-black { color: #2F4056; } .text-primary { color: #009688 } .text-danger { color: #FF5722; } .m-t-10 { margin-top: 10px; } .m-t-5 { margin-top: 5px; } .f12 { color: #999; font-size: 12px; } .layui-form.wid120 .layui-form-label { width: 100px; } .layui-form.wid120 .layui-input-block { margin-left: 130px; } @media screen and (max-width: 450px) { .layui-form.wid120 .layui-form-label { width: 100%; padding: 9px; float: none; text-align: left } .layui-form.wid120 .layui-input-block { margin-left: 10px; width: 100%; } .layui-form.wid120 .layui-form-item .layui-input-inline { margin-left: 0; display: block } .layui-form.wid120 .layui-form-item .layui-input-inline+.layui-form-mid { margin-left: 0; display: block } } input:disabled { background-color: #dddddd; } @btn-default-color: #f5f5f5; .editor { background: #fff; .editor-title { text-align: center; h2 { font-weight: 400; color: #1f2f3d; font-size: 1.6em; } p { margin: 0.8em 0; } padding-bottom: 15px; border-bottom: 1px solid #ededed; } } .pd20 { padding: 20px; background: #fff; } .editor-body { font-size: 15px; margin-bottom: 5px; img { max-width: 100%; margin: 5px 0; } p { margin: 0.8em 0; line-height: 1.8em } } .handle-tools { padding: 10px 0; background: #fff; } .search-form { .search-item { font-size: 14px; display: flex; display: -webkit-flex; margin-bottom: 10px; .layui-btn-container { margin-left: 15px; margin-top: 5px; } label { padding: 9px 10px; font-weight: 400; line-height: 20px; display: inline-block; width: 90px; box-sizing: border-box; text-align: center; } input { flex: 1; } } } .custom-input { height: 22px; line-height: 1.3; line-height: 22px; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px; border-color: #D2D2D2 !important; padding: 0 5px; color: #888 } .grid-demo { padding: 30px 20px; text-align: left; background-color: #79C48C; color: #fff; border-radius: 5px; height: 65px; //margin: 0 10px 10px; } .grid-demo .alicon { font-size: 36px; float: left; padding-top: 0.4rem; } .grid-demo .g-name { font-style: normal; float: left; font-size: 1.3rem; padding-top: 12px; padding-left: 10px; } .grid-demo .g-title { float: right; } .grid-demo .g-title i { font-style: normal; float: right; } .grid-demo .g-title .number { font-size: 2.0rem; padding-top: 0.4rem; } .grid-demo .g-title .text { font-size: 0.4rem; padding-top: 0.4rem; } .alicon { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "iconfont"; /* project id 996657 */ src: url('https://at.alicdn.com/t/font_996657_4bgfb9k95xd.eot'); src: url('https://at.alicdn.com/t/font_996657_4bgfb9k95xd.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_996657_4bgfb9k95xd.woff') format('woff'), url('https://at.alicdn.com/t/font_996657_4bgfb9k95xd.ttf') format('truetype'), url('https://at.alicdn.com/t/font_996657_4bgfb9k95xd.svg#iconfont') format('svg'); } .icon-shibai:before { content: "\e6c8"; } .icon-qianbaodaishou:before { content: "\e615"; } .icon-qianbaokeyong:before { content: "\e637"; } .icon-qianbaodongjie:before { content: "\e68e"; } .icon-qianbao:before { content: "\e60b"; } .icon-jiaoyiguanli:before { content: "\e695"; } .m-t-l-10 { margin-left: 10px; } .m-t-20 { margin-top: 20px; } .m-t-100 { margin-top: 100px; } .text-red { color: #f00; } .layui-table-cell .layui-btn+.layui-btn { margin-left: 1px; } .layui-form-item { margin-bottom: 15px; } .layui-bg-white { background: #fff !important; } .layui-elem-quote { margin-bottom: 10px; padding: 15px; line-height: 22px; border-radius: 5px; color: rgba(0, 0, 0, 0.65); border: 1px solid #ffe58f; background-color: #fffbe6; } .msg-tips { font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; color: rgba(0, 0, 0, 0.65); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 8px 15px 8px 37px; list-style: none; position: relative; border-radius: 4px; margin-bottom: 16px; i { top: 7px; left: 16px; position: absolute; } } .msg-tips-warm { border: 1px solid #ffe58f; background-color: #fffbe6; .i { color: #faad14; } } .msg-tips-ok { border: 1px solid #b7eb8f; background-color: #f6ffed; i { color: #52c41a; } } .msg-tips-danger { border: 1px solid #ffa39e; background-color: #fff1f0; i { color: #f5222d; } } .layui-card-header { height: 54px; line-height: 54px; //font-size: 16px; position: relative; } .layui-card-header-tools { display: inline-block; margin-left: 20px; .input {} } .antd-right-tools { position: absolute; right: 54px; bottom: 12px; top: 0px; } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type=checkbox], .ant-radio-button-wrapper input[type=radio] { opacity: 0; width: 0; height: 0; } .ant-radio-group { font-family: Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 14px; font-variant: tabular-nums; line-height: 1.5; color: rgba(0, 0, 0, .65); box-sizing: border-box; margin: 0; padding: 0; list-style: none; display: inline-block; line-height: unset; } .ant-radio-button-wrapper:first-child { border-radius: 4px 0 0 4px; border-left: 1px solid #d9d9d9; } .ant-radio-button-wrapper { margin: 0; height: 32px; line-height: 30px; color: rgba(0, 0, 0, .65); display: inline-block; transition: all .3s ease; cursor: pointer; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 0; border-top: 1.02px solid #d9d9d9; background: #fff; padding: 0 15px; position: relative; } .ant-radio-button-wrapper>.ant-radio-button { margin-left: 0; display: block; width: 0; height: 0; } .ant-radio-button-wrapper-checked { background: #fff; border-color: #1890ff; color: #1890ff; box-shadow: -1px 0 0 0 #1890ff; z-index: 1; } .ant-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; } .antd-pro-pages-dashboard-analysis-salesExtra { display: inline-block; margin-right: 24px; } .antd-pro-pages-dashboard-analysis-salesExtra a { color: rgba(0, 0, 0, .65); margin-right: 24px; cursor: pointer; ; } .antd-pro-pages-dashboard-analysis-salesExtra a.antd-pro-pages-dashboard-analysis-currentDate { color: #1890ff; } .layui-input-block-border { background: #FFF; border: 1px solid #e6e6e6; //box-sizing:border-box;; } .layui-btn { //background-color: #1E9FFF; } .layui-btn-default { background-color: #009688; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .layui-table { // border: 1px solid #ddd; } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap; } .layui-table>tbody>tr>td, .layui-table>tbody>tr>th, .layui-table>tfoot>tr>td, .layui-table>tfoot>tr>th, .layui-table>thead>tr>td, .layui-table>thead>tr>th { white-space: nowrap; //min-width: 120px; } .layui-table-cell { //width: 120px !important; } .layui-layer { //width: 100% !important; ///height: 100% !important; } .layui-table-page { //height: auto; overflow: auto !important; overflow-y: hidden; } .layui-table-page>div { //height: auto; } .layui-laypage-count { //display: block; } .layui-table-cell, .layui-table-tool-panel li { white-space: normal; } .antd-right-tools { display: block; position: relative; width: 100%; display: block; left: 0; top: 0; } .layui-layer-btn { border-top:1px solid #eee } .layui-form-mid { width: 100%; display: block; margin-left:0 !important; } } .layui-table-cell { text-align: center; } .text-left { text-align: left; } .layui-tab-title .layui-this { color: #000; background:#fff; } .text-color-zq { color:#2F4056!important; } .text-color-zq { color:#2F4056!important; } .text-color-lvse { color:#009688!important; } .layui-form-text-border { .layui-form-label { border: none; border-bottom:1px solid #ededed; } border: 1px solid #ededed; } .min-120 { min-height: 120px; } .layui-form.wid150 .layui-form-text,.layui-form.wid100 .layui-form-text,.layui-form.wid120 .layui-form-text{ .layui-form-label{ width: 100%; margin-bottom: 0; } .layui-input-block { width: 100%; padding:0; margin: 0; margin-bottom: 0; } } .layui-layer-dialog .layui-layer-content { border-bottom:1px solid #e6e6e6; }