[v-cloak]{
    display: none;
}
.be-aside .main-content {
    margin-left: 220px;
    width: auto;
}
.page-aside {
    width: 220px;
    left: 210px;
}
.time-input{
    background: #fff!important;
}
@media screen and (min-width:1024px) and (max-width:1300px) {
    .time-input{
        padding: 2px;
        text-align: center;
        background: #fff!important;
    }
}
@media (max-width: 767.98px) {
    .page-aside {
        width: 100%;
        display: block;
        height: auto;
        position: relative;
        margin-top: 0;
        padding-bottom: 0;
        left: 0;
        border-bottom: 2px solid #f2f2f2;
    }
    .be-aside .main-content {
        margin-left: 0px;
        width: auto;
    }
}
@media (min-width:1024px) {
    .be-left-sidebar{
        width: 210px!important;
    }
    .be-content .be-loading .be-spinner{
        left: calc(50% + 110px);
        position: fixed!important;
    }
}

@media (max-width:1024px) {
    .be-content .be-loading .be-spinner{
        left: calc(50%);
        position: fixed!important;
    }
}


@media (min-width:1024px) {
    .be-content{
        margin-left: 210px!important;
    }

}

#park_map{
    height: calc(100vh - 110px);
}
#road_park_map{
    height: calc(100vh - 180px);
}
.be-left-sidebar .left-sidebar-wrapper{
    background: #fff;
}
.be-left-sidebar .sidebar-elements>li>a:hover {
    background-color:#d9e2eb;
}
#chart{
    height: 300px!important;
    margin-top: 0px;
    width: 100%;
}
#bchart{
    height: 550px!important;
    margin-top: 0px;
    width: 100%;
}
#chart_full_data{
    height: 450px!important;
}
@media screen and (min-width:1600px) {
    #chart{
        height: 550px!important;
        margin-top: 0px;
        width: 100%;
    }
    #bchart{
        height: 550px!important;
        margin-top: 0px;
        width: 100%;
    }
    #roadchart{
        height: 650px!important;
        margin-top: 0px;
        width: 100%;
    }
    #broadchart{
        height: 650px!important;
        margin-top: 0px;
        width: 100%;
    }
    #chart_full_data{
        height: 600px!important;
    }
    .chart_full_list_data{
        height: 590px!important;
    }
}

@media screen and (min-width:1024px) and (max-width:1600px) {
    #chart{
        height: 350px!important;
        margin-top: 0px;
        width: 100%;
    }
    #bchart{
        height: 350px!important;
        margin-top: 0px;
        width: 100%;
    }
    #roadchart{
        height: 460px!important;
        margin-top: 0px;
        width: 100%;
    }
    #broadchart{
        height: 460px!important;
        margin-top: 0px;
        width: 100%;
    }
    #chart_full_data{
        height:420px!important;
    }
    .chart_full_list_data{
        height: 410px!important;
    }
}
@media screen and (min-width:300px) and (max-width:1024px) {
    #chart{
        height: 300px!important;
        margin-top: 0px;
        width: 100%;
    }
    #bchart{
        height: 300px!important;
        margin-top: 0px;
        width: 100%;
    }
    #roadchart{
        height: 300px!important;
        margin-top: 0px;
        width: 100%;
    }
    #broadchart{
        height: 300px!important;
        margin-top: 0px;
        width: 100%;
    }
    #chart_full_data{
        height: 450px!important;
    }
    .chart_full_list_data{
        height: 360px!important;
    }
}
.w-120p{width: 120px;}
.w-140p{width: 140px;}
.w-160p{width: 160px;}
.w-180p{width: 180px!important;}
.w-200p{width: 200px;}
.w-220p{width: 220px;}
.w-100p{width: 100px!important;}
.w-80p{width: 80px;}
.w-60p{width: 60px;}
.w-50p{width: 50px;}
.w-40p{width: 40px;}

