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

750 lines
13 KiB
Plaintext

.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;
}