@charset "UTF-8";

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
td {
    margin: 0;
    padding: 0;
}

fieldset,
img,
input,
button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    font-size: 12px;
    font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    background: #f5f5f5;
    line-height: 1;
}

.flex {
    display: flex;
}

.example {
    text-align: center;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 30px 50px;
    margin: 20px 0;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

input,
textarea {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

a {
    color: #666;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

s,
i,
em {
    font-style: normal
}

ul,
ol,
li {
    list-style: none;
}

input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ddd;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ddd;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ddd;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ddd;
}


/* base */
.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mr5 {
    margin-bottom: 5px;
}

.mr10 {
    margin-bottom: 10px;
}

.mr15 {
    margin-bottom: 15px;
}

.mr20 {
    margin-bottom: 20px;
}

.mr25 {
    margin-bottom: 25px;
}

.mr30 {
    margin-bottom: 30px;
}


.red {
    color: red;
}

.mainColor {
    color: #3771e4;
}

.primary-color {
    color: #1877f2 !important;
}

.pointer {
    cursor: pointer;
}

.borderRNone {
    border-right: none !important;
}

.borderTNone {
    border-top: none !important;
}

.borderBNone {
    border-bottom: none !important;
}

.borderLNone {
    border-left: none !important;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    background-clip: padding-box;
    background-color: #c9c9c9;
    min-height: 28px;
}

.inputBoxBase {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.inputBoxBorderBase {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 4px;
    flex: 1;
    padding: 6px;
}

    .inputBoxBorderBase input {
        flex: 1;
        font-size: 13px;
        color: #666;
    }

    .inputBoxBorderBase .downList {
        padding: 5px 0;
        position: absolute;
        top: 32px;
        left: 0;
        z-index: 1;
        background-color: #fff;
        width: 100%;
        border: 1px solid #e4e7ed;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    }

        .inputBoxBorderBase .downList .li {
            font-size: 13px;
            padding: 0 20px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #606266;
            width: 100%;
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer;
        }

            .inputBoxBorderBase .downList .li:hover {
                background-color: #f5f7fa;
            }


.inputBase {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    height: 32px;
    padding: 6px;
    box-sizing: border-box;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

    .inputBase .input {
        flex: 1;
        height: 100%;
    }

    .inputBase:hover, .inputBoxBorderBase:hover, .baseSelect:hover {
        border-color: #40a9ff;
    }

    .inputBase:focus, .baseSelect:focus {
        border-color: #40a9ff;
        border-right-width: 1px !important;
        outline: 0;
        box-shadow: 0 0 0 2px rgba(24,144,255,.2);
    }

.errorBase {
    display: block;
    margin: 5px 0;
    min-height: 12px;
    color: red;
    font-size: 12px;
}

.baseSelect {
    position: relative;
    flex: 1;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 5px;
    cursor: pointer;
    font-size: 13px;
    width: 100%;
}

    .baseSelect option {
        line-height: 30px;
    }

.inputSelect{
    display: flex;
    flex-direction: row;
    align-items: center;

}
    .inputSelect .inputReadonly {
        flex: 1;
        border: 1px solid #d9d9d9;
        height: 32px;
        padding: 4px 11px;
        box-sizing: border-box;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-right: none;
    }
.inputSelect .selectBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    border: 1px solid #d9d9d9;
    height: 32px;
    background-color: #f2f2f2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
}
.iconeyes {
    display: flex;
    padding-right: 10px;
    padding-left: 4px;
    color: #999;
    height: 80%;
    align-items: center;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ddd;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#ddd;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#ddd;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ddd;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


input[type="number"]{
    -moz-appearance: textfield;
}

input{
    color: #333;
}

.c-cacaca{
    color: #cacaca;   
}
.c-f5222d{
    color: #f5222d;    
}
.c-fe9900{
    color: #fe9900;    
}
.c-1bbe6b{
    color: #1bbe6b;    
}
.c-3771e4{
    color: #3771e4;    
}
.c-1877F2{
    color: #1877F2;    
}
.c-ff2af3{
    color: #ff2af3;    
}

.pointer{
    cursor: pointer;
}
.border-bottom-none{
    border-bottom: none !important;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
.red{
    color: red !important;
}
.green{
    color: green;
}
.yellow{
    color: yellow;
}
.c999{
    color: #999;
}
.orange{
    color: orange;
}


.empty{
    margin: 30px 0;
    text-align: center;
    color: rgba(0,0,0,.25);
    font-size: 13px;
}
.loading{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 160px;
    padding: 80px 0;
    height: 100%;
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,.5);
    font-size: 24px;
    background-color: #fff;
}

.c_checkbox{
    margin-right: 5px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    position: relative;
    
}
  
.c_checkbox:after {
    content: " ";
    font-size: 12px;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    background-color: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: visible;
    border-radius: 2px;
    border: 1px solid #ddd;
    
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c_checkbox:disabled:after {
    border-color: #dcdfe6;
    background-color:#edf2fc
}
.c_checkbox:checked:after {
content: "\e640";
font-size: 12px;
background-color: #1877F2;
color: #fff;
border: 1px solid #1877F2;
}

/* 导航 */
.LingLongTuLingLongTuMobileNavContainer{display: none;}
@media screen and (max-width: 760px) {
    .LingLongTuMobileNavContainer {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 46px;
        background-color: #f3f0f0;
        border-top: 1px solid #f1e8e8;
    }
    .LingLongTuMobileNavContainer ul{
        display: flex;
        flex-direction: row;               
        height: 100%;
    }
    .LingLongTuMobileNavContainer li{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        flex: 1;
        color: #666;
    }   
    .LingLongTuMobileNavContainer li .link{
        display: flex;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #666;
    }
    .LingLongTuMobileNavContainer li .link.active .erpfont,.LingLongTuMobileNavContainer li .link.active{
        color: #1877F2;
    }
    .LingLongTuMobileNavContainer li .erpfont{
        margin-bottom: 2px;
        color: #999;
        font-size: 18px;
    }
 }
.LingLongTuPageContainer{
    height: calc(100vh - 46px);
    /*overflow: auto;*/
    display:flex;
    flex-direction:column;
}
.LingLongTuMobileTopbackContainer{
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    height: 40px;
    width: 100%;
}
.LingLongTuMobileTopbackContainer .back{
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.LingLongTuMobileTopbackContainer .tit{
    padding-right: 40px;
    font-size: 14px;
    text-align: center;
    flex: 1;
    color: #333;
}
.LingLongTuOrderDetailContainer .form {
    padding: 10px;
}
.LingLongTuFormContainer {
    background-color: #fff;
    padding: 10px;
    margin-top: 5px;
}
.LingLongTuFormContainer .form li {
display: flex;
flex-direction: column;

}

    .LingLongTuFormContainer .form li .label {
        width: 80px;
        color: #999;
    }

    .LingLongTuFormContainer .form li .con {
        flex: 1;
    }

@media screen and (max-width: 760px) {
    .LingLongTuMobileTopbackContainer{
        display: flex;
    }
}


/* 售后管理 */
.LingLongTuRefundListContainer{
    width: 100%;
    padding: 5px;
}
.LingLongTuRefundListContainer li .store{
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
    color: #333;
}
.LingLongTuRefundListContainer li {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
}
.LingLongTuRefundListContainer li:last-child {
    margin-bottom: 0;
}
.LingLongTuRefundListContainer li .body{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuRefundListContainer li .pic{
    width: 80px;
    height: 80px;
}
.LingLongTuRefundListContainer li .pic img{
    width: 100%;
    height: 100%;
}
.LingLongTuRefundListContainer li .info{
    padding-left: 10px;
    flex:1;
}
.LingLongTuRefundListContainer li .info .tit{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}
.LingLongTuRefundListContainer li .info .time{
    color: #999;
    margin-bottom: 10px;
}
.LingLongTuRefundListContainer li .price{
    width: 80px;
    color: #333;
}
.LingLongTuRefundListContainer li .opt{
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
}
.LingLongTuRefundListContainer li .opt .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 10px;
    color: #333;
}
.LingLongTuRefundListContainer  li .opt2{
    height: 10px;
}

/* 套餐管理 */
.LingLongTuTuangouDealListContainer{
    width: 100%;
    padding: 5px;
}
.LingLongTuTuangouDealHeadContainer{
    background-color: #fff;
    width: 100%;
    padding: 8px 5px;
    margin-top: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuTuangouDealHeadContainer .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    background-color: #1877F2;
    border-radius: 4px;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
}
.LingLongTuTuangouDealListContainer li {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
}
.LingLongTuTuangouDealListContainer li .body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.LingLongTuTuangouDealListContainer li .body .item{
    width: 50%;
    line-height: 24px;
}
.LingLongTuTuangouDealListContainer li .body .label{
    color: #999;
}
.LingLongTuTuangouDealListContainer li .body .item.line{
    width: 100%;
}
.LingLongTuTuangouDealListContainer li .opt{
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
}
.LingLongTuTuangouDealListContainer li .opt .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 10px;
    color: #333;
}
/* 套餐详情 */
.LingLongTuTuangouDealDetailContainer{
    background-color: #fff;
    padding: 10px;
    margin-top: 5px;
}
.LingLongTuTuangouDealDetailContainer .form>li{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.LingLongTuTuangouDealDetailContainer .form li .label{
    width: 86px;
    line-height: 32px;
    color: #999;
}
.LingLongTuTuangouDealDetailContainer .form li .con{
    flex: 1;
}
.LingLongTuTuangouDealDetailContainer .form li .usableWeekDays .ant-checkbox-group{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}
.LingLongTuTuangouDealDetailContainer .form li .usableWeekDays li{
    width: 33.3%;
}
.LingLongTuTuangouDealDetailContainer .form li .addDate{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 70px;
    background-color: #1877F2;
    border-radius: 4px;
    color: #fff;
}
.LingLongTuTuangouDealDetailContainer .unavailableDays{
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.LingLongTuTuangouDealDetailContainer .unavailableDays li{
    position: relative;
    margin-right: 15px;
    color: #999;
}
.LingLongTuTuangouDealDetailContainer .unavailableDays li .icon-guanbi1{
    position: absolute;
    top: -10px;
    right: -10px;
    color: #999;
}

.LingLongTuTuangouDealDetailFoot{
    display: none;
}

@media screen and (max-width: 760px) {
    .LingLongTuTuangouDealDetailContainer,.LingLongTuDetailContainer{
        padding-bottom: 50px;
    }
    .LingLongTuTuangouDealDetailFoot{
        padding: 0 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background-color: #fff;
    }
    .LingLongTuTuangouDealDetailFoot .btn.submit{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 90%;
        background-color: #1877F2;
        border-radius: 4px;
        color: #fff;
    }
}

/* 预约单管理 */
.LingLongTuReservationContainer{
    width: 100%;
    padding: 5px;
}
.LingLongTuReservationContainer li .store{
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
    color: #333;
}
.LingLongTuReservationContainer li {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
    position: relative;
}
.LingLongTuReservationContainer li:last-child {
    margin-bottom: 0;
}
.LingLongTuReservationContainer li .detailBtn{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: fit-content;
    border: 1px solid #1877F2;
    border-radius: 6px;
    color: #fff;
    background-color: #1877F2;
    cursor: pointer;
    padding: 0 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.LingLongTuReservationContainer li .body{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuReservationContainer li .pic{
    width: 80px;
    height: 80px;
}
.LingLongTuReservationContainer li .pic img{
    width: 100%;
    height: 100%;
}
.LingLongTuReservationContainer li .info{
    padding-left: 10px;
    flex:1;
}
.LingLongTuReservationContainer li .info .tit{
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px;
}
.LingLongTuReservationContainer li .info .time{
    color: #999;
    margin-bottom: 10px;
}
.LingLongTuReservationContainer li .price{
    width: 60px;
    color: #333;
    font-weight: bold;
}
.LingLongTuReservationContainer li .opt{
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
}
.LingLongTuReservationContainer li .opt .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 5px;
    color: #333;
}
.LingLongTuReservationContainer  li .opt2{
    height: 10px;
}
/* 预约单详情 */
.LingLongTuReservationDetailContainer{
    padding: 5px 0 0 0;
}
.LingLongTuReservationDetailContainer .formContainer{
    background-color: #fff;
}
.LingLongTuReservationDetailContainer .form {
    background-color: #fff;
    padding: 10px 5px;
}
.LingLongTuReservationDetailContainer .form li{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.LingLongTuReservationDetailContainer .form li .label{
    width: 86px;
    line-height: 32px;
    color: #999;
}
.LingLongTuReservationDetailContainer .form li .con{
    flex: 1;
}
.LingLongTuReservationDetailContainer .tuangouDeals{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.LingLongTuReservationDetailContainer .tuangouDeals li{
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    width: fit-content;
    height: 56px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
.LingLongTuReservationDetailContainer .tuangouDeals li.active{
    border-color: red;
}
.LingLongTuReservationDetailContainer .tuangouDeals li.disabled{
    background-color: #eee;
}

.LingLongTuReservationDetailFoot{
    display: none;
}

@media screen and (max-width: 760px) {
    .LingLongTuReservationDetailFoot{
        padding: 0 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background-color: #fff;
    }
    .LingLongTuReservationDetailFoot .btn.submit{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 90%;
        background-color: #1877F2;
        border-radius: 4px;
        color: #fff;
    }
}
.LingLongTuReservationDetailContainer .days{
    width: 100%;
    overflow-x: auto;
    margin-bottom: 6px;
}
.LingLongTuReservationDetailContainer .days ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
}
.LingLongTuReservationDetailContainer .days li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 58px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 5px;
}
.LingLongTuReservationDetailContainer .days li.active{
    color: #2EC496;
}
.LingLongTuReservationDetailContainer .days li .time{
    font-weight: bold;
    margin-top: 6px;
}
.LingLongTuReservationDetailContainer .TimePeriod {
    background-color: #fff;
    padding: 10px;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it{
 position: relative;   
 margin-right: 15px;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it::before{
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #999;
    border-radius: 3px;
    top: 5px;
    left: -8px; 
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.enable{
    color: #3A926D;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.select{
    color: #f14c3f;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.disabled{
    color: #EAEAEC;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.enable::before{
    background-color: #3A926D;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.select::before{
    background-color: #f14c3f;
}
.LingLongTuReservationDetailContainer .TimePeriod .hd .it.disabled::before{
    background-color: #EAEAEC;
}


.LingLongTuReservationDetailContainer .TimePeriod .list{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuReservationDetailContainer .TimePeriod .list li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100vw - 20px - 24px) / 24);
    height: calc((100vw - 20px - 24px) / 24);
    max-width: 20px;
    max-height: 20px;
    background-color: #3A926D;
    color: #fff;
    font-size: 10px;
    margin-right: 1px;
}
.LingLongTuReservationDetailContainer .TimePeriod .list li.select{
    background-color: #f14c3f;
}
.LingLongTuReservationDetailContainer .TimePeriod .list li.disabled{
    background-color: #EAEAEC;
}
.LingLongTuReservationDetailContainer .TimePeriod .tomorrow{
 margin-top: 20px;   
}

.LingLongTuTuangouScreenList {
    padding: 5px 5px 0px 5px;
    background-color: #fff;
}
.LingLongTuTuangouScreenList ul{
    display: flex;
    flex-direction: row;
}
.LingLongTuTuangouScreenList ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 13px;
}
.LingLongTuTuangouScreenList ul li.active{
    color: #3A926D;
    border-bottom:1px solid #3A926D;
}

/* 订单详情 */
.LingLongTuOrderDetailContainer{
    padding: 10px 0 0 0;
    margin-top: 5px;
    background-color: #fff;
}
.LingLongTuOrderDetailContainer .form {
    padding: 10px;
}
.LingLongTuOrderDetailContainer .form li{
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuOrderDetailContainer .form li .label{
    width: 60px;
    color: #999;
}
.LingLongTuOrderDetailContainer .form li .con{
    flex: 1;
}

.site-layout .ant-layout-content{
    padding: 0;
    background: none;
}

/* 详情 */
.LingLongTuDetailContainer{
    padding-top: 5px;
}
.LingLongTuDetailContainer .form {
    padding: 10px;
    background-color: #fff;
}
.LingLongTuDetailContainer .form li{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.LingLongTuDetailContainer .form li .label{
    width: 80px;
    line-height: 32px;
    color: #999;
}
.LingLongTuDetailContainer .form li .con{
    flex: 1;
}


.LingLongDetailFoot{
    width: 100%;
    background-color: #fff;
    padding: 20px 0 20px 80px;
}

.LingLongDetailFoot .btn.submit{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 120px;
    background-color: #1877F2;
    border-radius: 4px;
    color: #fff;
    padding: 0;
    cursor: pointer;
}
@media screen and (max-width: 760px) {
    .LingLongDetailFoot{
        padding: 0 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        background-color: #fff;
    }
    .LingLongDetailFoot .btn.submit{
        width: 90%;
    }
}
@media screen and (max-width: 420px) {
    .LingLongTuTuangouScreenList ul li{
        padding: 0 5px;
        font-size: 12px;
    }
}

.LingLongTuDetailContainer .pictures{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.LingLongTuDetailContainer .pictures li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 10px 10px 0;
}
.LingLongTuDetailContainer .pictures li img{
    width: 100%;
    height: 100%;
    border-radius:4px;
}
.LingLongTuDetailContainer .pictures li.add{
    border-radius:4px;
    cursor: pointer;
}
.LingLongTuDetailContainer .pictures li.add .input-file{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.LingLongTuDetailContainer .pictures li .icon-guanbi1{
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
}
.LingLongTuDetailContainer .pictures li.add .icon-add{
    font-size: 18px;
    color: #999;
}
.LingLongTuDetailContainer .pictures .ant-upload.ant-upload-select-picture-card{
    width: 60px !important;
    height: 60px !important;
}

.selctStoresContainer {
    padding:5px;
}

/* 清洁管理 */
.LingLongTuCleanListContainer{
    width: 100%;
    padding: 5px;    
}
.LingLongTuCleanListContainer li .store{
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0;
    color: #333;
}
.LingLongTuCleanListContainer li {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    margin-bottom: 5px;
    font-size: 16px;
}
.LingLongTuCleanListContainer li:last-child {
    margin-bottom: 0;
}
.LingLongTuCleanListContainer li .body{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuCleanListContainer li .pic{
    position: relative;
    width: 110px;
    height: 110px;
}
.LingLongTuCleanListContainer li .pic img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.LingLongTuCleanListContainer li .info{
    padding-left: 10px;
    flex:1;
    display: flex;
    flex-direction: column;
    min-height: 80px;
    justify-content: flex-start;
}
.LingLongTuCleanListContainer li .info .name{
    font-weight: bold;
    margin-bottom: 8px;
}
.LingLongTuCleanListContainer li .info .item{
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 30px;
}
.LingLongTuCleanListContainer li .info .cleanStatus{
    padding: 1px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    color: #fff;
    border-radius: 3px;
    line-height: 26px;
}

.LingLongTuCleanListContainer li .status{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    padding: 4px 0;
    text-align: center;
    background-color: #3A926D;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
}

.LingLongTuCleanListContainer li .opt{
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding: 15px 0;
    display: flex;
    flex-direction: row;
}
.LingLongTuCleanListContainer li .opt .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-right: 10px;
    color: #333;
}
.LingLongTuCleanListContainer  li .opt2{
    height: 10px;
}

.LingLongTuReservationDetail2Container {
    padding: 10px;
}
.LingLongTuReservationDetail2Container .reservation{
    background-color: #fff;
    padding: 10px;
}
.LingLongTuReservationDetail2Container .reservation .content{
    display: flex;
    flex-direction: row;
    
}
.LingLongTuReservationDetail2Container .reservation .pic{
    position: relative;
    width: 110px;
    height: 110px;
}
.LingLongTuReservationDetail2Container .reservation .pic img{
    width: 100%;
    height: 100%;
    border-radius: 6px;
}
.LingLongTuReservationDetail2Container .reservation .pic .status{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: 24px;
    padding: 0 8px;
    background-color: green;
    color: #fff;
    align-items: center;
    justify-content: center;font-size: 12px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.LingLongTuReservationDetail2Container .reservation .info{
    margin-left: 10px;
}

.LingLongTuReservationDetail2Container .reservation .tit{
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 10px;
}
    .LingLongTuReservationDetail2Container .reservation .store {
        font-size: 14px;
        font-weight: 700;
        color: green;
        padding: 5px 0;
    }
.LingLongTuReservationDetail2Container .reservation .time{
    line-height: 1.8;
    color: #999;
}
.LingLongTuReservationDetail2Container .reservation .opt{
    border-top: 1px solid #eee;
    display: flex;
    padding: 10px 0 0 0;
    margin-top: 10px;
    flex-direction: row;
    align-items: center;
}
.LingLongTuReservationDetail2Container .reservation .opt .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #1877F2;
    color: #1877F2;
    cursor: pointer;
}

.LingLongTuReservationDetail2Container .orders{
    margin-top: 10px;
    background-color: #fff;
}
.LingLongTuReservationDetail2Container .orders .t{
    padding: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}
.LingLongTuReservationDetail2Container .orders .list{

}
.LingLongTuReservationDetail2Container .orders .list .listItem{
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.LingLongTuReservationDetail2Container .orders .list .info{
   display: flex;
   flex-direction: column;
   color: #999;
   line-height: 24px;
}
.LingLongTuReservationDetail2Container .orders .list .opt{
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.LingLongTuReservationDetail2Container .orders .list .opt .btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 70px;
    border: 1px solid #1877F2;
    border-radius: 4px;
    margin-right: 10px;
    color: #1877F2;
    cursor: pointer;
}

.formTags{
    display: flex;
    flex-direction: row;
    align-items: center;
    
}
.formTags .tagcon{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 24px;
    background-color: #e4e6e9;
    margin-right: 15px;
    position: relative;
}

.formTags .tag{  
    color: #fff;        
    font-size: 13px;    
    color: #333;
}
.formTags .icon-guanbi1{
    position: absolute;
    top: -9px;
    right: -9px;
    color: #999;
    cursor: pointer;
}
.formTags  .add{
    display: flex;
    line-height: 32px;
    color: #1877F2;
    cursor: pointer;
}

.LingLongTuTransactionFlowingContainer .head{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 15px 10px;
}
.LingLongTuTransactionFlowingContainer .head > ul{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuTransactionFlowingContainer .head > ul li{
    margin-right: 10px;
}
.LingLongTuTransactionFlowingContainer .head > ul li:last-child{
    margin-right: 0;
}
.LingLongTuTransactionFlowingContainer .head .total{
    font-size: 16px;
    color: red;
    margin-top: 10px;
}
.LingLongTuTransactionFlowingContainer .head .ant-picker{
    width: 150px;
}
/* .LingLongTuTransactionFlowingContainer  .ant-radio-button-wrapper{
    padding: 0 12px;
} */

.LingLongTuPaginationContainer {
    width: 100%;
    padding: 5px;
    border-top: 1px solid #f0f0f0;
    background-color: #fafafa;
}
.LingLongTuContainerFlex 
{
    flex:1;
    overflow:auto;
}


.mobileNavContainer {
    display: none;
}

@media screen and (max-width: 760px) {
    .ant-pagination-jump-next,.ant-pagination-item{
        display: none !important;
    }
    .mobileNavContainer {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 46px;
        background-color: #f3f0f0;
        border-top: 1px solid #f1e8e8;
        z-index: 999;
    }

    .mobileNavContainer ul {
        display: flex;
        flex-direction: row;
        height: 100%;
    }

    .mobileNavContainer li {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        flex: 1;
        color: #666;
    }

    .mobileNavContainer li .link {
        display: flex;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        color: #666;
    }

    .mobileNavContainer li .link.active .erpfont, .mobileNavContainer li .link.active {
        color: #1877F2;
    }

    .mobileNavContainer li .erpfont {
        margin-bottom: 2px;
        color: #999;
        font-size: 18px;
    }
}
@media screen and (max-width: 960px) {

  
}

/* 功能页 */
.funcsPageContainer{
    background-color: #f2f4f7;
    flex: 1;
    min-height: 100vh;
    overflow: auto;
}
.funcsPageContainer .funsMenu{
    margin-bottom: 10px;
    background-color: #fff;
}
.funcsPageContainer .funsMenu .menuTit{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 46px;
    border-bottom: 1px solid #e9ebf0;
    padding: 0 10px;
}
.funcsPageContainer .funsMenu .menuTit .name{
    position: relative;
    color: #2b323d;
    font-size: 14px;
    padding-left: 12px;
}
.funcsPageContainer .funsMenu .menuTit .name::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 16px;
    background-color: #1877F2;
    content: "";
}
.funcsPageContainer .funsMenu .subMenus{
    padding: 15px 5px 0 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.funcsPageContainer .funsMenu .subMenus .menuItem{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% / 4);
    margin-bottom: 15px;
}
.funcsPageContainer .funsMenu .subMenus .menuItem .link{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.funcsPageContainer .funsMenu .subMenus .menuItem .icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #438cf2;
    border-radius: 8px;
}
.funcsPageContainer .funsMenu .subMenus .menuItem .name{
    margin-top: 10px;
    color: #333;
    font-size: 12px;
}
.funcsPageContainer .funsMenu .subMenus .menuItem .iconfont{
    font-size: 24px;
    color: #fff;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(1) .icon{
    background-color: #438cf2;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(2) .icon{
    background-color: #de614d;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(3) .icon{
    background-color: #f09952;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(4) .icon{
    background-color: #5597d3;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(5) .icon{
    background-color: #438cf2;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(6) .icon{
    background-color: #de614d;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(7) .icon{
    background-color: #f09952;
}
.funcsPageContainer .funsMenu .subMenus .menuItem:nth-child(8) .icon{
    background-color: #5597d3;
}


.mobliePageContainer{
    padding: 60px 0 0 0;
    height: 100vh;
    overflow: auto;
}
.mobliePageContainer2{
    padding-bottom: 46px;
    height: calc(100vh);
    overflow-y: auto;
}
.mobliePageContainer3{
    padding:60px 0 46px 0;
    height: calc(100vh);
    overflow-y: auto;
}



.lingLongTuMobileTopbackContainer {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    height: 60px;
    width: 100%;
    z-index: 998;
    border-bottom: 6px solid #f5f5f5;
}

.lingLongTuMobileTopbackContainer .back {
    width: 80px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}

.lingLongTuMobileTopbackContainer .tit {
    padding-right: 80px;
    font-size: 16px;
    text-align: center;
    flex: 1;
    color: #333;
}
.lingLongTuMobileTopbackContainer .storeName{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 960px) {
    .lingLongTuMobileTopbackContainer {
        display: flex;
    }

    .mobliePageContainer .LingLongTuPageContainer{
        height: calc(100vh - 60px);
    }
   
}
.fuwuDetailContainer {
    padding: 10px;
}
.fuwuDetailContainer .info{
    background-color: #fff;
    padding: 15px;
}
.fuwuDetailContainer .info .name{
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
}
.fuwuDetailContainer .info .time{
    color: red;
}
.fuwuDetailContainer .info .timeCon{
    color: #999;
}
.fuwuDetailContainer .orderInfo{

    background-color: #fff;
    padding: 15px;
    border-top: 1px solid #eee;
}
.fuwuDetailContainer .orderInfo li{
  line-height: 36px;
  display: flex;
  flex-direction: row;
}
.fuwuDetailContainer .orderInfo li .label{
    width: 60px;
}
.fuwuDetailContainer .orderInfo li .price{
    color: #FF5900;
}
.fuwuDetailContainer .orderInfo li .duration{
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
.fuwuDetailContainer .orderInfo li .label{
    color: #999;
}
.fuwuDetailContainer .footerContainer{
    background-color: #fff;
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.fuwuDetailContainer .footerContainer .btn.submit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 120px;
    background-color: #1877F2;
    border-radius: 8px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    font-size: 14px;
}
.fuwuDetailContainer .footerContainer .btn.submit.offline {
    margin-left: 10px;
}

@media screen and (max-width: 750px) {

    .fuwuDetailContainer .orderInfo li{
        justify-content: space-between;
      }
    .fuwuDetailContainer .info,.fuwuDetailContainer .orderInfo{
        border-radius: 8px;
    }
    .fuwuDetailContainer .orderInfo{
        margin-top: 10px;
        border-top: none;
    }
    .fuwuDetailContainer .footerContainer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .fuwuDetailContainer .footerContainer .btn.submit {
        width: 100%;
        border-radius: 20px;
    }
}

.jjyzAuthContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.jjyzAuthContainer img{
    width: 100%;
}
.jjyzAuthContainer .copy{
    margin-top: 10px;
    color: #438cf2;
    cursor: pointer;
}
.expirationNoticeModal .ant-btn-default{
    display: none !important;
}
.LingLongTuTuangouRoomListContainer li{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuTuangouRoomListContainer li img{
    width: 90px;
    height: 90px;
}
.LingLongTuDetailContainer .ant-upload-list-picture-card-container,.LingLongTuDetailContainer .ant-upload.ant-upload-select-picture-card{
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 0;
    margin-right: 0;
}
.LingLongTuDetailContainer .ant-upload-picture-card-wrapper{
    width: auto;
    flex: 1;
}

.LingLongTuSearchContainer{
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.LingLongTuSearchContent,.LingLongTuSearchContainer .otherOpt{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.LingLongTuSearchContent li,.LingLongTuSearchContainer .otherOpt li{
    margin-right: 10px;
 }
 .LingLongTuSearchContainer .otherOpt .mobileSearchBtn{
    display: none;
 }
.LingLongTuSearchContainer .ant-btn{
    padding: 4px 8px !important;
}
@media screen and (max-width: 750px) {
    .LingLongTuSearchContainer{
        justify-content:flex-start;
    }
    .LingLongTuSearchContainer .LingLongTuSearchContent{
        display: none;
    }
    .LingLongTuSearchContainer .otherOpt .mobileSearchBtn{
        display: inline-block;
     }
     .lingLongTumoblieSearchForm .form li .label{
        width: 70px !important;
    }
    .LingLongTuOrderPageContainer .ant-picker-dropdown{
        left: 0px !important;
    }
}