/*后台公用样式*/
button{cursor: pointer;}
.login {background: url(../images/login111.jpg) #0d7bc6 repeat;background-size: cover}
.login .login-title {color: #fff;text-align: center;font-size: 20px;margin-top: 200px;}
.login .login-form {max-width: 491px;margin: 10px auto;position: relative;left: -50px;color: #fff;}
.login .login-form .captcha {width: 140px;height: 38px;}
.login .login-form input {background-color: rgba(255, 255, 255, 0.3);border: 1px solid rgba(255, 255, 255, 0.3);color: #fff;}
.login .login-form button {width: 100%;background-color: #048f74;}
.logo {margin-top: 20px;margin-left: 20px;}
.header {background-color: #393D49;}
.footer {line-height: 44px;}
.layui-body {left: 210px;}
.layui-body-mobile {left: 0}
.layui-side {top: 60px;}
.layui-table tbody tr:hover {background-color: #f2f2f2;}
.layui-tab {overflow: visible;}
.layui-tab-title > li > a {display: block;}
.layui-btn-excuse {background: #4caf50;}
.layui-btn-danger {background: #e90d24;}
.layui-nav-tree .layui-nav-child dd a {text-indent: 16px;}
.layui-form-label.layui-required:after{content:" *"; color:red;}
.form-container {max-width: 800px;}
.form-container .edui-editor {margin-top: -7px;margin-bottom: -7px;margin-left: -11px;}

/* 菜单栏 */
.layui-side-menu{
    -webkit-transform: translate3d(-220px,0,0);
}

/*分页*/
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #009688;color: #fff;border: 1px solid #009688;}
.pagination li a {display: block;text-align: center;}
.pagination-total{color: #009688;font-weight: bold;}

.photo-list {margin: 5px 0;}
.hidden{display: none}
.width-auto{width: auto;}
.layuiadmin-card-list p.layuiadmin-big-font {
    font-size: 32px;
    color: #666;
    line-height: 36px;
    padding: 5px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}
.layuiadmin-badge, .layuiadmin-btn-group, .layuiadmin-span-color {
    position: absolute;
    right: 15px;
}

.layui-col-md3{
    margin: 17px 20px;
}
.x-admin-backlog .x-admin-backlog-body {
    display: block;
    padding: 10px 15px;
    background-color: #f8f8f8;
    color: #999;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.margin5{margin:5px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
/* 工单管理*/
.layui-content-background{background: #f0f2f5;}
.layui-table-wo th{background: #f2f2f2;}
.record-title{color: #999;}
.record-content{margin-top: 20px;}
.textarea_1{margin-top: 10px;}
.preview-image{position: relative;width: auto;height: 134px;line-height: 0;overflow: hidden;}
.preview-image img{min-height: 90px;margin: 5px 25px;outline: none;vertical-align: middle;max-height: 100px;}
.notice-msg{font-size: 12px;color: #999;}
.talk-view{margin-top: 5px;border: 1px dashed #e0e0e0;padding: 5px;max-width: 300px !important;cursor: pointer;}
.new-msg{height: 100%;text-align: center;}
.new-msg a{font-size: 15px;position: relative;top: 34%;color: #e90d24;}

.readonly{
    background-color: #F5F5F5;
}
.f-right{
    float:right;
}
.m550{
    margin:55px 0;
}
.display-none{display: none;}
.index-view{
    height: 300px;
    width:100%;
    display: inline-block;
    margin: 20px auto;
}
.f-right{
    float:right;
}
.m550{
    margin:55px 0;
}
.max-wid-555{
    max-width: 555px !important;
}
.coupon-count{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.wid-30{
    width: 30%;
}

.ml10{
    margin-left: 10px;
}
.customer-avatar{
    width: 38px;
}
.week-report{
    margin-top: 20px;
    border: 2px solid #009688;
    display: flex;
    flex-direction: column;
}
.week-report h2{
    background-color: #009688;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.green-05685f{
    color: #05685f !important;
}
.data-view{
    display: flex;
    justify-content: space-between;
}
.data-view-title{
    color: #fff;
    background-color: #009688;
    padding: 7px;
}
.date-select{
    width: 120px;
    cursor: pointer;
    background-color: #009688 !important;
    background-image:url(/public/static/picture/chevron-down.jpg);
    background-size: 31px;
    background-position: 88px 4px;
    background-repeat: no-repeat;
}
.div-card{
    width: 42%;
}
.month-total{
    width: 100%;
    /*height: 300px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.data-month{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.data-month .layui-card{
    width: 45%;
}
.top-item{
    display: flex;
    flex-direction: column;
    width: 48%;
}
.top-div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.top-view{
    /*height: 350px;*/
    width:46%;
    /*display: inline-block;*/
    margin: 15px auto;
}
.top-line{
    border-right: 1px solid #cdcdcd;
    height: 250px;
}
.top-ol li{
    display: none;
    height: 50px;
}
.top-value{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.mr-5{
    margin-right: 5px;
}


.base-notice-iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.base-notice {
    width: 400px;
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    color: #353535;
    box-shadow: 2px 1px 8px 1px rgb(228 232 235);
    margin: 0 auto;
    top: 8px;
    position: relative;
}
.base-notice i{
    color: #ff6146;
    font-size: 18px;
    margin-right: 10px;
}

.base-notice-content {
    flex: 1;
    overflow: hidden;
}
.base-notice-content span {
    display: block;
    width: auto;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
    padding-left: 40%;
    padding-right: 30%;
}
.base-notice-content span:hover {
    animation-play-state: paused;
}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}