﻿.weadmin-body {
    padding: 20px;
}

html {
    background-color: #fff;
}

.weadmin-nav {
    padding: 0 20px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px;
    height: 39px;
    overflow: hidden;
}

.fr {
    float: right;
}

.weadmin-block {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    line-height: 22px;
    /* border-left: 5px solid #009688; */
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
}

.we-search {
    margin-bottom: 20px;
    font-size: 16px;
}

.we-search input.layui-input {
    width: 190px;
 }
.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 36px;
    z-index:999;
    /*padding-left: 10px;*/
}

    .footer .copyright {
        margin-left: 10px;
    }
.hide {
    display: none;
}

.layui-form-label {
    padding: 9px 15px 9px 0px;
}

.layui-table-cell {
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
    word-break: break-all;
    height: auto;
}

.layui-btn + .layui-btn {
    margin-left: 0px;
}
@media screen and (max-width: 450px) {
    .auth-status .layui-form-checkbox {
        margin-right: 5px;
        margin-bottom:0px;
    }
}

/*  -- flex弹性布局 -- */

.flex {
    display: flex;
}

.basis-xs {
    flex-basis: 20%;
}

.basis-sm {
    flex-basis: 40%;
}

.basis-df {
    flex-basis: 50%;
}

.basis-lg {
    flex-basis: 60%;
}

.basis-xl {
    flex-basis: 80%;
}

.flex-sub {
    flex: 1;
}

.flex-twice {
    flex: 2;
}

.flex-treble {
    flex: 3;
}

.flex-direction {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}
.align-stretch {
    align-items: stretch;
}

.self-start {
    align-self: flex-start;
}

.self-center {
    align-self:center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: stretch;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}
.margin-sm{
    margin:1rem;
}
.margin-left-rem {
    margin-left: 1rem;
}
.margin-left-sm {
    margin-left: 2px;
}
.margin-right-sm {
    margin-left:2px;
}
.padding-sm {
    padding: 1rem;
}
.text-price::before {
    content: "¥";
    font-size: 100%;
    margin-right: 2px;
}
.text-grey {
    color: #8799a3;
}
.padding-right-sm {
    padding-right: 1rem;
}
.margin-ssm{
    margin:0.2rem;
}
.padding-ssm {
    padding: 0.2rem;
}