.main-content{
    padding: 10px 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
@media screen and (min-width:1024px) {
    .row{
        margin-left: -15px!important;
        margin-right: -15px!important;
    }
    .main-content{
        padding: 15px!important;
    }
}
.operation{
    margin-bottom: 10px;
}
.operation .alert{
    cursor: pointer;
    margin-bottom: 0px;
    width: max-content;
}
.operation .alert .icon{
    width: 40px;
    cursor: pointer;
    color:#0d5bdd;
}
.operation .alert .mdi{
    width: 30px!important;
}
.operation .alert .message{
    padding: 0rem 0.8rem 0rem 0.5rem;
}
.operation .alert h4{
    margin: 0px;
    overflow: hidden;
    height: 33px;
    line-height: 33px;
}
.operation .alert h4 span{
    display: inline-block;
    color: #f6c163!important;
}

/*搜索css*/
.search-label{
    line-height: 20px;
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: flex-end;
    margin-bottom: 5px;
}
.search-input{
    margin-bottom: 5px;
}
.search{
    background: #fff;
    padding: 10px 5px;
    margin-bottom: 10px;
}
.search-item{
    border-bottom: 1px dashed #ccc;
}
.search-op{
    margin-top: 5px;
}

.tishi span{
    color: red;
}
a.btn:not([href]):not([tabindex]){
    color: #fff!important;
}
.shujudata .card-body{
    min-height: 400px;
}
.error{
    margin-bottom: 0px;
    padding-left: 5px;
    line-height: 25px;
    color: red;!important;
}
.required{
    color: red;!important;
}
#menulist .custom-checkbox{
    margin-bottom:0px;
    margin-right: 0px;
    float: right
}
#add_edit_data .modal-body{
    max-height:400px;
    overflow-y: scroll;
}
.modal-content .modal-body{
    max-height:500px;
    overflow-y: auto;
}
@media screen and (min-width:1600px) {
    .modal-content .modal-body{
        max-height:700px!important;
        overflow-y: auto;
    }
}
@media screen and (min-width:1024px) and (max-width:1600px) {
    .modal-content .modal-body{
        max-height:460px!important;
        overflow-y: auto;
    }
}
table p{
    margin-bottom: 0px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top:50%!important;
}
#tabledata .table tbody tr td.milestone span{
    font-size: 1rem!important;
    color: #000!important;
}
.main-content a{
    cursor: pointer;
}
.dd3-content .active{
    color:#4285f4!important;
}
.be-datatable-header{
    display: none;
}
.be-datatable-footer{
    display: none;
}
a:not([href]):not([tabindex]) {
    cursor: pointer!important;
}
.dataTables_empty{
    display: none;
}
/*库存日历css*/
#calendar{
    width: 100%;
    max-width: 500px;
}
.month{
    background: #4285f4;
    color: #fff;
    font-size: 20px;
    padding: 15px;
}
.weekdays{
    margin-left: 0px;
    display: block;
    height: 100%;
    padding-left: 0px;
    border-left: 1px #ccc solid;
}
.weekdays  li{
    float: left;
    width: 14.2857%;
    height: 50px;
    text-align: center;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    display: inline-block;
    font-weight: bold;
}
.days {
    clear: both;
    display: block;
    height: 100%;
    margin-left: 0px;
    padding-left: 0px;
    border-left: 1px #ccc solid;

}
.days li{
    float: left;
    width: 14.2857%;
    height: 50px;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
    display: inline-block;
}
.days li p{
    margin-bottom: 0px!important;
}
.other-month{
    color: #ccc;
}
.day-con{
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
}
#calendar .active{
    background: #4285f4;
    color: #fff;
}
.breadcrumb{
    background: #fff!important;
}
#tabledata td
{
    white-space:nowrap;
}
.dtr-data{
    white-space:normal!important;
    word-break:break-all!important;
}
.cov-datepicker{
    border: 1px solid #d5d8de;
}
.badge-success {
    color: #ffffff!important;
}
.tdspan {
    font-size: 1rem!important;
    color: #404040!important;
    display: inline-block!important;
    margin-bottom: 0px!important;
}
.update_data_time{
    padding-left: 20px;margin-bottom: 0px;line-height: 30px;color: #666;
}
.switch-off :before {
    position: absolute;
    font-size: .8462rem;
    font-weight: 600;
    z-index: 0;
    content: "开";
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 27px;
    top: 0;
    text-align: right;
    padding-right: 10px;
    color: #fff;
}
.switch-button2 {
    display: inline-block;
    border-radius: 50px;
    background-color: #b3b3b3;
    width: 60px;
    height: 27px;
    padding: 4px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.switch-button2 input[type="checkbox"] {
    display: none;
}
.switch-button2 label {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #fff inset;
    box-shadow: 0 0 1px 1px #fff inset;
    background-color: #fff;
    margin: 0;
    height: 19px;
    width: 19px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    background-clip: padding-box;
}


.switch-on :before {
    position: absolute;
    font-size: .8462rem;
    font-weight: 600;
    z-index: 0;
    content: "关";
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 27px;
    top: 0;
    text-align: left;
    padding-left: 10px;
    color: #fff;
}
 .switch-on span{
    background-color: red;
}
.switch-button-success{
    background: #34a853;
}
.switch-on label{
    float: right;
}
.shourutj .widget.widget-tile {
    padding: 10px 10px!important;
    margin-bottom: 20px!important;
}
/*高德地图自动输入提示*/
.amap-sug-result { z-index: 9999!important; }
/*车位引导*/
@media only screen and (max-width: 1920px){
    .parkinglot-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 1366px){
    .parkinglot-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
}
@media only screen and (max-width: 1024px){
    .parkinglot-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
}
.parkinglot-box{
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    border-radius: 3px;
    border-top: 3px solid #c9c9c9;
    border-top-color: rgb(201, 201, 201);
    padding: 10px 5px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 0 10px;

}
.parkinglot-carno{
    height: 30px;
    line-height: 30px;
    background: #fff;
    opacity: 0.6;
    text-align: center;
    border-radius: 4px;
    border:1px solid #fff ;
    color: #000;
    font-size: 0.9rem;
    cursor: pointer;
}
.parkinglot-code{
    margin: 0.1rem auto;
    text-align: center;
    font-size: 1.5rem;
}
.parkinglot-parkmins{
    height: 30px;
    line-height: 30px;
    background: #fff;
    opacity: 0.6;
    text-align: center;
    border-radius: 4px;
    border:1px solid #fff ;
    color: #000;
    font-size: 0.8rem;
}
.parkinglot-box-success{
    background-color: #37b358;
    border-color: #37b358;
}
.parkinglot-box-danger{
    background-color: #eb6357;
    border-color: #fff;
}
.parkinglot-box-warning{
     background-color: #f6c163;
     border-color: #fff;
 }
.parkinglot-box-primary{
    background-color: #5f99f5;
    border-color: #fff;
}

.lotinfo-item{
    padding: 10px;
}
.lot-title{
    font-size: 1rem;
    color: #fff;
    line-height: 30px;
}
.lot-num{
    color: #444;
    font-weight: bold;
    font-size: 1.5rem;
}
.be-option-buttons .active{
    color:#5f99f5;
}
/*统计信息*/
.total-info{
    margin-bottom: 10px;
}
.total-info .t-title{
    font-size: 1.2rem;line-height: 30px;color: #404040;
}
.total-info .t-num{
    font-size: 1.2rem;line-height: 30px;color: #404040;
}
.no-list-num{
    padding-top: 60px;
    font-size: 1.2rem;
    color: #666;
}
.park-item:hover{
    color: #4285f4;
}
.xz-park .active{
    color: #0a8ddf;
    font-weight: bold;
}

.dikoulist .be-booking-promo{
    display: block!important;
    padding: 15px!important;
}
.dikoulist .be-booking-promo .be-booking-promo-time{
    border-left-color: #e3e3e3;
    display: flex;
}
.dikoulist .be-booking-promo-time .be-booking-promo-price{
    margin-top: 41px;
}
.dikoulist .be-booking-promo .be-booking-promo-time::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 72px 72px 0;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #f6c163;
}
.dikoulist .be-booking-promo .be-booking-promo-time{
    border-left-color: #e3e3e3;
    display: flex;
}
.dikoulist .be-booking-promo-time .be-booking-promo-price{
    margin-top: 41px;
}
.dikoulist .be-booking-promo .be-booking-promo-money::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 72px 72px 0;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #ea4335;
}
.dikoulist .be-booking-promo .be-booking-promo-money{
    border-left-color: #ea4335;
    display: flex;
}
.dikoulist .be-booking-promo-money .be-booking-promo-price{
    margin-top: 41px;
}
.dikoulist .be-booking-promo .be-booking-promo-zhekou::before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 72px 72px 0;
    border-color: transparent;
    border-right-color: transparent;
    border-right-color: #2c8d46;
}
.dikoulist .be-booking-promo .be-booking-promo-zhekou{
    border-left-color: #2c8d46;
    display: flex;
}
.dikoulist .be-booking-promo-zhekou .be-booking-promo-price{
    margin-top: 41px;
}
.dikoulist .be-booking-promo .be-soldout-title {
    position: absolute;
    font-size: .8462rem;
    color: #fff;
    top: 20px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dikoulist .be-booking-promo .be-used-title {
    position: absolute;
    font-size: .8462rem;
    color: #fff;
    top: 10px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
}

@media (min-width:1600px) {
    .col-xxxl {
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        max-width:100%
    }
    .col-xxxl-auto {
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-xxxl-1 {
        -webkit-box-flex:0;
        -ms-flex:0 0 8.333333%;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-xxxl-2 {
        -webkit-box-flex:0;
        -ms-flex:0 0 16.666667%;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xxxl-3 {
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xxxl-4 {
        -webkit-box-flex:0;
        -ms-flex:0 0 33.333333%;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-xxxl-5 {
        -webkit-box-flex:0;
        -ms-flex:0 0 41.666667%;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-xxxl-6 {
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xxxl-7 {
        -webkit-box-flex:0;
        -ms-flex:0 0 58.333333%;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-xxxl-8 {
        -webkit-box-flex:0;
        -ms-flex:0 0 66.666667%;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-xxxl-9 {
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xxxl-10 {
        -webkit-box-flex:0;
        -ms-flex:0 0 83.333333%;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-xxxl-11 {
        -webkit-box-flex:0;
        -ms-flex:0 0 91.666667%;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-xxxl-12 {
        -webkit-box-flex:0;
        -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xxxl-first {
        -webkit-box-ordinal-group:0;
        -ms-flex-order:-1;
        order:-1
    }
    .order-xxxl-last {
        -webkit-box-ordinal-group:14;
        -ms-flex-order:13;
        order:13
    }
    .order-xxxl-0 {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
    .order-xxxl-1 {
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
    .order-xxxl-2 {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .order-xxxl-3 {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3
    }
    .order-xxxl-4 {
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4
    }
    .order-xxxl-5 {
        -webkit-box-ordinal-group:6;
        -ms-flex-order:5;
        order:5
    }
    .order-xxxl-6 {
        -webkit-box-ordinal-group:7;
        -ms-flex-order:6;
        order:6
    }
    .order-xxxl-7 {
        -webkit-box-ordinal-group:8;
        -ms-flex-order:7;
        order:7
    }
    .order-xxxl-8 {
        -webkit-box-ordinal-group:9;
        -ms-flex-order:8;
        order:8
    }
    .order-xxxl-9 {
        -webkit-box-ordinal-group:10;
        -ms-flex-order:9;
        order:9
    }
    .order-xxxl-10 {
        -webkit-box-ordinal-group:11;
        -ms-flex-order:10;
        order:10
    }
    .order-xxxl-11 {
        -webkit-box-ordinal-group:12;
        -ms-flex-order:11;
        order:11
    }
    .order-xxxl-12 {
        -webkit-box-ordinal-group:13;
        -ms-flex-order:12;
        order:12
    }
    .offset-xxxl-0 {
        margin-left:0
    }
    .offset-xxxl-1 {
        margin-left:8.333333%
    }
    .offset-xxxl-2 {
        margin-left:16.666667%
    }
    .offset-xxxl-3 {
        margin-left:25%
    }
    .offset-xxxl-4 {
        margin-left:33.333333%
    }
    .offset-xxxl-5 {
        margin-left:41.666667%
    }
    .offset-xxxl-6 {
        margin-left:50%
    }
    .offset-xxxl-7 {
        margin-left:58.333333%
    }
    .offset-xxxl-8 {
        margin-left:66.666667%
    }
    .offset-xxxl-9 {
        margin-left:75%
    }
    .offset-xxxl-10 {
        margin-left:83.333333%
    }
    .offset-xxxl-11 {
        margin-left:91.666667%
    }
}
#card_data  tr td{
    padding: 8px 8px!important;
}
@media (min-width:1600px) {
    .card-data .col-xxxl-2{
        padding-right: 5px!important;
        padding-left: 5px!important;
    }
}
@media screen and (min-width:1024px) and (max-width:1600px) {
    .card-data .col-md-3{
        padding-right: 5px!important;
        padding-left: 5px!important;
    }
}
.card-data .row{
    padding: 0px 10px;
}
.img_wap{
    padding-bottom: 56.25%;
    width: 100%;
    position: relative;
}

.img_wap img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
.img_wap .badge{
    z-index: 101;
}
.img_wap .img-tag{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #CBCD6A;
    padding: 2px 6px;
    font-size: 12px;
    z-index: 101;
    color: #ffffff;
}
.card-data .btn-group > .btn.btn-primary:hover{
    border-left-color: #206ff2;
    border-right-color: #206ff2;
}
.card-data .btn-group > .btn.btn-primary{
    opacity: 0.8;
}
.card-data .btn-group > .btn.btn-danger{
 opacity: 0.8;
}
.card-data .btn-group > .btn.btn-secondary{
    opacity: 0.8;
}
.card-data .btn-group > .btn.btn-secondary:focus{
    box-shadow: 0 0 0 .0rem rgba(135,135,135,.5);
}

.card-data .btn-group > .btn.btn-primary:focus{
    box-shadow: 0 0 0 .0rem rgba(135,135,135,.5);
}
.card-data .btn-group > .btn.btn-danger:focus{
    box-shadow: 0 0 0 .0rem rgba(135,135,135,.5);
}
.custom-control-input {
    top: 0.345rem;
    left: 0.345rem;
    z-index: 2;
}
.left-sidebar-content .icon  svg {
    width: 20px;
}
.operation-more .operation-item{
    display: block;
    float: right;
    line-height:30px;
    font-size: 1rem;
    margin-left: 15px;
    cursor: pointer;
}

.operation-more .operation-item .icon{
    line-height:40px;
    font-size: 1.3rem;
    padding-right: 5px;
}

.ant-form-item{
    margin-bottom: 0px!important;
}

/* 标题-时尚中黑简体体 */
@font-face {
    font-family: ShiShangZhongHeiJianTi;
    src: url("../fonts/ShiShangZhongHeiJianTi.ttf");
}

/* 标题-造字工房方黑提 */
@font-face {
    font-family: MFFangHei;
    src: url("../fonts/MFFangHeiNoncommercial.ttf");
}

/* tag标签自定义样式 */
.ts-tag{
    display: inline-block;
    color: #52c41a;
    background: #f6ffed;
    border: 1px solid #d9d9d9;
    margin: 0 8px 0 0;
    padding: 0 7px;
    font-size: 12px;
    line-height: 20px;
    border-width: 1px;
    border-radius: 2px;
    cursor: default;
}
.ts-tag.green{
    color: #52c41a;
    background: #f6ffed;
    border: 1px solid #b7eb8f;
}
.ts-tag.orange{
    color: #fa8c16;
    background: #fff7e6;
    border-color: #ffd591;
}
.ts-tag.red{
    color: #f5222d;
    background: #fff1f0;
    border-color: #ffa39e;
}
.ts-tag.blue{
    color: #1890ff;
    background: #e6f7ff;
    border-color: #91d5ff;
}
.ts-tag.cyan{
    color: #13c2c2;
    background: #e6fffb;
    border-color: #87e8de;
}