sifangpay/public/style/admin/layuiadmin/css/app.css

559 lines
12 KiB
CSS

.font14 {
font-size: 14px;
}
.layui-upload-img.on {
border: 2px solid #d4237a;
position: relative;
}
.layui-upload-img.on: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;
}
.layui-upload-img img {
max-width: 100%;
max-height: 140px;
padding: 5px;
}
.layui-upload-img 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, 0.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;
}
}
.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;
}
.editor {
background: #fff;
}
.editor .editor-title {
text-align: center;
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
}
.editor .editor-title h2 {
font-weight: 400;
color: #1f2f3d;
font-size: 1.6em;
}
.editor .editor-title p {
margin: 0.8em 0;
}
.pd20 {
padding: 20px;
background: #fff;
}
.editor-body {
font-size: 15px;
margin-bottom: 5px;
}
.editor-body img {
max-width: 100%;
margin: 5px 0;
}
.editor-body 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;
}
.search-form .search-item .layui-btn-container {
margin-left: 15px;
margin-top: 5px;
}
.search-form .search-item label {
padding: 9px 10px;
font-weight: 400;
line-height: 20px;
display: inline-block;
width: 90px;
box-sizing: border-box;
text-align: center;
}
.search-form .search-item 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;
}
.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: 2rem;
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;
}
.msg-tips i {
top: 7px;
left: 16px;
position: absolute;
}
.msg-tips-warm {
border: 1px solid #ffe58f;
background-color: #fffbe6;
}
.msg-tips-warm .i {
color: #faad14;
}
.msg-tips-ok {
border: 1px solid #b7eb8f;
background-color: #f6ffed;
}
.msg-tips-ok i {
color: #52c41a;
}
.msg-tips-danger {
border: 1px solid #ffa39e;
background-color: #fff1f0;
}
.msg-tips-danger i {
color: #f5222d;
}
.layui-card-header {
height: 54px;
line-height: 54px;
position: relative;
}
.layui-card-header-tools {
display: inline-block;
margin-left: 20px;
}
.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, 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, 0.65);
display: inline-block;
transition: all 0.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, 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;
}
.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;
}
.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;
}
.layui-table-page {
overflow: auto !important;
overflow-y: hidden;
}
.layui-table-cell,
.layui-table-tool-panel li {
white-space: normal;
}
.antd-right-tools {
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 {
border: 1px solid #ededed;
}
.layui-form-text-border .layui-form-label {
border: none;
border-bottom: 1px solid #ededed;
}
.min-120 {
min-height: 120px;
}
.layui-form.wid150 .layui-form-text .layui-form-label,
.layui-form.wid100 .layui-form-text .layui-form-label,
.layui-form.wid120 .layui-form-text .layui-form-label {
width: 100%;
margin-bottom: 0;
}
.layui-form.wid150 .layui-form-text .layui-input-block,
.layui-form.wid100 .layui-form-text .layui-input-block,
.layui-form.wid120 .layui-form-text .layui-input-block {
width: 100%;
padding: 0;
margin: 0;
margin-bottom: 0;
}
.layui-layer-dialog .layui-layer-content {
border-bottom: 1px solid #e6e6e6;
}