/* 主题切换 */
html[data-theme = 'standard']:root{
    --bg-color: #5C50F8;
    --text-color: #5C50F8;
    --svg-color: #5C50F8;
    --r-color: 92;
    --g-color: 80;
    --b-color: 248;
    --index-bg-url: url("/img/standard/index_bg.png") center no-repeat;
    --index-new-bg-url: url("/img/standard/index_new_bg.png") center no-repeat;
    --other-bg-url: url("/img/standard/other_bg.png") center no-repeat;
    --top-bg-url: url("/img/standard/top_bg.png") center no-repeat;
}
html[data-theme = 'blue']:root{
    --bg-color: #007FFF;
    --text-color: #007FFF;
    --svg-color: #007FFF;
    --r-color: 0;
    --g-color: 127;
    --b-color: 255;
    --index-bg-url: url("/img/blue/index_bg.png") center no-repeat;
    --index-new-bg-url: url("/img/blue/index_new_bg.png") center no-repeat;
    --other-bg-url: url("/img/blue/other_bg.png") center no-repeat;
    --top-bg-url: url("/img/blue/top_bg.png") center no-repeat;
}
html[data-theme = 'green']:root{
    --bg-color: #5FB87E;
    --text-color: #5FB87E;
    --svg-color: #5FB87E;
    --r-color: 95;
    --g-color: 184;
    --b-color: 126;
    --index-bg-url: url("/img/green/index_bg.png") center no-repeat;
    --index-new-bg-url: url("/img/green/index_new_bg.png") center no-repeat;
    --other-bg-url: url("/img/green/other_bg.png") center no-repeat;
    --top-bg-url: url("/img/green/top_bg.png") center no-repeat;
}
/* 加载框 */
.epo-common-loading{position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 120px; height: 120px;  background: #f6f9ff; border-radius: 8px;}
.epo-common-loading-icon{width: 10px; height: 10px; border-radius: 50%;
    animation: epo-common-loading-icon-gif 1s linear infinite;}
.epo-common-loading-desc{font-size: 12px; color: var(--bg-color); position: relative; top: 35px;}
@keyframes epo-common-loading-icon-gif {
    0% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), -19px -19px 0 0 var(--bg-color); }
    12.5% {
        box-shadow: 0 -27px 0 0 var(--bg-color), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8); }
    25% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), 19px -19px 0 0 var(--bg-color), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6); }
    37.5% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), 27px 0 0 0 var(--bg-color), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4); }
    50% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), 19px 19px 0 0 var(--bg-color), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3); }
    62.5% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), 0 27px 0 0 var(--bg-color), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2); }
    75% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), -19px 19px 0 0 var(--bg-color), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1); }
    87.5% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), -27px 0 0 0 var(--bg-color), -19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05); }
    100% {
        box-shadow: 0 -27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.05), 19px -19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.1), 27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.2), 19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.3), 0 27px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.4), -19px 19px 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.6), -27px 0 0 0 rgba(var(--r-color), var(--g-color), var(--b-color), 0.8), -19px -19px 0 0 var(--bg-color); }
}
/* mui.showLoading */
.mui-show-loading {position: fixed;padding: 5px;width: 120px;min-height: 120px;top: 45%;left: 50%;margin-left: -60px;background: rgba(0, 0, 0, 0.6);
    text-align: center;border-radius: 5px;color: #FFFFFF;visibility: hidden;margin: 0;z-index: 2000;-webkit-transition-duration: .2s;
    transition-duration: .2s;opacity: 0;-webkit-transform: scale(0.9) translate(-50%, -50%);transform: scale(0.9) translate(-50%, -50%);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.mui-show-loading.loading-visible {opacity: 1;visibility: visible;-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
.mui-show-loading .mui-spinner{margin-top: 24px;width: 36px;height: 36px;}
.mui-show-loading .text {line-height: 1.6;font-family: -apple-system-font,"Helvetica Neue",sans-serif;font-size: 14px;margin: 10px 0 0;color: #fff;}
.mui-show-loading-mask {position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;}
.mui-show-loading-mask-hidden{display: none !important;}
/* 公共部分 */
*{padding: 0; margin: 0; box-sizing: border-box; touch-action: pan-y; -webkit-overflow-scrolling: touch;}
header a{color: #5C50F8;}
.star{color: #f00; margin-right: 3px; font-size: 16px; display: inline-block; vertical-align: middle;}
.end{color: #f00; font-size: 10px;}
[v-cloak]{display: none !important;}
.no-data{display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding-top: 20px;}
.no-data img{width: 80px !important; height: 80px !important;}
/* 工商大学导航栏 */
.mui-bar.meeting{background-color: #6842F1; box-shadow: none;}
.mui-bar.meeting a{color: #fff;}
.mui-bar.meeting .mui-title{color: #fff;}
/* iOS16版本mui.picker组件不兼容 */
.mui-ios-16.mui-ios-16-2 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-3 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-4 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-4 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-16.mui-ios-16-5 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-5 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-16.mui-ios-16-6 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-6 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-16.mui-ios-16-7 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-16.mui-ios-16-7 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-0 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-0 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-1 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-1 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-2 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-2 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-3 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-3 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-4 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-4 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-5 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-5 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-6 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-6 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-17.mui-ios-17-7 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-17.mui-ios-17-7 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-0 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-0 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-1 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-1 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-2 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-2 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-3 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-3 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-4 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-4 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-5 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-5 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}
.mui-ios-18.mui-ios-18-6 .mui-pciker-list{transform-origin-z: 0 !important;}
.mui-ios-18.mui-ios-18-6 .mui-picker-inner{-webkit-mask-box-image: none !important; -webkit-mask-box-image: none !important;}

/* ==================== 客户统计 ==================== */
.guest-stats-top{background: #fff; padding-top: 15px;}
.guest-stats-search{margin: 0 15px;}
.guest-stats-search .mui-search input{background-color: #f5f5f5;}
.guest-stats-search .mui-search .mui-placeholder{pointer-events: none;}
.guest-stats-filter{display: flex; border-top: 1px solid #e8e8e8;}
.guest-stats-filter-item{flex: 1; display: flex; justify-content: center; align-items: center;
    height: 40px; position: relative;}
.guest-stats-filter-item:active{background: #f5f5f5;}
.guest-stats-filter .guest-stats-filter-item:first-child:after{position: absolute; right: 0; top: 10px; bottom: 10px; width: 1px;
    content: ''; background-color: #e8e8e8;}
.guest-stats-filter-item .content{display: flex; align-items: center;}
.guest-stats-filter-item .content .name{font-size: 16px; color: #333;}
.guest-stats-filter-item .content .num{font-size: 16px; color: #999;}
.guest-stats-filter-item .mui-icon{position: absolute; top: 10px; right: 10px;
    z-index: 9; font-size: 20px; color: #999;}
.guest-stats-chart{margin: 15px; background: #fff; border-radius: 5px; display: flex;}
.guest-stats-chart-item{flex: 1; height: 200px; display: flex; justify-content: center; align-items: center;}
.guest-stats-list{margin: 0 15px;}
.guest-stats-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.guest-stats-item-up{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.guest-stats-item-up .left{display: flex; align-items: center; margin-left: 10px;}
.guest-stats-item-up .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.guest-stats-item-up .left .name{font-size: 16px; color: #333; display: inline-block; width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.guest-stats-item-up .right{width: 68px; height: 20px; display: flex; justify-content: center; align-items: center;}
.guest-stats-item-up .right.right1{background: url("../img/khtj/zhengchang.png") center no-repeat; background-size: 100% 100%;}
.guest-stats-item-up .right.right2{background: url("../img/khtj/daoqi.png") center no-repeat; background-size: 100% 100%;}
.guest-stats-item-up .right.right3{background: url("../img/khtj/yuqi.png") center no-repeat; background-size: 100% 100%;}
.guest-stats-item-up .right .desc{font-size: 10px; color: #fff;}
.guest-stats-item-mid{display: flex; align-items: center; padding-left: 10px; padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;}
.guest-stats-item-mid .tag{display: flex; justify-content: center; align-items: center; width: 70px; height: 24px;
    border: 1px solid #5C50F8; color: #5C50F8; border-radius: 3px; margin-right: 15px; font-size: 12px;}
.guest-stats-item-mid .tag:last-child{margin-right: 0;}
.guest-stats-item-bottom{display: flex; align-items: center; padding: 10px;}
.guest-stats-item-bottom img{width: 40px; height: 40px; border-radius: 50%; display: flex; margin-right: 5px;}
.guest-stats-item-bottom .info{display: flex; flex-direction: column; justify-content: center;}
.guest-stats-item-bottom .info .name{font-size: 14px; color: #555;}
.guest-stats-item-bottom .info .time{font-size: 14px; color: #999;}
.guest-stats-dialog1{position: fixed; top: 115px; left: 15px; right: 15px; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff; border-radius: 5px;}
.guest-stats-dialog-item1{display: flex; align-items: center; padding: 10px 0 10px 40px; position: relative;}
.guest-stats-dialog-item1:active{background: #f5f5f5;}
.guest-stats-dialog-item1 img{width: 20px; height: 20px; display: flex;
    position: absolute; left: 10px; top: 10px;}
.guest-stats-dialog-item1 .info{display: flex; align-items: center;}
.guest-stats-dialog-item1 .info .desc1{font-size: 16px; color: #555;}
.guest-stats-dialog-item1 .info .desc2{font-size: 16px; color: #999;}
.guest-stats-dialog2{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.guest-stats-dialog-item2{padding: 0 15px;}
.guest-stats-dialog-item2 .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.guest-stats-dialog-content2{margin-bottom: 15px;}
.guest-stats-dialog-content2 .desc1{display: inline-block; width: 70px; height: 32px; line-height: 32px;
    text-align: center; background: #f5f5f5; font-size: 14px; color: #555; border-radius: 3px; margin-right: 15px;}
.guest-stats-dialog-content2 .desc1.active{background: #5C50F8; color: #fff;}
.guest-stats-dialog-content2 .desc1:last-child{margin-right: 0;}
.guest-stats-dialog-content2 .desc2{display: inline-block; width: 90px; height: 32px; line-height: 32px;
    text-align: center; background: #f5f5f5; font-size: 14px; color: #555; border-radius: 3px; margin-right: 10px;}
.guest-stats-dialog-content2 .desc2.active{background: #5C50F8; color: #fff;}
.guest-stats-dialog-content2 .desc2:last-child{margin-right: 0;}
.guest-stats-dialog-action2{display: flex; height: 40px; border-top: 1px solid #eee;}
.guest-stats-dialog-action2 span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.guest-stats-dialog-action2 span:active{background: #f5f5f5;}
.guest-stats-dialog-action2 .reset{color: #555; border-right: 1px solid #eee;}
.guest-stats-dialog-action2 .confirm{color: #5C50F8;}

/* ==================== 国家管网项目 ==================== */
/* 首页 */
.stats-index-top{background: url("../img/meeting/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 180px; display: flex; align-items: center;}
.stats-index-top-list{display: flex; justify-content: space-around; width: 100%;}
.stats-index-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.stats-index-top-item .num{font-size: 30px; font-weight: 400; color: rgba(255,255,255, .9); margin-bottom: 10px;}
.stats-index-top-item .name{font-size: 14px; color: rgba(255,255,255, .6);}
.stats-index-list{margin: -40px 20px 0;}
.stats-index-item{display: flex; justify-content: space-between; padding: 15px 10px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.stats-index-item:active{background: #f5f5f5;}
.stats-index-item-left{display: flex; align-items: center;}
.stats-index-item-left img{width: 50px; height: 50px; margin-right: 10px;}
.stats-index-item-info{display: flex; flex-direction: column; justify-content: center;}
.stats-index-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.stats-index-item-info .desc{font-size: 14px; color: #999;}
.stats-index-item-right{display: flex; align-items: center;}
.stats-index-item-right span{font-size: 20px; color: #999;}
/* 大屏管理 */
.stats-screen-manage-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin-top: 15px; padding: 0 10px 0 15px;}
.stats-screen-manage-top .name{font-size: 16px; color: #333;}
.stats-screen-manage-top .right{display: flex; align-items: center;}
.stats-screen-manage-top .right .mui-icon{font-size: 20px; color: #999;}
.stats-screen-manage-list{margin: 15px 15px 0;}
.stats-screen-manage-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.stats-screen-manage-item:active{background: #f5f5f5;}
.stats-screen-manage-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.stats-screen-manage-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.stats-screen-manage-item .info .name{font-size: 16px; color: #333; margin-bottom: 5px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-screen-manage-item .info .num{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-screen-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.stats-screen-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 添加大屏 */
.stats-screen-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.stats-screen-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.stats-screen-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.stats-screen-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.stats-screen-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.stats-screen-add-dialogs-top .action:active{opacity: 0.8;}
.stats-screen-add-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.stats-screen-add-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.stats-screen-add-dialogs .wrap .content{margin-bottom: 75px;}
.stats-screen-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.stats-screen-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.stats-screen-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.stats-screen-add-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.stats-screen-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.stats-screen-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.stats-screen-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.stats-screen-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.stats-screen-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.stats-screen-add-dialogs-list{margin: 0 15px 85px;}
.stats-screen-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.stats-screen-add-dialogs-item:active{background: #f5f5f5;}
.stats-screen-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.stats-screen-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.stats-screen-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.stats-screen-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.stats-screen-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.stats-screen-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.stats-screen-add-dialogs-item svg.right.select{fill: var(--svg-color);}
.stats-screen-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.stats-screen-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.stats-screen-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.stats-screen-add-item>label .tip{font-size: 12px; color: #999;}
.stats-screen-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.stats-screen-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.stats-screen-add-item .content{display: flex;}
.stats-screen-add-item .content .mui-input-row{width: 50%;}
.stats-screen-add-item .content .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.stats-screen-add-item .content .mui-radio.mui-left label{font-size: 16px; color: #333; padding: 7px 0 7px 45px;}
.stats-screen-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.stats-screen-add-item .wrap{display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.stats-screen-add-item .wrap button{font-size: 12px; color: #fff; padding: 3px 6px; border-radius: 12px; line-height: normal;
    border: 1px solid #5C50F8; background-color: #5C50F8;}
.stats-screen-add-item2{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.stats-screen-add-item2:active{background: #f5f5f5;}
.stats-screen-add-item2>label{font-size: 14px; color: #777; margin-bottom: 0;}
.stats-screen-add-item2 .right{display: flex; align-items: center}
.stats-screen-add-item2 .right .desc{font-size: 14px; color: #777}
.stats-screen-add-item2 .right .mui-icon{font-size: 20px; color: #999}
.stats-screen-add-action{margin: 20px 40px;}
.stats-screen-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.stats-screen-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 编辑大屏 */
.stats-screen-edit .stats-screen-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 门禁管理 */
.stats-door-manage-list{margin: 15px 15px 0;}
.stats-door-manage-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.stats-door-manage-item:active{background: #f5f5f5;}
.stats-door-manage-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.stats-door-manage-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.stats-door-manage-item .info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.stats-door-manage-item .info .up .name{font-size: 16px; color: #333; display: inline-block; max-width: 70%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-door-manage-item .info .up img{width: 68px; height: 20px; display: flex; margin-right: -10px;}
.stats-door-manage-item .info .down{display: flex; justify-content: space-between; align-items: center;}
.stats-door-manage-item .info .down .num{font-size: 14px; color: #999; display: inline-block; max-width: 70%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-door-manage-item .info .down .desc{font-size: 14px; color: #555;}
.stats-door-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.stats-door-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 编辑门禁 */
.stats-door-edit-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.stats-door-edit-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.stats-door-edit-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.stats-door-edit-item .num{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding-left: 15px; margin: 0;}
.stats-door-edit-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.stats-door-edit-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.stats-door-edit-item-direction{display: flex;}
.stats-door-edit-item-direction .mui-input-row{width: 50%;}
.stats-door-edit-item-direction .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.stats-door-edit-item-direction .mui-radio.mui-left label{font-size: 16px; color: #333;
    padding-left: 45px; padding-top: 7px; padding-right: 0;}
.stats-door-edit-action{margin: 20px 40px;}
.stats-door-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 15px;}
.stats-door-edit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.stats-door-edit-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 考勤组管理 */
.stats-att-manage-list{margin: 15px 15px 0;}
.stats-att-manage-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.stats-att-manage-item:active{background: #f5f5f5;}
.stats-att-manage-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.stats-att-manage-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.stats-att-manage-item .info .name{font-size: 16px; color: #333; margin-bottom: 5px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-att-manage-item .info .desc{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stats-att-manage-item .info .status{color: #FDA850;}
.stats-att-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.stats-att-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 编辑考勤组 */
.stats-att-edit-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.stats-att-edit-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.stats-att-edit-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.stats-att-edit-item .num{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding-left: 15px; margin: 0;}
.stats-att-edit-item-direction{display: flex;}
.stats-att-edit-item-direction .mui-input-row{width: 33%;}
.stats-att-edit-item-direction .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.stats-att-edit-item-direction .mui-radio.mui-left label{font-size: 16px; color: #333;
    padding-left: 25px; padding-top: 7px; padding-right: 0;}
.stats-att-edit-item-direction .mui-radio.mui-left input[type=radio]{left: 0;}
.stats-att-edit-action{margin: 20px 40px;}
.stats-att-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 15px;}
.stats-att-edit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.stats-att-edit-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 系统设置 */
.stats-system-set-list{margin-top: 15px;}
.stats-system-set-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.stats-system-set-item:active{background: #f5f5f5;}
.stats-system-set-item .title{font-size: 14px; color: #333;}
.stats-system-set-item .mui-icon{font-size: 20px; color: #999;}
.stats-system-set-list .tip{color: #FF5A48; font-size: 12px; line-height: normal; padding: 0 5px;}
.stats-system-set-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 5px;}
.stats-system-set-item-switch .title{font-size: 14px; color: #333;}
.stats-system-set-item-switch .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 班级管理 */
.class-manage-list{margin: 15px 15px 0;}
.class-manage-item{display: flex; align-items: center; padding: 15px 10px; position: relative;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.class-manage-item:active{background: #f5f5f5;}
.class-manage-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.class-manage-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.class-manage-item .info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.class-manage-item .info .time{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.class-manage-item .status{position: absolute; top: 10px; right: 0; z-index: 9;
    width: 54px; height: 20px;}
.class-manage-item .status img{width: 100%; height: 100%; display: flex;}
/* 班级详情 */
.class-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.class-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.class-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.class-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.class-detail-list{margin: -130px 20px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.class-detail-item{display: flex; margin-bottom: 20px;}
.class-detail-item-left{display: flex; justify-content: center; align-items: center; width: 15%;}
.class-detail-item-left img{width: 20px; height: 20px;}
.class-detail-item-right{display: flex; align-items: center; width: 85%;}
.class-detail-item-right2{display: flex; flex-direction: column; justify-content: center; width: 85%;}
.class-detail-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.class-detail-item-right-up span{font-size: 16px; color: #333;}
.class-detail-item-right-up img{width: 7px; height: 12px;}
.class-detail-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.class-detail-item-right-down span{font-size: 14px; color: #777;}
.class-detail-item-right3{display: flex; justify-content: space-between; align-items: center; width: 85%;}
.class-detail-item-right3 .title{font-size: 16px; color: #333;}
.class-detail-item-right3 .right{display: flex; align-items: center;}
.class-detail-item-right3 .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.class-detail-item-right3 .right .mui-icon{font-size: 20px; color: #5C50F8;}
/* 人员列表 */
.class-person{padding: 15px;}
.class-person .mui-slider{width: auto; height: 100%;}
.class-person .mui-slider .mui-slider-group{height: calc(100% - 110px);}
.class-person .mui-control-content{background: #fff;}
.class-person .mui-segmented-control{background: #fff;}
.class-person .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.class-person .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.class-person .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.class-person-item{display: flex; width: 100%; border-bottom: 1px solid #f5f5f5; padding: 15px 15px; position: relative;}
.class-person-item-left{display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.class-person .mui-slider .mui-slider-group .class-person-item-left .select{width: 18px; height: 18px; display: flex;
    margin-right: 15px; display: none;}
.class-person .mui-slider .mui-slider-group .class-person-item-left .photo{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.class-person-item-right{display: flex; flex-direction: column; justify-content: center;}
.class-person-item-right .up{display: flex; align-items: center; margin-bottom: 5px;}
.class-person-item-right .up .name{font-size: 16px; color: #333; margin-right: 10px;}
.class-person-item-right .up .status1{width: 55px; height: 20px; text-align: center;
    font-size: 10px; background-color: #FDA850; color: #fff; border-radius: 3px;}
.class-person-item-right .up .status2{width: 55px; height: 20px; text-align: center;
    font-size: 10px; background-color: #21D388; color: #fff; border-radius: 3px;}
.class-person-item-right .up .status3{width: 55px; height: 20px; text-align: center;
    font-size: 10px; background-color: #FF5A48; color: #fff; border-radius: 3px;}
.class-person-item-right .num{font-size: 14px; color: #777;}
.class-person-item .change{position: absolute; right: 10px; top: 27px; z-index: 9; border-radius: 3px;
    width: 50px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; background-color: #5C50F8; color: #fff;}
.class-person-item .change:active{opacity: .6;}
.class-person-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: space-around; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.class-person-action .patch{padding: 10px 0; font-size: 16px; color: #fff; border-color: #5C50F8; background-color: #5C50F8;
    margin-bottom: 0; width: 40%;}
.class-person-action .patch:active{opacity: .8;}
.class-person-action .notice{padding: 10px 0; font-size: 16px; color: #5C50F8; border: 1px solid #5C50F8; margin-bottom: 0; width: 40%;}
.class-person-action .notice:active{background-color: #5C50F8; color: #fff;}
/* 人员详情 */
.class-person-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.class-person-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.class-person-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.class-person-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.class-person-detail-list{margin: -130px 20px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.class-person-detail-info{display: flex; margin-bottom: 20px;}
.class-person-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.class-person-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.class-person-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.class-person-detail-info-right .name{font-size: 16px; color: #333;}
.class-person-detail-info-right .desc{font-size: 14px; color: #999;}
.class-person-detail-item{display: flex; margin-bottom: 20px;}
.class-person-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.class-person-detail-item-left img{width: 20px; height: 20px;}
.class-person-detail-item-right{display: flex; align-items: center; width: 80%;}
.class-person-detail-item-right2{display: flex; flex-direction: column; justify-content: center; width: 80%;}
.class-person-detail-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.class-person-detail-item-right-up span{font-size: 16px; color: #333;}
.class-person-detail-item-right-up img{width: 7px; height: 12px;}
.class-person-detail-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.class-person-detail-item-right-down span{font-size: 14px; color: #777;}
.class-person-detail-item-right3{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.class-person-detail-item-right3 .title{font-size: 16px; color: #333;}
.class-person-detail-item-right3 .right{display: flex; align-items: center;}
.class-person-detail-item-right3 .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.class-person-detail-item-right3 .right .mui-icon{font-size: 20px; color: #5C50F8;}
.class-person-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.class-person-detail-action .notice{padding: 10px 0; font-size: 16px; color: #fff; border-color: #5C50F8; background-color: #5C50F8;
    margin-bottom: 0; width: 80%;}
.class-person-detail-action .notice:active{opacity: .8;}
/* 培训记录 */
.class-train-record-list{margin: 15px 15px 0;}
.class-train-record-item{display: flex; align-items: center; padding: 15px 10px; position: relative;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.class-train-record-item:active{background: #f5f5f5;}
.class-train-record-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.class-train-record-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.class-train-record-item .info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.class-train-record-item .info .time{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.class-train-record-item .status{position: absolute; top: 10px; right: 0; z-index: 9;
    width: 54px; height: 20px;}
.class-train-record-item .status img{width: 100%; height: 100%; display: flex;}
/* 上传 */
.class-upload-title{background: url(../img/class/upload_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.class-upload-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.class-upload-title-left .title{font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.class-upload-title-left .num{font-size: 16px; color: rgba(255,255,255, .6);}
.class-upload-list{margin: -110px 20px 80px; padding: 0 15px; background: #fff; border-radius: 5px;}
.class-upload-list .title{display: flex; justify-content: center; padding: 15px 0;
    font-size: 16px; color: #333;}
.class-upload-item{margin-bottom: 15px;}
.class-upload-item label{font-size: 14px; color: #777; margin-bottom: 5px; font-weight: normal;}
.class-upload-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.class-upload-item-picture{margin-bottom: 15px;}
.class-upload-item-picture .up{display: flex; align-items: center; margin-bottom: 5px;}
.class-upload-item-picture .up .name{font-size: 14px; color: #777;}
.class-upload-item-picture .up .desc{font-size: 12px; color: #999;}
.class-upload-item-picture .down{display: flex; align-items: center; padding: 0 15px 15px;}
.class-upload-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: #007E3E; font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px;}
.class-upload-item-picture .down .mui-icon:active{background: #fff;}
.class-upload-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px;}
.class-upload-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.class-upload-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.class-upload-item-correct-demo{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.class-upload-item-correct-demo .left{display: flex; flex-direction: column; justify-content: center;}
.class-upload-item-correct-demo .left .up{display: flex; align-items: center; margin-bottom: 5px;}
.class-upload-item-correct-demo .left .up img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.class-upload-item-correct-demo .left .up span{font-size: 14px; color: #777; line-height: normal;}
.class-upload-item-correct-demo .left .down{font-size: 12px; color: #999;}
.class-upload-item-correct-demo .right{display: flex; align-items: center;}
.class-upload-item-correct-demo .right img{width: 60px; height: 60px; display: flex;}
.class-upload-item-fault-demo{padding-bottom: 15px;}
.class-upload-item-fault-demo .up{display: flex; align-items: center; margin-bottom: 10px;}
.class-upload-item-fault-demo .up img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.class-upload-item-fault-demo .up span{font-size: 14px; color: #777; line-height: normal;}
.class-upload-item-fault-demo .down{display: flex;}
.class-upload-item-fault-demo .down .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.class-upload-item-fault-demo .down .item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.class-upload-item-fault-demo .down .item span{font-size: 12px; color: #999;}
.class-upload-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.class-upload-action .upload{padding: 10px 0; font-size: 16px; color: #fff; border-color: #007E3E; background-color: #007E3E;
    margin-bottom: 0; width: 80%;}
.class-upload-action .upload:active{opacity: .8;}

/* 我的应用 */
.isv-home-list{display: flex; flex-wrap: wrap; margin: 15px 10px 0;}
.isv-home-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 31.33%; padding: 15px 0; background: #fff; border-radius: 5px; margin-bottom: 10px;
    box-shadow:0px 5px 5px 0 #f5f5f5;}
.isv-home-item:active{background: #f5f5f5;}
.isv-home-list .isv-home-item:nth-child(2){margin-left: 3%; margin-right: 3%;}
.isv-home-list .isv-home-item:nth-child(5){margin-left: 3%; margin-right: 3%;}
.isv-home-item img{width: 50px; height: 50px;}
.isv-home-item .name{font-size: 16px; font-weight: 500; color: #333; margin: 10px 0 5px;}
.isv-home-item .desc{font-size: 14px; color: #999;}
/* 开通服务 */
.common-service-open{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 10px;
    width: 100%; height: 100%; background: url("../img/common/service_mobile.png") center no-repeat; background-size: cover;}
.common-service-open .title{font-size: 20px; color: #000; font-weight: 600; margin-bottom: 10px;}
.common-service-open .desc{font-size: 14px; color: #777; text-align: center;}
/* 钉钉入口页面 */
.dd-entrance{ background-size: 100% 100%; width: 100%; height: 100%; position: relative;}
.dd-entrance button{position: absolute; left: 15%; bottom: 30px; width: 70%; padding: 10px 0; font-size: 16px;}
/* 主题设置 */
.common-theme-set-list{margin: 15px 15px 0;}
.common-theme-set-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.common-theme-set-item.standard{background-color: #5C50F8;}
.common-theme-set-item.blue{background-color: #007FFF;}
.common-theme-set-item.green{background-color: #5FB87E;}
.common-theme-set-item .status{width: 80px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #fff; color: #fff; border-radius: 3px; font-size: 12px;}
.common-theme-set-item .change{width: 80px; height: 30px; line-height: 30px; text-align: center;
    background-color: #fff; border-radius: 3px; font-size: 12px;}
.common-theme-set-item .change:active{background: #e5e5e5;}
.common-theme-set-item.standard .change{color: #5C50F8;}
.common-theme-set-item.blue .change{color: #007FFF;}
.common-theme-set-item.green .change{color: #5FB87E;}
.common-theme-set-item-left{display: flex; flex-direction: column; justify-content: center;}
.common-theme-set-item-left .title{font-size: 16px; font-weight: 700; color: #fff;}
.common-theme-set-item-left .desc{font-size: 14px; color: #fff; margin: 10px 0;}
.common-theme-set-item-left img{width: 32px; height: 32px; display: flex;}
/* 服务协议及隐私政策 */
.common-agreement .title{font-size: 16px; font-weight: 700; color: #222;
    padding: 15px 0; text-align: center;}
.common-agreement .time{font-size: 14px; color: #333; padding: 5px 0; text-align: center;}
.common-agreement .content{font-size: 14px; color: #777; padding: 10px 15px 10px;}
.common-agreement .confirm{display: flex; justify-content: center; align-items: center; background-color: #fff;
    height: 60px; border-top: 1px solid #f5f5f5; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;}
.common-agreement .confirm .mui-btn{padding: 10px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 20px;}
.common-agreement .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 人脸识别 */
.common-face-id{width: 100%; height: 100%;}
.common-face-id .face-frame{width: 100%; height: 100%; position: relative;}
.common-face-id .face-frame .title{position: absolute; left: 0; right: 0; top: 40px; z-index: 9;
    font-size: 16px; color: #fff; text-align: center;}
.common-face-id .face-frame .bg{position: absolute; left: 0; top: 0; z-index: 8;
    width: 100%; height: 100%;}
.common-face-id .face-frame video{position: absolute; left: 0; top: 0; z-index: 7;
    width: 100%; height: 100%;}
.common-face-id .face-frame canvas{position: absolute; left: 0; top: 0; z-index: 7;
    width: 100%; height: 100%;}
.common-face-id .face-frame .status{position: absolute; left: 0; right: 0; bottom: 80px; z-index: 9;
    font-size: 14px; text-align: center;}
.common-face-id .face-frame .status.status1{color: #21D388;}
.common-face-id .face-frame .status.status2{color: #FF5A48;}
/* 钉钉接口调用次数 */
.dd-interface-num-top{display: flex; align-items: center; padding: 10px 15px;}
.dd-interface-num-top img{width: 24px; height: 24px; display: flex; margin-right: 10px;}
.dd-interface-num-top .desc{font-size: 14px; color: #777;}
.dd-interface-num-mid{padding: 15px 15px; background: #fff; margin-bottom: 15px;}
.dd-interface-num-mid .title{font-size: 16px; font-weight: 500; color: #333;}
.dd-interface-num-mid .num{padding: 20px 0;}
.dd-interface-num-mid .num .left{font-size: 40px; font-weight: 500; color: #000; letter-spacing: 1px;}
.dd-interface-num-mid .num .right{font-size: 20px; color: #777;}
.dd-interface-num-mid .tip{display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 5px;
    background: linear-gradient(to right, #F7E5BD, #EBCD94);}
.dd-interface-num-mid .tip img{width: 24px; height: 24px; display: flex; margin-right: 10px;}
.dd-interface-num-mid .tip span{font-size: 14px; color: #555;}
.dd-interface-num-bottom{background: #fff;}
.dd-interface-num-bottom .title{display: flex; justify-content: space-between; align-items: center;
    height: 36px; padding: 0 15px; border-bottom: 1px solid #f9f9f9;}
.dd-interface-num-bottom .title span{color: #333; font-size: 14px; font-weight: 500;
    padding-left: 5px; border-left: 3px solid #5C50F8; line-height: 14px;}
.dd-interface-num-bottom .header{display: flex; align-items: center; padding: 10px 0;}
.dd-interface-num-bottom .header span{font-size: 14px; font-weight: 500; color: #333;}
.dd-interface-num-bottom .list .item{display: flex; align-items: center; padding: 10px 0;}
.dd-interface-num-bottom .list .item:nth-child(odd){background: #f9f9f9;}
.dd-interface-num-bottom .list .item .name{display: inline-block; width: 70%; font-size: 14px; color: #777; padding-left: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dd-interface-num-bottom .list .item .num{display: inline-block; width: 30%; font-size: 14px; color: #777; text-align: center;}
/* 错误页面 */
.common-error{height: 100%; background: #fff; display: flex; flex-direction: column; justify-content: center;}
.common-error-top{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.common-error-top img{width: 120px; height: 120px; display: flex; margin-bottom: 15px;}
.common-error-top span{font-size: 14px; color: #999;}
.common-error-bottom{margin: 60px 40px 0;}
.common-error-bottom button{font-size: 16px; color: #fff; padding: 10px 0;}
.common-error-bottom .load{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 20px;}
.common-error-bottom .load:active{border: 1px solid #3222FA; background-color: #3222FA;}
.common-error-bottom .return{border: 1px solid #5C50F8; background-color: #fff; color: #5C50F8; margin-bottom: 0;}
.common-error-bottom .return:active{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff;}
/* 页面不存在 */
.common-no-exist .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 100px;}
.common-no-exist .content img{width: 190px; height: 84px; display: flex;}
.common-no-exist .content span{font-size: 16px; color: #999; margin-top: 20px;}
/* 暂无权限 */
.common-no-auth .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 100px;}
.common-no-auth .content img{width: 190px; height: 84px; display: flex;}
.common-no-auth .content span{font-size: 16px; color: #999; margin-top: 20px;}
/* 服务到期 */
.common-service-expire .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 100px;}
.common-service-expire .content img{width: 140px; height: 126px; display: flex;}
.common-service-expire .content .title{font-size: 16px; color: #333; margin-top: 30px;}
.common-service-expire .content .desc{font-size: 14px; color: #999; margin: 15px 0 5px;}
.common-service-expire .content .time{font-size: 14px; color: #999;}
/* 提交成功 */
.common-submit-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 80px;}
.common-submit-success .content img{width: 150px; height: 145px; display: flex;}
.common-submit-success .content .title{font-size: 18px; color: #21D388; margin: 30px 0 15px;}
.common-submit-success .content .desc{font-size: 16px; color: #999;}
.common-submit-success .content .link{font-size: 14px; color: #5C50F8;}
.common-submit-success .action{margin: 40px 30px;}
.common-submit-success .action .return{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8;}
.common-submit-success .action .return:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 导出报表 */
.common-export-excel .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 100px;}
.common-export-excel .content img{width: 70px; height: 70px; display: flex;}
.common-export-excel .content .name{font-size: 16px; color: #555; margin: 10px 0 30px;}
.common-export-excel .content .desc{font-size: 14px; color: #999;}
.common-export-excel .content .export{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 80%;}
.common-export-excel .content .export:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 人脸库管理 */
.address-book-top{padding: 0 15px; margin-bottom: 20px; background: #FFFFFF;}
.address-book-top-search{width: 100%; padding-top: 10px;}
.address-book-top-search .mui-search input{font-size: 16px; color: #333;}
.address-book-top-search .mui-search .mui-placeholder{pointer-events: none;}
.address-book-title{display: flex; justify-content: space-between; align-items: center; padding: 0 15px 5px;}
.address-book-title .left{font-size: 14px; color: #333;}
.address-book-title .right{font-size: 14px; color: #21D388;}
.address-book-content{margin-bottom: 15px;}
.address-book-content .mui-table-view:before{height: 0;}
.address-book-content .mui-table-view:after{height: 0;}
.address-book-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.address-book-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.address-book-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.address-book-content .mui-table-view-cell .name{font-size: 16px; color: #333; display: inline-block; width: 65%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 3px;}
.address-book-content .mui-table-view-cell .desc{font-size: 15px; color: #777; float: right; margin-right: 30px; margin-top: 3px;}
.address-org-face-list{margin: 0 15px;}
.address-org-face-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5;}
.address-org-face-item:active{background: #f5f5f5;}
.address-org-face-list .address-org-face-item:last-child{margin-bottom: 0;}
.address-org-face-item-left, .address-org-face-item-right{display: flex; align-items: center;}
.address-org-face-item-left img{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 10px;}
.address-org-face-item-left .info{display: flex;flex-direction: column; justify-content: center;}
.address-org-face-item-left .info .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.address-org-face-item-right .desc1{font-size: 14px; color: #21D388;}
.address-org-face-item-right .desc2{font-size: 14px; color: #FF5A48;}
.address-book-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.address-book-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.address-book-action .manage:active{opacity: 0.8;}
.org-face-search .mui-search{margin: 15px 15px 0;}
.org-face-search .mui-search input{background-color: #fff;}
.org-face-search .mui-search .mui-placeholder{pointer-events: none;}
.org-face-title{display: flex; justify-content: space-between; align-items: center; padding: 0 15px 5px;}
.org-face-title .left{font-size: 14px; color: #333;}
.org-face-title .right{font-size: 14px; color: #21D388;}
.org-face-list{margin: 0 15px 80px;}
.org-face-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5;}
.org-face-item:active{background: #f5f5f5;}
.org-face-list .org-face-item:last-child{margin-bottom: 0;}
.org-face-item-left, .org-face-item-right{display: flex; align-items: center;}
.org-face-item-left img{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.org-face-item-left .info{display: flex;flex-direction: column; justify-content: center;}
.org-face-item-left .info .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.org-face-item-right .desc1{font-size: 14px; color: #21D388;}
.org-face-item-right .desc2{font-size: 14px; color: #FF5A48;}
.org-face-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.org-face-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.org-face-action .manage:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 管理员管理 */
.common-admin-manage-list{margin: 15px 20px 0;}
.common-admin-manage-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.common-admin-manage-item:active{background: #f5f5f5;}
.common-admin-manage-item-left{display: flex; align-items: center;}
.common-admin-manage-item-left img{width: 40px; height: 40px; margin-right: 5px;}
.common-admin-manage-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.common-admin-manage-item-left .name{font-size: 16px; font-weight: 400; color: #333;}
.common-admin-manage-item-right{display: flex; align-items: center;}
.common-admin-manage-item-right .num{font-size: 16px; color: #777; margin-right: 5px;}
.common-admin-manage-item-right .mui-icon{font-size: 24px; color: #999;}
.admin-manage-edit-list{margin-top: 15px;}
.admin-manage-edit-item2{background: #fff;}
.admin-manage-edit-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.admin-manage-edit-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.admin-manage-edit-item2 .content{display: flex; flex-wrap: wrap;}
.admin-manage-edit-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.admin-manage-edit-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.admin-manage-edit-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.admin-manage-edit-item2 .content .person-item .person-item-img svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.admin-manage-edit-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.admin-manage-edit-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.admin-manage-edit-item2 .content .person-item .name{font-size: 14px; color: #777; display: inline-block; width: 60px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
/* 选择人员 */
.common-select-staff-search{padding: 15px 15px;}
.common-select-staff-search .mui-search input{background-color: #fff; margin-bottom: 0; border-radius: 17px;}
.common-select-staff-search .mui-search .mui-placeholder{pointer-events: none;}
.common-select-staff-search .mui-search.mui-active:before{margin-top: -10px;}
.common-select-staff-content{margin-bottom: 85px;}
.common-select-staff-content .mui-table-view:before{height: 0;}
.common-select-staff-content .mui-table-view:after{height: 0;}
.common-select-staff-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.common-select-staff-content .mui-table-view-cell .mui-navigate-right{position: relative;}
.common-select-staff-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.common-select-staff-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.common-select-staff-content .mui-table-view-cell:last-child:after{height: 1px;}
.common-select-staff-content .mui-table-view-cell .name{font-size: 16px; color: #333;}
.common-select-staff-content .mui-table-view-cell .sub{position: absolute; top: 15px; right: 60px; padding-right: 10px;
    display: flex; align-items: center; border-right: 1px solid #f5f5f5;}
.common-select-staff-content .mui-table-view-cell .sub img{width: 16px; height: 16px; display: flex; margin-right: 2px;}
.common-select-staff-content .mui-table-view-cell .sub span{font-size: 15px; color: #5C50F8;}
.common-select-staff-content .mui-table-view-cell .desc{font-size: 15px; color: #FF5A48; float: right; margin-right: 15px;}
.common-select-staff-content .mui-table-view-cell .mui-navigate-right:after, .mui-push-right:after{display: none;}
.common-select-staff-content .person-list .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.common-select-staff-content .person-list .person-item:active{background: #F5F5F5;}
.common-select-staff-content .person-list .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.common-select-staff-content .person-list .person-item:last-child:after{height: 0;}
.common-select-staff-content .person-list .person-item .person-item-left{display: flex; align-items: center;}
.common-select-staff-content .person-list .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.common-select-staff-content .person-list .person-item .person-item-left .person-item-left-up{display: flex; flex-direction: column;
    justify-content: center;}
.common-select-staff-content .person-list .person-item .person-item-left .person-item-left-up .name{font-size: 16px; color: #333;}
.common-select-staff-content .person-list .person-item .person-item-left .person-item-left-up .desc{font-size: 12px; color: #999;}
.common-select-staff-content .person-list .person-item .remove{font-size: 15px; color: #FF5A48;}
.common-select-staff-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.common-select-staff-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 80%;}
.common-select-staff-action .manage:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 短信管理 */
.common-message-manage-title{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;}
.common-message-manage-title .left{font-size: 16px; color: #333;}
.common-message-manage-title .right{font-size: 14px; color: #5C50F8;}
.common-message-manage-num{display: flex; margin: 0 10px;}
.common-message-manage-num .common-message-manage-num-item:first-child{margin-right: 15px;}
.common-message-manage-num-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    padding: 10px; background: #fff; border-radius: 5px;}
.common-message-manage-num-item:active{background: #f5f5f5;}
.common-message-manage-num-item-up{display: flex; align-items: center; margin-bottom: 15px;}
.common-message-manage-num-item-up img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.common-message-manage-num-item-up span{font-size: 14px; color: #333;}
.common-message-manage-num-item-down{display: flex; justify-content: space-between; align-items: center;}
.common-message-manage-num-item-down .num{font-size: 24px; color: #222;}
.common-message-manage-num-item-down .action{font-size: 14px; color: #5C50F8;}
.common-message-manage-chart{background: #fff; margin-top: 15px;}
.common-message-manage-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.common-message-manage-chart .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.common-message-manage-chart .content{width: 100%; height: 240px;}
/* 短信充值 */
.common-message-recharge-top{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 0 20px; padding: 0 15px;}
.common-message-recharge-top .title{font-size: 16px; color: #333;}
.common-message-recharge-top .action{font-size: 14px; color: #5C50F8;}
.common-message-recharge-list{margin: 0 15px; display: flex; flex-wrap: wrap;}
.common-message-recharge-item{display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom: 15px;
    box-shadow: 0 0 20px #e5e5e5; width: 31%; height: 130px; padding: 15px 0; background: #fff; border-radius: 5px; position: relative;}
.common-message-recharge-list .common-message-recharge-item:nth-child(3n-1){margin: 0 3.5%;}
.common-message-recharge-item:active{background: #f5f5f5;}
.common-message-recharge-item.active{border: 1px solid #5C50F8;}
.common-message-recharge-item .title{font-size: 14px; color: #555;}
.common-message-recharge-item .num{font-size: 24px; font-weight: 500; color: #222;}
.common-message-recharge-item .desc{font-size: 12px; color: #999;}
.common-message-recharge-item .tip{position: absolute; top: -8px; left: -1px; z-index: 9;
    width: 38px; height: 15px; display: flex;}
.common-message-recharge-info{padding: 0 15px; margin: 0 0 80px;}
.common-message-recharge-info .desc{font-size: 14px; color: #777;}
.common-message-recharge-info .title{font-size: 14px; font-weight: 500; color: #000; margin-top: 10px;}
.common-message-recharge-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.common-message-recharge-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.common-message-recharge-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 短信充值·成功 */
.common-message-recharge-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 60px;}
.common-message-recharge-success .content img{width: 236px; height: 115px; display: flex;}
.common-message-recharge-success .content .title{font-size: 16px; color: #333; margin: 20px 0 15px;}
.common-message-recharge-success .content .num{font-size: 24px; font-weight: 500; color: #333;}
/* 充值记录 */
.common-message-recharge-record-top{display: flex; justify-content: space-between; padding: 5px 10px;
    background: #fff; margin-bottom: 15px;}
.common-message-recharge-record-top-left{display: flex; align-items: center; padding: 5px;}
.common-message-recharge-record-top-left:active{background: #f5f5f5;}
.common-message-recharge-record-top-left img{width: 16px; height: 16px; display: flex;}
.common-message-recharge-record-top-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px 0 10px;}
.common-message-recharge-record-top-left .mui-icon{font-size: 20px; color: #999;}
.common-message-recharge-record-top-right{display: flex; align-items: center;}
.common-message-recharge-record-item{display: flex; flex-direction: column; padding: 15px;
    position: relative; background: #fff;}
.common-message-recharge-record-item-up{margin-bottom: 5px;}
.common-message-recharge-record-item-up, .common-message-recharge-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.common-message-recharge-record-item-up .title{font-size: 16px; color: #333;}
.common-message-recharge-record-item-up .num{font-size: 18px; color: #5C50F8; font-weight: 500;}
.common-message-recharge-record-item-down .time, .common-message-recharge-record-item-down .balance{font-size: 14px; color: #777;}
.common-message-recharge-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; background-color: #e5e5e5;}
.common-message-recharge-record-item:last-child:after{height: 0;}
/* 今日使用情况 */
.common-message-today-top-filter{display: flex; align-items: center; padding: 12px 15px; background: #fff;}
.common-message-today-top-filter .date{display: flex; align-items: center;}
.common-message-today-top-filter .date .desc{font-size: 16px; color: #555;}
.common-message-today-top-filter .date .mui-icon{font-size: 20px; color: #999; margin-left: 3px;}
.common-message-today-list{margin: 15px 15px 30px;}
.common-message-today-item{display: flex; flex-direction: column; padding: 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.common-message-today-list .common-message-today-item:last-child{margin-bottom: 0;}
.common-message-today-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.common-message-today-item-up .left{display: flex; align-items: center;}
.common-message-today-item-up .left img{width: 30px; height: 30px; margin-right: 5px; display: flex; border-radius: 50%;}
.common-message-today-item-up .left span{font-size: 16px; color: #333;}
.common-message-today-item-up .right{display: flex; align-items: center;}
.common-message-today-item-up .right .time{font-size: 14px; color: #999;}
.common-message-today-item-down{font-size: 14px; color: #777;}
/* 高级管理 */
.common-message-advance-list{margin: 15px 0 0;}
.common-message-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.common-message-advance-item:active{background: #f5f5f5;}
.common-message-advance-item .left{display: flex; align-items: center;}
.common-message-advance-item .left .name{font-size: 16px; color: #333;}
.common-message-advance-item .left .desc{font-size: 12px; color: #999;}
.common-message-advance-item .right{display: flex; align-items: center;}
.common-message-advance-item .right .desc{font-size: 14px; color: #777;}
.common-message-advance-item .right .mui-icon{font-size: 20px; color: #999;}
.common-message-advance-item .right .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 短信内容配置 */
.common-message-content-item{background: #fff; border-radius: 7px; margin: 15px 15px;}
.common-message-content-item-input{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0 10px 10px; position: relative;}
.common-message-content-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.common-message-content-item-input .left{display: flex; flex-direction: column;}
.common-message-content-item-input .left .name{font-size: 16px; color: #333; white-space: nowrap;}
.common-message-content-item-input .left .desc{font-size: 12px; color: #999;}
.common-message-content-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.common-message-content-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.common-message-content-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.common-message-content-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.common-message-content-item-select:active{background: #f5f5f5;}
.common-message-content-item-select .left{display: flex; flex-direction: column;}
.common-message-content-item-select .left .name{font-size: 16px; color: #333;}
.common-message-content-item-select .left .desc{font-size: 12px; color: #999;}
.common-message-content-item-select .right{display: flex; align-items: center;}
.common-message-content-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.common-message-content-item-select .right .desc2{font-size: 16px; color: #333;}
.common-message-content-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.common-message-content-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 10px; position: relative;}
.common-message-content-item-switch:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.common-message-content-item-switch .left{display: flex; flex-direction: column;}
.common-message-content-item-switch .left .name{font-size: 16px; color: #333; white-space: nowrap;}
.common-message-content-item-switch .left .desc{font-size: 12px; color: #999;}
.common-message-content-item-switch .mui-switch{min-width: 74px; margin-left: 15px;}
.common-message-content-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.common-message-content-item .title{padding: 15px 10px; font-size: 16px; color: #777;}
.common-message-content-item .list{margin: 0 10px; padding-bottom: 5px;}
.common-message-content-item .list .item{margin-bottom: 15px;}
.common-message-content-item .list .item .top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.common-message-content-item .list .item .top .left{font-size: 16px; font-weight: 500; color: #333;}
.common-message-content-item .list .item .top .right{font-size: 12px; color: var(--text-color);}
.common-message-content-item .list .item .content{background: #f5f5f5; border-radius: 5px; padding: 5px; font-size: 12px; color: #555;}
.common-message-content-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.common-message-content-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3670F3;
    background-color: #3670F3; margin-bottom: 0; width: 90%; border-radius: 8px;}
.common-message-content-action .save:active{border: 1px solid #3670F3; background-color: #3670F3; opacity: 0.8;}
/* 电话告警管理 */
.common-phone-alarm-manage-num{display: flex; margin: 15px 15px 0;}
.common-phone-alarm-manage-num .common-phone-alarm-manage-num-item:first-child{margin-right: 15px;}
.common-phone-alarm-manage-num-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    padding: 10px; background: #fff; border-radius: 5px;}
.common-phone-alarm-manage-num-item:active{background: #f5f5f5;}
.common-phone-alarm-manage-num-item-up{display: flex; align-items: center; margin-bottom: 15px;}
.common-phone-alarm-manage-num-item-up img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.common-phone-alarm-manage-num-item-up span{font-size: 14px; color: #333;}
.common-phone-alarm-manage-num-item-down{display: flex; justify-content: space-between; align-items: center;}
.common-phone-alarm-manage-num-item-down .num{font-size: 24px; color: #222;}
.common-phone-alarm-manage-num-item-down .action{font-size: 14px; color: #5C50F8;}
.common-phone-alarm-manage-set{background: #fff; margin-top: 15px;}
.common-phone-alarm-manage-set .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.common-phone-alarm-manage-set .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.common-phone-alarm-manage-set .content{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 15px;}
.common-phone-alarm-manage-set .content .item{width: 48%; height: 70px; border-radius: 5px; padding: 0 5px;
    display: flex; justify-content: space-between; align-items: center;}
.common-phone-alarm-manage-set .content .item.left{background: url("../img/common/zjhsz.png") center no-repeat; background-size: 100% 100%;}
.common-phone-alarm-manage-set .content .item.right{background: url("../img/common/yysz.png") center no-repeat; background-size: 100% 100%;}
.common-phone-alarm-manage-set .content .item .wrap{display: flex; align-items: center;}
.common-phone-alarm-manage-set .content .item .wrap .icon{width: 20px; height: 20px; display: flex; margin-right: 5px;}
.common-phone-alarm-manage-set .content .item .wrap .name{font-size: 14px; color: #fff;}
.common-phone-alarm-manage-set .content .item .direction{width: 16px; height: 16px; display: flex;}
.common-phone-alarm-manage-chart{background: #fff; margin-top: 15px;}
.common-phone-alarm-manage-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.common-phone-alarm-manage-chart .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.common-phone-alarm-manage-chart .content{width: 100%; height: 240px;}
/* 告警记录 */
.common-phone-alarm-record-list{margin: 15px 15px 30px;}
.common-phone-alarm-record-item{display: flex; flex-direction: column; padding: 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.common-phone-alarm-record-list .common-phone-alarm-record-item:last-child{margin-bottom: 0;}
.common-phone-alarm-record-item-up{display: flex; justify-content: space-between; align-items: center;}
.common-phone-alarm-record-item-up .left{display: flex; align-items: center;}
.common-phone-alarm-record-item-up .left img{width: 30px; height: 30px; margin-right: 5px; display: flex; border-radius: 50%;}
.common-phone-alarm-record-item-up .left span{font-size: 16px; color: #333;}
.common-phone-alarm-record-item-up .right{display: flex; align-items: center;}
.common-phone-alarm-record-item-up .right .time{font-size: 14px; color: #999;}
.common-phone-alarm-record-item-mid{font-size: 14px; color: #777; margin: 10px 0 5px;}
.common-phone-alarm-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.common-phone-alarm-record-item-down .num{font-size: 14px; color: #999;}
.common-phone-alarm-record-item-down .time{font-size: 14px; color: #999;}
/* 主叫号设置 */
.common-call-number-set-list{ margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.common-call-number-set-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.common-call-number-set-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.common-call-number-set-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.common-call-number-set-action{margin: 20px 40px;}
.common-call-number-set-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.common-call-number-set-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 自定义语音设置 */
.common-custom-voice-set-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.common-custom-voice-set-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.common-custom-voice-set-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.common-custom-voice-set-item>label .tip{font-size: 12px; color: #999;}
.common-custom-voice-set-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.common-custom-voice-set-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.common-custom-voice-set-item .wrap{display: flex; align-items: center; margin-top: 10px;}
.common-custom-voice-set-item .wrap button{font-size: 12px; color: #fff; padding: 3px 6px; border-radius: 12px; line-height: normal;
    border: 1px solid #5C50F8; background-color: #5C50F8; margin-right: 15px;}
.common-custom-voice-set-action{margin: 20px 40px;}
.common-custom-voice-set-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.common-custom-voice-set-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 功能名称自定义 */
.common-feature-name-list{margin: 15px 0 0;}
.common-feature-name-item{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.common-feature-name-item .left{display: flex; align-items: center;}
.common-feature-name-item .left .old{font-size: 14px; color: #777; line-height: normal; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-feature-name-item .left .mui-icon{font-size: 20px; color: var(--text-color); margin: 0 15px;}
.common-feature-name-item .left .new{font-size: 14px; color: #333; line-height: normal; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-feature-name-item .right{display: flex; align-items: center; padding: 5px;}
.common-feature-name-item .right:active{background: #f5f5f5;}
.common-feature-name-item .right img{width: 20px; height: 20px; display: flex;}
/* 记录保存时间 */
.record-save-time .tip{font-size: 12px; color: #999; margin: 10px 0 5px; padding: 0 15px;}
.record-save-time-item{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;
    background: #fff; margin-bottom: 15px; position: relative;}
.record-save-time-item .name{font-size: 16px; color: #333;}
.record-save-time-item .time{position: absolute; left: 55%; top: 10px; z-index: 9;
    font-size: 14px; color: #777;}
.record-save-time-item .action{font-size: 14px; color: #5C50F8;}
/* 访客模板1 */
.common-visitor-t1-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; margin: 0 15px; border-bottom: 1px solid #5C50F8;}
.common-visitor-t1-top .logo_s{width: 50px; height: 50px; display: flex;}
.common-visitor-t1-top .logo_r{width: 100px; height: 50px; display: flex;}
.common-visitor-t1-top .desc{font-size: 18px; font-weight: 500; color: #5C50F8;}
.common-visitor-t1-content{display: flex; padding: 15px;}
.common-visitor-t1-content-left{width: 50%;}
.common-visitor-t1-content-left .item{display: flex; align-items: center; margin-bottom: 15px;}
.common-visitor-t1-content-left .item:last-child{margin-bottom: 0;}
.common-visitor-t1-content-left .item .name{font-size: 16px; color: #333; width: 100px;}
.common-visitor-t1-content-left .item .desc{font-size: 16px; color: #333;}
.common-visitor-t1-content-right{display: flex; width: 50%;}
.common-visitor-t1-content-right img{width: 200px; height: 200px; display: flex;}
.common-visitor-t1-bottom{padding: 10px; background: #5C50F8; font-size: 14px; color: #fff;}
/* 访客模板2 */
.common-visitor-t2-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; margin: 0 15px; border-bottom: 1px solid #298845;}
.common-visitor-t2-top .logo_s{width: 50px; height: 50px; display: flex;}
.common-visitor-t2-top .logo_r{width: 100px; height: 50px; display: flex;}
.common-visitor-t2-content{display: flex; padding: 20px;}
.common-visitor-t2-content-left{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%;}
.common-visitor-t2-content-left span{color: #00707C; font-size: 24px; font-weight: 500; margin-bottom: 5px;}
.common-visitor-t2-content-left img{width: 260px; height: 260px; display: flex;}
.common-visitor-t2-content-right{width: 50%;}
.common-visitor-t2-content-right .item{display: flex; align-items: center; margin-bottom: 20px;}
.common-visitor-t2-content-right .item:last-child{margin-bottom: 0;}
.common-visitor-t2-content-right .item .name{font-size: 16px; color: #333; width: 100px;}
.common-visitor-t2-content-right .item .desc{font-size: 16px; color: #333;}
.common-visitor-t2-bottom{padding: 10px; background: #298845; font-size: 14px; color: #fff;}
/* 访客模板3 */
.common-visitor-t3-top{display: flex; justify-content: center; align-items: center;
    margin: 40px 0; font-size: 40px; font-weight: 600; color: #000; letter-spacing: 3px;}
.common-visitor-t3-content .item{display: flex; align-items: center; margin-bottom: 30px;}
.common-visitor-t3-content .item .name{font-size: 20px; color: #333; width: 130px; padding-left: 30px;}
.common-visitor-t3-content .item .desc{font-size: 20px; color: #333;}
.common-visitor-t3-content .item img{width: 200px; height: 200px; display: flex;}
/* 关于系统 */
.common-about .content{padding-left: 60px;}
.common-about .content .title{font-size: 20px; font-weight: 500; color: #333; margin: 30px 0;}
.common-about .content .item{display: flex; align-items: center; margin-bottom: 30px;}
.common-about .content .item .name{font-size: 18px; color: #555; width: 10%;}
.common-about .content .item .desc{font-size: 18px; color: #777;}
.common-about .action .update{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; width: 120px; margin-bottom: 0; line-height: normal;}
.common-about .action .update:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 系统消息 */
.system-message-top{margin: 5px 0 5px; display: flex; justify-content: flex-end; align-items: center;}
.system-message-top a{display: flex; justify-content: center; align-items: center; padding: 5px 10px;}
.system-message-top a:active{background: #fff;}
.system-message-top a .mui-icon{font-size: 20px; color: #5C50F8; font-weight: 500;}
.system-message-top a .name{font-size: 14px; color: #5C50F8;}
.system-message-list .system-message-item:last-child{border-bottom: 0;}
.system-message-item{display: flex; background: #fff; padding: 15px 10px 15px 15px; border-bottom: 1px solid #f5f5f5;}
.system-message-item:active{background: #f5f5f5;}
.system-message-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px; position: relative;}
.system-message-item-left img{width: 44px; height: 44px;}
.system-message-item-left .unread{position: absolute; top: 0; right: 0; display: inline-block;
    width: 8px; height: 8px; border-radius: 50%; background-color: #f00;}
.system-message-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%;}
.system-message-item-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.system-message-item-right .up .name{font-size: 16px; font-weight: 400; color: #333;}
.system-message-item-right .up .time{font-size: 14px; color: #999;}
.system-message-item-right .down{font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* 消息详情 */
.system-message-detail-content{margin: 15px 15px 80px; background: #fff; border-radius: 5px; min-height: 200px;}
.system-message-detail-content .title{font-size: 16px; color: #333; padding: 10px; border-bottom: 1px solid #f5f5f5;}
.system-message-detail-content ol{padding: 10px 10px 10px 25px;}
.system-message-detail-content ol li{font-size: 14px; color: #777;}
.system-message-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; border-top: 1px solid #e5e5e5;
    display: flex; justify-content: space-between; align-items: center; background: #e5e5e5; padding: 0 10px; height: 60px;}
.system-message-detail-action input{width: 80%; height: 40px; line-height: 40px; background: #fff; border-radius: 3px;
    margin-bottom: 0; border: 0; font-size: 14px;}
.system-message-detail-action button{padding: 0; width: 50px; height: 32px; line-height: 32px; font-size: 14px;
    background: #5C50F8; font-weight: 400; border: 0;}
.system-message-detail-action button:active{background: #3222FA;}
/* 自定义表单 */
.custom-form-list{margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.custom-form-item{margin-bottom: 15px;}
.custom-form-item .label{font-size: 14px; color: #777; margin-bottom: 5px;}
.custom-form-item .input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.custom-form-item .select{display: flex; justify-content: space-between; align-items: center; height: 40px;
    background: #f5f5f5; padding: 0 5px 0 15px;}
.custom-form-item .select:active{background: #fff;}
.custom-form-item .select .name{font-size: 16px; color: #333;}
.custom-form-item .select .mui-icon{font-size: 20px; color: #999;}
.custom-form-item .textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.custom-form-item-radio{display: flex; flex-wrap: wrap;}
.custom-form-item-radio .mui-input-row{width: 50%;}
.custom-form-item-radio .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.custom-form-item-radio .mui-radio.mui-left label{font-size: 16px; color: #333;
    padding-left: 45px; padding-top: 7px; padding-right: 0;}
.custom-form-item-checkbox{display: flex; flex-wrap: wrap;}
.custom-form-item-checkbox .mui-input-row{width: 50%;}
.custom-form-item-checkbox .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.custom-form-item-checkbox .mui-checkbox.mui-left label{font-size: 16px; color: #333;
    padding-left: 50px; padding-top: 7px;}
.custom-form-item-date-range{display: flex; justify-content: space-between; align-items: center;}
.custom-form-item-date-range .date{font-size: 16px; color: #333; width: 47%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.custom-form-item-date-range .date:active{background: #fff;}
.custom-form-item-date-range .space{color: #333;}
.custom-form-item .action{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.custom-form-item .action .name{font-size: 14px; color: #777;}
.custom-form-item .action img{width: 20px; height: 20px; display: flex;}
.custom-form-item .picture-list{display: flex; flex-wrap: wrap;}
.custom-form-item .picture-list .picture-item{margin-right: 10px; margin-bottom: 10px; position: relative;}
.custom-form-item .picture-list .picture-item .img{width: 60px; height: 60px; border-radius: 3px;}
.custom-form-item .picture-list .picture-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.custom-form-item .attachment-list .attachment-item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.custom-form-item .attachment-list .attachment-item .name{font-size: 14px; color: #333; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.custom-form-item .attachment-list .attachment-item .attachment-remove{width: 16px; height: 16px;}
.custom-form-item .car-num .content-up{display: flex; align-items: center; margin-bottom: 10px;}
.custom-form-item .car-num .content-up .code{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.custom-form-item .car-num .content-up .delete{width: 18px; height: 18px; display: flex; margin-left: 10px;}
.custom-form-item .car-num .content-down{display: flex; align-items: center; padding: 5px 0 10px; margin-top: -5px;}
.custom-form-item .car-num .content-down:active{background: #f5f5f5;}
.custom-form-item .car-num .content-down img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.custom-form-item .car-num .content-down .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.custom-form-item-area-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.custom-form-item-area-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 10px; width: 90%; height: 60%; overflow: hidden; display: none;}
.custom-form-item-area-dialog .wrap{height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; padding-bottom: 10px;}
.custom-form-item-area-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 50px; border-top: 1px solid #f5f5f5;}
.custom-form-item-area-dialog .confirm .mui-btn{padding: 7px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 18px;}
.custom-form-item-area-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.custom-form-item-accompany{margin-top: 15px;}
.custom-form-item-accompany-item{background: #fff; margin-bottom: 10px;}
.custom-form-item-accompany .custom-form-item-accompany-item:last-child{margin-bottom: 0;}
.custom-form-item-accompany-item .top{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 0;}
.custom-form-item-accompany-item .top .name{font-size: 14px; color: #333;}
.custom-form-item-accompany-item .top .remove{font-size: 14px; color: #FF5A48;}
.custom-form-item-accompany-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.custom-form-item-accompany-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.custom-form-item-accompany-item-input .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.custom-form-item-accompany-item-picture{background: #fff; border-bottom: 1px solid #f7f7f7;}
.custom-form-item-accompany-item-picture .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px;}
.custom-form-item-accompany-item-picture .content-up:active{background: #f5f5f5;}
.custom-form-item-accompany-item-picture .content-up .title{font-size: 14px; color: #7D8082;}
.custom-form-item-accompany-item-picture .content-up img{width: 20px; height: 20px; display: flex;}
.custom-form-item-accompany-item-picture .content-down{display: inline-block; position: relative; padding: 0 0 5px 15px;}
.custom-form-item-accompany-item-picture .content-down .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.custom-form-item-accompany-item-picture .content-down .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.custom-form-item-accompany .accompany-add{display: flex; align-items: center; background: #fff; padding: 10px 10px 10px 15px;}
.custom-form-item-accompany .accompany-add:active{background: #f5f5f5;}
.custom-form-item-accompany .accompany-add img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.custom-form-item-accompany .accompany-add .name{font-size: 16px; color: #5C50F8; line-height: normal;}
.custom-form-action{margin: 20px 40px;}
.custom-form-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.custom-form-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 人脸信息授权 */
.face-info-auth-content .img-wrap{display: flex; justify-content: center; align-items: center;}
.face-info-auth-content .img-wrap .outer{width: 90%; height: 0; padding-bottom: 90%; position: relative;}
.face-info-auth-content .img-wrap .outer img{width: 100%; height: 100%; display: flex; position: absolute;}
.face-info-auth-content .info-wrap{display: flex; align-items: center; padding-left: 40px;}
.face-info-auth-content .info-wrap .img-left{width: 18px; height: 18px; display: flex;}
.face-info-auth-content .info-wrap span{font-size: 14px; margin-left: 5px;}
.face-info-auth-content .info-wrap .blue{color: #3296FA;}
.face-info-auth-content .info-wrap .img-right{width: 18px; height: 18px; display: flex; margin-left: 5px;}
.face-info-auth-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 100px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.face-info-auth-action .up{width: 90%; display: flex; align-items: center; margin-bottom: 5px;}
.face-info-auth-action .up .mui-checkbox.mui-left label{ font-size: 12px; color: #999; padding: 0 0 0 20px;}
.face-info-auth-action .up .mui-checkbox.mui-left input[type=checkbox]{top: 0; left: 0; width: 16px; height: 16px;}
.face-info-auth-action .up .mui-checkbox input[type=checkbox]:before{font-size: 16px;}
.face-info-auth-action .up.blue .mui-checkbox input[type=checkbox]:checked:before{color: #3296FA;}
.face-info-auth-action .up.purple .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.face-info-auth-action .up.blue .agreement{font-size: 12px; color: #3296FA;}
.face-info-auth-action .up.purple .agreement{font-size: 12px; color: #5C50F8;}
.face-info-auth-action .auth{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0; width: 90%;}
.face-info-auth-action .auth.blue{border: 1px solid #3296FA; background-color: #3296FA;}
.face-info-auth-action .auth.blue:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
.face-info-auth-action .auth.purple{border: 1px solid #5C50F8; background-color: #5C50F8;}
.face-info-auth-action .auth.purple:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 人脸信息授权提示 */
.face-info-auth-tip .wrap{margin-top: 10px;}
.face-info-auth-tip .wrap img{width: 100%; display: flex;}
/* 人脸信息授权协议 */
.face-info-auth-agreement .wrap{margin-top: 10px;}
.face-info-auth-agreement .wrap img{width: 100%; display: flex;}
/* 更新日志 */
.common-update-log-list{margin: 15px 15px 0;}
.common-update-log-item{margin-bottom: 30px;}
.common-update-log-item .time{font-size: 16px; font-weight: 500; color: #333;}
.common-update-log-item .title{font-size: 14px; color: #555; margin: 10px 0;}
.common-update-log-item .content-item{font-size: 14px; color: #999;}
/* 三方鉴权设备 */
.common-three-auth-device-list{margin: 15px 15px 0;}
.common-three-auth-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.common-three-auth-device-item:active{background: #f5f5f5;}
.common-three-auth-device-item svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.common-three-auth-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.common-three-auth-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-three-auth-device-item-info .down{display: flex; align-items: center; justify-content: space-between;}
.common-three-auth-device-item-info .type{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-three-auth-device-item-info .num{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-three-auth-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.common-three-auth-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 三方鉴权设备·添加 */
.common-three-auth-device-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.common-three-auth-device-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.common-three-auth-device-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.common-three-auth-device-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.common-three-auth-device-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.common-three-auth-device-add-dialogs-top .action:active{opacity: 0.8;}
.common-three-auth-device-add-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.common-three-auth-device-add-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.common-three-auth-device-add-dialogs .wrap .content{margin-bottom: 75px;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.common-three-auth-device-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.common-three-auth-device-add-dialogs-list{margin: 0 15px 85px;}
.common-three-auth-device-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.common-three-auth-device-add-dialogs-item:active{background: #f5f5f5;}
.common-three-auth-device-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.common-three-auth-device-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.common-three-auth-device-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.common-three-auth-device-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-three-auth-device-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-three-auth-device-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.common-three-auth-device-add-dialogs-item svg.right.select{fill: var(--svg-color);}
.common-three-auth-device-add-list{margin-top: 15px;}
.common-three-auth-device-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.common-three-auth-device-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.common-three-auth-device-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.common-three-auth-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.common-three-auth-device-add-item-select:active{background: #f5f5f5;}
.common-three-auth-device-add-item-select>label{font-size: 14px; color: #777;}
.common-three-auth-device-add-item-select .right{display: flex; align-items: center;}
.common-three-auth-device-add-item-select .right .select{font-size: 16px; color: #333;}
.common-three-auth-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.common-three-auth-device-add-action{margin: 20px 40px;}
.common-three-auth-device-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.common-three-auth-device-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.common-three-auth-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 角色权限管理 */
.common-role-auth-top{margin: 15px 15px 0; display: flex; align-items: center;}
.common-role-auth-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.common-role-auth-top .item:active{background: #f5f5f5;}
.common-role-auth-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.common-role-auth-top .item .name{font-size: 16px; color: #333; margin: 0 10px 0 5px;}
.common-role-auth-top .item .mui-icon{font-size: 20px; color: #999;}
.common-role-auth-list{margin: 15px 15px 0;}
.common-role-auth-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.common-role-auth-item:active{background: #f5f5f5;}
.common-role-auth-item svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.common-role-auth-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.common-role-auth-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-item-info .down{display: flex; align-items: center; justify-content: space-between;}
.common-role-auth-item-info .left{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-item-info .right{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.common-role-auth-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 角色权限·添加 */
.common-role-auth-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.common-role-auth-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.common-role-auth-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.common-role-auth-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.common-role-auth-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.common-role-auth-add-dialogs-top .action:active{opacity: 0.8;}
.common-role-auth-add-dialogs .wrap .content{margin-bottom: 75px;}
.common-role-auth-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.common-role-auth-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.common-role-auth-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.common-role-auth-add-dialogs-list{margin: 0 15px 85px;}
.common-role-auth-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.common-role-auth-add-dialogs-item:active{background: #f5f5f5;}
.common-role-auth-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.common-role-auth-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.common-role-auth-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.common-role-auth-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.common-role-auth-add-dialogs-item svg.right.select{fill: var(--svg-color);}
.common-role-auth-add-dialogs-item .mui-icon{font-size: 20px; color: #999; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.common-role-auth-add-list{margin-top: 10px; margin-bottom: 80px;}
.common-role-auth-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.common-role-auth-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.common-role-auth-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.common-role-auth-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.common-role-auth-add-item-select:active{background: #f5f5f5;}
.common-role-auth-add-item-select>label{font-size: 16px; color: #333;}
.common-role-auth-add-item-select .right{display: flex; align-items: center;}
.common-role-auth-add-item-select .right .select{font-size: 16px; color: #777;}
.common-role-auth-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.common-role-auth-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.common-role-auth-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.common-role-auth-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 角色权限详情 */
.common-role-auth-detail-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.common-role-auth-detail-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.common-role-auth-detail-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.common-role-auth-detail-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.common-role-auth-detail-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.common-role-auth-detail-dialogs-top .action:active{opacity: 0.8;}
.common-role-auth-detail-dialogs .wrap .content{margin-bottom: 75px;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.common-role-auth-detail-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.common-role-auth-detail-dialogs-list{margin: 0 15px 85px;}
.common-role-auth-detail-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.common-role-auth-detail-dialogs-item:active{background: #f5f5f5;}
.common-role-auth-detail-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.common-role-auth-detail-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.common-role-auth-detail-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.common-role-auth-detail-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-detail-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.common-role-auth-detail-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.common-role-auth-detail-dialogs-item svg.right.select{fill: var(--svg-color);}
.common-role-auth-detail-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.common-role-auth-detail-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.common-role-auth-detail-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.common-role-auth-detail-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.common-role-auth-detail-record{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.common-role-auth-detail-record .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.common-role-auth-detail-record .title .left{font-size: 16px; font-weight: 500; color: #000;}
.common-role-auth-detail-record .item{padding: 15px 10px; position: relative;}
.common-role-auth-detail-record .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.common-role-auth-detail-record .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.common-role-auth-detail-record .item .desc{font-size: 14px; color: #333;}
.common-role-auth-detail-record .item .down{display: flex; justify-content: space-between; align-items: center;}
.common-role-auth-detail-record .item .down .left{font-size: 14px; color: #333;}
.common-role-auth-detail-record .item .down .right{display: flex; align-items: center;}
.common-role-auth-detail-record .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.common-role-auth-detail-record .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.common-role-auth-detail-record .item .img-wrap{display: flex; align-items: center; flex-wrap: wrap;}
.common-role-auth-detail-record .item .img-wrap .img{width: 60px; height: 60px; display: flex; border-radius: 3px;
    margin-right: 15px; margin-bottom: 5px;}
.common-role-auth-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.common-role-auth-detail-action .delete{width: 90%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-bottom: 0;}
/* 应用版本 */
.common-app-version-search{padding-top: 15px; background: #fff;}
.common-app-version-search .mui-search{margin: 0 10px;}
.common-app-version-search .mui-search input{background-color: #f5f5f5;}
.common-app-version-search .mui-search .mui-placeholder{pointer-events: none;}
.common-app-version-banner{margin: 15px 10px 0; height: 140px; display: flex; align-items: center;
    background: url("../img/common/nianfeiban.png") center no-repeat; background-size: 100% 100%;}
.common-app-version-banner.long{background: url("../img/common/zhongshenban.png") center no-repeat; background-size: 100% 100%;}
.common-app-version-banner .info{display: flex; flex-direction: column; justify-content: center; padding-left: 30px;}
.common-app-version-banner .info .name{font-size: 18px; font-weight: 600; color: #FF8000; margin-bottom: 5px;}
.common-app-version-banner.long .info .name{color: #5115FF;}
.common-app-version-banner .info .time{font-size: 12px; color: #333;}
.common-app-version-progress{padding: 15px 15px 15px; border-radius: 8px; background: #fff; margin: 15px 10px;}
.common-app-version-progress .top{font-size: 16px; font-weight: 500; color: #333; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5;}
.common-app-version-progress .mid{padding: 20px 0;}
.common-app-version-progress .mid .percent{font-size: 30px; font-weight: 500; color: #000; margin-bottom: 15px;}
.common-app-version-progress .mid .mui-progressbar{height: 15px;}
.common-app-version-progress .mid .mui-progressbar span{background: var(--bg-color);}
.common-app-version-progress .bottom{display: flex;}
.common-app-version-progress .bottom .item{display: flex; margin-right: 30px;}
.common-app-version-progress .bottom .item .left{width: 15px; height: 15px; border-radius: 2px; background: #f5f5f5; margin-right: 5px;}
.common-app-version-progress .bottom .item .left.active{background: var(--bg-color);}
.common-app-version-progress .bottom .item .right{display: flex; flex-direction: column;}
.common-app-version-progress .bottom .item .right .name{font-size: 14px; color: #999;}
.common-app-version-progress .bottom .item .right .num{font-size: 18px; font-weight: 500; color: #000;}
.common-app-version-list{margin-bottom: 85px;}
.common-app-version-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-bottom: 1px solid #f5f5f5;}
.common-app-version-item:active{background: #F5F5F5;}
.common-app-version-item .left{display: flex; align-items: center;}
.common-app-version-item .left img{width: 40px; height: 40px; border-radius: 5px; margin-right: 10px;}
.common-app-version-item .left .info{display: flex; flex-direction: column; justify-content: center;}
.common-app-version-item .left .info .name{font-size: 16px; color: #333;}
.common-app-version-item .left .info .dept{font-size: 14px; color: #999;}
.common-app-version-item .right{font-size: 14px; font-weight: 500; color: #FF5A48;}
.common-app-version-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.common-app-version-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.common-app-version-action .add:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 底部导航 */
nav.mui-bar-tab{margin: 0 15px; border-radius: 25px; width: auto; background: #fff; box-shadow: 0 0 3px #999;}
nav.mui-bar-tab .mui-tab-item .mui-icon{top: 5px;}
nav .mui-tab-item .nav-index{background: url("../img/other/shouye.png") center no-repeat; background-size: 100% 100%;}
nav .mui-tab-item .nav-app{background: url("../img/other/yingyong.png") center no-repeat; background-size: 100% 100%;}
nav .mui-tab-item .nav-mine{background: url("../img/other/wode.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-index{background: url("../img/other/shouye2.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-app{background: url("../img/other/yingyong2.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-mine{background: url("../img/other/wode2.png") center no-repeat; background-size: 100% 100%;}
nav.mui-bar-tab .mui-tab-item.mui-active{color: #5C50F8;}
.index-plus{position: fixed; right: 10px; bottom: 70px;}
.index-plus img{width: 40px; height: 40px; display: block;}
.mui-popover.mui-popover-action.nav-plus{background: #FAFAFE; padding: 20px 30px 0;
    border-top-left-radius: 10px; border-top-right-radius: 10px;}
.plus-list{display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; margin-bottom: 15px;}
.plus-list a{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.plus-list a img{width: 70px; height: 70px; display: block; margin-bottom: 5px;}
.plus-list a span{font-size: 14px; font-weight: 500; color: #555;}
.plus-remove{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.plus-remove img{width: 50px; height: 50px; display: block;}
/* 组织架构 */
.tree-confirm{position: fixed; left: 0; right: 0; bottom: 0; display: flex; display: -webkit-flex; justify-content: space-between;
    align-items: center; padding: 10px 15px; background: #fff; border-top: 1px solid #e5e5e5;}
.tree-confirm span{font-size: 14px; color: #5C50F8;}
.tree-confirm .mui-btn{background: #5C50F8; border: 1px solid #5C50F8; color: #fff; padding: 4px 15px;}
.tree-confirm .mui-btn:enabled:active{background: #786EF8;}
/* 主页 */
.home-up{display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; position: relative;
    background: url("../img/meeting/other_bg.png") center no-repeat; background-size: 100% 100%; width: 100%; height: 240px; margin-bottom: 20px;}
.home-up .mui-icon-gear{position: absolute; top: 15px; right: 15px; color: #fff;}
.home-up-info{display: flex; display: -webkit-flex; justify-content: space-around; padding-top: 50px;}
.home-up-info a{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.home-up-info a .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px; letter-spacing: 2px;}
.home-up-info a .desc{font-size: 14px; color: rgba(255,255,255, .3);}
.home-up-module{display: flex; display: -webkit-flex; justify-content: space-around; padding: 0 10px;}
.home-up-module-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 30px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5;}
.home-up-module-item:active{background: #f3f3f3;}
.home-up-module-item img{width: 32px; height: 32px; margin-bottom: 5px;}
.home-up-module-item span{font-size: 16px; font-weight: 500; color: #777;}
.home-down{display: flex; display: -webkit-flex; flex-direction: column;}
.home-down-top{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;
    padding: 0 20px;}
.home-down-top span{font-size: 16px; font-weight: bold; color: #222;}
.home-down-top a{font-size: 14px; color: #5C50F8;}
.home-down-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 10px 20px 0;}
.home-list-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.home-list-item:active{background: #f5f5f5;}
.home-item-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.home-item-up-left{display: flex; display: -webkit-flex; align-items: center;}
.home-item-up-left img{width: 32px; height: 32px; margin-right: 10px;}
.home-item-up-left span{font-size: 16px; font-weight: bold; color: #333;}
.home-item-up-right{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.home-item-up-right a{padding: 0 5px;}
.home-item-up-right img{width: 18px; height: 6px;}
.home-item-middle{display: flex; display: -webkit-flex; flex-direction: column; margin-bottom: 15px;}
.home-item-middle-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.home-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.home-item-middle-time img{width: 7px; height: 12px;}
.home-item-middle-date{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.home-item-middle-date span{font-size: 14px; color: #888;}
.home-item-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.home-item-down-left, .home-item-down-right{display: flex; display: -webkit-flex; align-items: center;}
.home-item-down-left img{width: 30px; height: 30px; border-radius: 50%; margin-right: 5px;}
.home-item-down-left span{font-size: 14px; color: #555;}
.home-item-down-right img{width: 30px; height: 30px; border-radius: 50%; margin-right: -7px;}
.home-item-down-right button{padding: 3px 10px; font-size: 12px;}
.home-item-down-right .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff; margin-right: 10px;}
.home-item-down-right .agree:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.home-item-down-right .status1{color: #21D388; font-size: 16px; font-weight: 500;}
.home-item-down-right .status2{color: #FDA850; font-size: 16px; font-weight: 500;}
.home-item-down-right .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
/* 会议·会议记录&我的创建 */
.meeting-list-top{display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end;
    padding: 15px 20px 0;}
.meeting-list-top .check{font-size: 16px; font-weight: 500; color: #5C50F8;}
.meeting-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 15px 20px 0;}
.meeting-list-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 20px;}
.meeting-list-item:active{background: #e5e5e5;}
.meeting-item-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.meeting-item-up-left{display: flex; display: -webkit-flex; align-items: center;}
.meeting-item-up-left img{width: 32px; height: 32px; margin-right: 10px;}
.meeting-item-up-left span{font-size: 16px; font-weight: bold; color: #333;}
.meeting-item-up-right{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.meeting-item-up-right a{padding: 0 5px;}
.meeting-item-up-right img{width: 18px; height: 6px;}
.meeting-item-middle{display: flex; display: -webkit-flex; flex-direction: column; margin-bottom: 15px;}
.meeting-item-middle-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.meeting-item-middle-time img{width: 7px; height: 12px;}
.meeting-item-middle-date{font-size: 14px; color: #888;}
.meeting-item-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.meeting-item-down-left, .meeting-item-down-right{display: flex; display: -webkit-flex; align-items: center;}
.meeting-item-down-left img{width: 30px; height: 30px; border-radius: 50%; margin-right: 5px;}
.meeting-item-down-left span{font-size: 14px; color: #555;}
.meeting-item-down-right img{width: 30px; height: 30px; border-radius: 50%; margin-right: -7px;}
.meeting-item-down-right .type{font-size: 16px; color: #333; font-weight: 400;}
/* 会议·会议详情 */
.meeting-detail{display: flex; display: -webkit-flex; flex-direction: column;}
.meeting-detail-title{display: flex; display: -webkit-flex; justify-content: space-between; margin: 20px;}
.meeting-detail-title-left{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.meeting-detail-title-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-detail-title-left .title{font-size: 18px; font-weight: 500; color: #333; margin-bottom: 5px;}
.meeting-detail-title-left .time{font-size: 12px; color: #999;}
.meeting-detail-title-right img{width: 15px; height: 15px;}
.meeting-detail-title-right span{font-size: 16px; font-weight: 400; color: #5C50F8;}
.meeting-detail-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 20px 30px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.meeting-detail-info{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.meeting-detail-info-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.meeting-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.meeting-detail-info-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.meeting-detail-info-right .name{font-size: 16px; color: #333;}
.meeting-detail-info-right .job{font-size: 14px; color: #777;}
.meeting-detail-item{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.meeting-detail-item-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.meeting-detail-item-left img{width: 20px; height: 20px;}
.meeting-detail-item-left .name{font-size: 14px; color: #777;}
.meeting-detail-item-right{display: flex; display: -webkit-flex; width: 80%;}
.meeting-detail-item-right1{flex-direction: column; justify-content: center;}
.meeting-detail-item-right-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-detail-item-right-up span{font-size: 16px; color: #333;}
.meeting-detail-item-right-up img{width: 7px; height: 12px;}
.meeting-detail-item-right-down{font-size: 14px; color: #777;}
.meeting-detail-item-right2{flex-direction: column; justify-content: center;}
.meeting-detail-item-right2 .title{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-detail-item-right2 .desc{font-size: 14px; color: #777;}
.meeting-detail-item-right3{justify-content: space-between;}
.meeting-detail-item-right3 .item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-detail-item-right3 .item2{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.meeting-detail-item-right3 .item img{width: 30px; height: 30px; border-radius: 3px; margin-bottom: 5px;}
.meeting-detail-item-right3 .item .name{font-size: 14px; color: #777;}
.meeting-detail-item-right3 .item2 span{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-detail-item-right3 .item2 img{width: 9px; height: 18px;}
.meeting-detail-item-right4 img{width: 50px; height: 50px;}
.meeting-detail-item2{justify-content: center; margin-bottom: 0;}
.meeting-detail-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.meeting-detail-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.meeting-detail-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.meeting-detail-action{margin: 20px 40px;}
.meeting-detail-action .cancel{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.meeting-detail-action .cancel:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 会议·会议详情·签到详情 */
.sign-detail .mui-slider{margin: 15px 20px; width: auto;}
.sign-detail .mui-control-content{background: #fff; min-height: 550px;}
.sign-detail .mui-segmented-control{background: #fff;}
.sign-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.sign-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.sign-detail .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.sign-detail-list{display: flex; display: -webkit-flex; flex-direction: column; padding-left: 20px;}
.sign-detail-item{display: flex; display: -webkit-flex; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.sign-detail-item-left{display: flex; display: -webkit-flex; align-items: center; justify-content: center; margin-right: 10px;}
.sign-detail .mui-slider .mui-slider-group .sign-detail-item-left img{width: 50px; height: 50px; border-radius: 5px;}
.sign-detail-item-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.sign-detail-item-right .name{font-size: 16px; font-weight: 400; color: #333;}
.sign-detail-item-right .time{font-size: 14px; color: #777;}
.sign-detail-export{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.sign-detail-export img{width: 50px; height: 50px; display: flex;}
/* 会议·修改会议·创建会议 */
.meeting-edit form{display: flex; display: -webkit-flex; flex-direction: column;}
.meeting-edit-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.meeting-edit-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; margin-bottom: 15px;}
.meeting-edit-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-edit-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-edit-item .meeting-room{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.meeting-edit-item .meeting-room:active{background: #fff;}
.meeting-edit-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.meeting-edit-item .code{width: 50px; height: 50px;}
.meeting-edit-item .person-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.meeting-edit-item .person-list .person-list-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.meeting-edit-item .person-list .person-list-remove img{width: 16px; height: 16px; display: flex; margin: 0 5px;}
.meeting-edit-item .person-list .person-list-item img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.meeting-edit-item .person-list .person-list-item .remove{position: absolute; left: 70px;}
.meeting-edit-item .person-list .person-list-item .remove img{width: 16px; height: 16px; display: flex; margin: 0 10px;}
.meeting-edit-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.meeting-edit-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.meeting-edit-item-1{display: flex; display: -webkit-flex;}
.meeting-edit-item-1 .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.meeting-edit-item-1 .mui-radio.mui-left label{font-size: 16px; color: #333; padding-left: 50px; padding-top: 7px;}
.meeting-edit-item-3{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.meeting-edit-item-3 .time{font-size: 16px; color: #333; width: 47%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-edit-item-3 .time:active{background: #fff;}
.meeting-edit-item-3 .space{color: #333;}
.meeting-edit-item-4{display: flex; display: -webkit-flex; flex-wrap: wrap; margin-top: 5px;}
.meeting-edit-item-4 .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.meeting-edit-item-4 .mui-checkbox.mui-left label{font-size: 16px; color: #333; padding-left: 50px; padding-top: 7px;}
.meeting-edit-item-5{display: flex; display: -webkit-flex; flex-direction: column; margin-top: 10px;}
.meeting-edit-item-5 .month-list{display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 10px;}
.meeting-edit-item-5 .month-list:last-child{margin-bottom: 0;}
.meeting-edit-item-5 .month-item{display: flex; display: -webkit-flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #FAFAFE; color: #777; font-size: 14px;}
.meeting-edit-item-5 .month-item.active{background: #5C50F8; color: #fff;}
.meeting-edit-item-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.meeting-edit-item-time .time{font-size: 14px; color: #333; width: 40%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-edit-item-time .time:active{background: #fff;}
.meeting-edit-item-time .space{color: #333;}
.meeting-edit-action{margin: 20px 40px;}
.meeting-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.meeting-edit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 会议·会议室 */
.meeting-room-top{margin: 15px 20px;}
.meeting-room-top button{padding: 10px 0; border: 0; font-size: 14px; color: #777;}
.meeting-room-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 20px;}
.meeting-room-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.meeting-room-item-title{display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.meeting-room-item-title span{font-size: 16px; font-weight: bold; color: #333;}
.meeting-room-item-title .addMeeting{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff;
    font-size: 12px; padding: 5px 10px;}
.meeting-room-item-title .addMeeting:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.meeting-room-item-info{display: flex; display: -webkit-flex; justify-content: space-between; padding: 10px 0;}
.meeting-room-info-left{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;
    margin-right: 10px;}
.meeting-room-info-left span{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-room-info-right{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.meeting-room-info-right img{width: 100px; height: 100px; border-radius: 3px;}
.meeting-room-item-booking .mui-table-view-cell{padding-left: 0; padding-right: 0;}
.meeting-room-item-booking .mui-table-view-cell a{font-size: 14px; color: #555; margin-left: 0;}
.meeting-room-item-booking:after{height: 0;}
/* 我的申请 */
.apply-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 15px 20px 0;}
.apply-list-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.apply-list-item:active{background: #f5f5f5;}
.apply-item-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.apply-item-up-left{display: flex; display: -webkit-flex; align-items: center;}
.apply-item-up-left img{width: 32px; height: 32px; margin-right: 10px;}
.apply-item-up-left span{font-size: 16px; font-weight: bold; color: #333;}
.apply-item-up-right{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.apply-item-up-right a{padding: 0 5px;}
.apply-item-up-right img{width: 18px; height: 6px;}
.apply-item-middle{display: flex; display: -webkit-flex; flex-direction: column; margin-bottom: 15px;}
.apply-item-middle-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.apply-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.apply-item-middle-time img{width: 7px; height: 12px;}
.apply-item-middle-date{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.apply-item-middle-date span{font-size: 12px; color: #888;}
.apply-item-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.apply-item-down-left, .apply-item-down-right{display: flex; display: -webkit-flex; align-items: center;}
.apply-item-down-left span{font-size: 14px; font-width: 500; color: #555;}
.apply-item-down-right .status1{color: #21D388; font-size: 14px; font-weight: 500;}
.apply-item-down-right .status2{color: #FDA850; font-size: 14px; font-weight: 500;}
.apply-item-down-right .status3{color: #FF5A48; font-size: 14px; font-weight: 500;}
/* 我的申请·申请详情 */
.apply-detail{display: flex; display: -webkit-flex; flex-direction: column;}
.apply-detail-title{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px;}
.apply-detail-title .title{font-size: 18px; font-weight: 500; color: #333; margin-bottom: 5px;}
.apply-detail-title .time{font-size: 12px; color: #999;}
.apply-detail-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.apply-detail-info{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.apply-detail-info-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.apply-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.apply-detail-info-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.apply-detail-info-right .name{font-size: 16px; color: #333;}
.apply-detail-info-right .job{font-size: 14px; color: #777;}
.apply-detail-item{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.apply-detail-item-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.apply-detail-item-left img{width: 20px; height: 20px;}
.apply-detail-item-right{display: flex; display: -webkit-flex; width: 80%;}
.apply-detail-item-right1{flex-direction: column; justify-content: center;}
.apply-detail-item-right-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.apply-detail-item-right-up span{font-size: 16px; color: #333;}
.apply-detail-item-right-up img{width: 7px; height: 12px;}
.apply-detail-item-right-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.apply-detail-item-right-down span{font-size: 14px; color: #777;}
.apply-detail-item-right2{flex-direction: column; justify-content: center;}
.apply-detail-item-right2 .title{font-size: 16px; color: #333; margin-bottom: 5px;}
.apply-detail-item-right2 .desc{font-size: 14px; color: #777;}
.apply-detail-item-right4{flex-wrap: wrap; align-items: center;}
.apply-detail-item-right4 img{width: 50px; height: 50px; margin-right: 10px;}
.apply-detail-item-right3-img{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-right: 10px;}
.apply-detail-item-right3-img img{width: 50px; height: 50px; border-radius: 50%;}
.apply-detail-item-right3-info{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.apply-detail-item-right3-info .name{font-size: 16px; color: #333;}
.apply-detail-item-right3-info .job{font-size: 14px; color: #777;}
.apply-detail-status{display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.apply-detail-status .status1{color: #21D388; font-size: 16px; font-weight: 500;}
.apply-detail-status .status2{color: #FDA850; font-size: 16px; font-weight: 500;}
.apply-detail-status .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.apply-detail-action{margin: 20px 40px;}
.apply-detail-action .cancel{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.apply-detail-action .cancel:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 待我审批 */
.approval-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 15px 20px 0;}
.approval-list-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.approval-list-item:active{background: #f5f5f5;}
.approval-item-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.approval-item-up-left{display: flex; display: -webkit-flex; align-items: center;}
.approval-item-up-left img{width: 32px; height: 32px; margin-right: 10px;}
.approval-item-up-left span{font-size: 16px; font-weight: bold; color: #333;}
.approval-item-up-right{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.approval-item-up-right a{padding: 0 5px;}
.approval-item-up-right img{width: 18px; height: 6px;}
.approval-item-middle{display: flex; display: -webkit-flex; flex-direction: column; margin-bottom: 15px;}
.approval-item-middle-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.approval-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.approval-item-middle-time img{width: 7px; height: 12px;}
.approval-item-middle-date{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.approval-item-middle-date span{font-size: 12px; color: #888;}
.approval-item-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.approval-item-down-left, .approval-item-down-right{display: flex; display: -webkit-flex; align-items: center;}
.approval-item-down-left span{font-size: 14px; font-width: 500; color: #555;}
.approval-item-down-right button{padding: 3px 10px; font-size: 12px;}
.approval-item-down-right .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff; margin-right: 10px;}
.approval-item-down-right .agree:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.approval-item-down-right .status1{color: #21D388; font-size: 16px; font-weight: 500;}
.approval-item-down-right .status2{color: #FDA850; font-size: 16px; font-weight: 500;}
.approval-item-down-right .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
/* 待我审批·审批详情 */
.approval-detail{display: flex; display: -webkit-flex; flex-direction: column;}
.approval-detail-title{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px;}
.approval-detail-title .title{font-size: 18px; font-weight: 500; color: #333; margin-bottom: 5px;}
.approval-detail-title .time{font-size: 12px; color: #999;}
.approval-detail-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.approval-detail-info{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.approval-detail-info-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.approval-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.approval-detail-info-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.approval-detail-info-right .name{font-size: 16px; color: #333;}
.approval-detail-info-right .job{font-size: 14px; color: #777;}
.approval-detail-item{display: flex; display: -webkit-flex; margin-bottom: 20px;}
.approval-detail-item-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 20%;}
.approval-detail-item-left img{width: 20px; height: 20px;}
.approval-detail-item-right{display: flex; display: -webkit-flex; width: 80%;}
.approval-detail-item-right1{flex-direction: column; justify-content: center;}
.approval-detail-item-right-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.approval-detail-item-right-up span{font-size: 16px; color: #333;}
.approval-detail-item-right-up img{width: 7px; height: 12px;}
.approval-detail-item-right-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.approval-detail-item-right-down span{font-size: 14px; color: #777;}
.approval-detail-item-right2{flex-direction: column; justify-content: center;}
.approval-detail-item-right2 .title{font-size: 16px; color: #333; margin-bottom: 5px;}
.approval-detail-item-right2 .desc{font-size: 14px; color: #777;}
.approval-detail-item-right4{flex-wrap: wrap; align-items: center;}
.approval-detail-item-right4 img{width: 50px; height: 50px; margin-right: 10px;}
.approval-detail-action{margin: 20px 40px;}
.approval-detail-action .agree{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 15px;}
.apply-detail-action .agree:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.approval-detail-action .refuse{padding: 10px 0; font-size: 16px; border: 0;}
/* 待办事项 */
.backlog-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 15px 20px 0;}
.backlog-list-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.backlog-list-item:active{background: #f5f5f5;}
.backlog-item-up{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.backlog-item-up-left{display: flex; display: -webkit-flex; align-items: center;}
.backlog-item-up-left img{width: 32px; height: 32px; margin-right: 10px;}
.backlog-item-up-left span{font-size: 16px; font-weight: bold; color: #333;}
.backlog-item-up-right{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.backlog-item-up-right a{padding: 0 5px;}
.backlog-item-up-right img{width: 18px; height: 6px;}
.backlog-item-middle{display: flex; display: -webkit-flex; flex-direction: column; margin-bottom: 15px;}
.backlog-item-middle-time{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.backlog-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.backlog-item-middle-time img{width: 7px; height: 12px;}
.backlog-item-middle-date{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.backlog-item-middle-date span{font-size: 14px; color: #888;}
.backlog-item-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.backlog-item-down-left, .backlog-item-down-right{display: flex; display: -webkit-flex; align-items: center;}
.backlog-item-down-left span{font-size: 14px; font-weight: 500; color: #555;}
.backlog-item-down-left img{width: 30px; height: 30px; border-radius: 50%; margin-right: 5px;}
.backlog-item-down-right img{width: 30px; height: 30px; border-radius: 50%; margin-right: -7px;}
.backlog-item-down-right button{padding: 3px 10px; font-size: 12px;}
.backlog-item-down-right .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff; margin-right: 10px;}
.backlog-item-down-right .agree:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 更多·申请 */
.apply-menu{display: flex; display: -webkit-flex; flex-direction: column;}
.apply-menu-list{display: flex; display: -webkit-flex; margin: 20px 25px 0;}
.apply-menu-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    flex: 1; background: #fff; border-radius: 5px; padding: 20px 0; box-shadow:0px 5px 5px 0 #f5f5f5;}
.apply-menu-list .apply-menu-item:first-child{margin-right: 25px;}
.apply-menu-item:active{background: #e5e5e5;}
.apply-menu-item img{width: 70px; height: 70px; margin-bottom: 15px;}
.apply-menu-item .title{font-size: 16px; font-weight: 600; color: #333;}
.apply-menu-item .desc{font-size: 14px; color: #999;}
/* 更多·申请·请假·加班·公出·补签 */
.apply-add form{display: flex; display: -webkit-flex; flex-direction: column;}
.apply-add-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.apply-add-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; margin-bottom: 15px;}
.apply-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.apply-add-item .apply-add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.apply-add-item .apply-add-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.apply-add-item .apply-add-select:active{background: #fff;}
.apply-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.apply-add-item-2{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.apply-add-item-2 .time{font-size: 16px; color: #333; width: 47%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.apply-add-item-2 .time:active{background: #fff;}
.apply-add-item-2 .space{color: #333;}
.apply-add-item .img-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.apply-add-item .img-list .img-list-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.apply-add-item .img-list .img-list-item img{width: 50px; height: 50px; border-radius: 3px;}
.apply-add-item .img-list .images-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.apply-add-item .img-list .images-list .img-list-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.apply-add-item .img-list .images-list .img-list-item .pic{width: 50px; height: 50px; border-radius: 3px;}
.apply-add-item .img-list .images-list .img-list-item .close{ position: absolute; top: -3px; right: -3px; width: 10px; height: 10px;}
.apply-add-item .img-list .img-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.apply-add-item .person-list{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.apply-add-item .person-list .person-list-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.apply-add-item .person-list .person-list-item img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.apply-add-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.apply-add-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.apply-add-action{margin: 20px 40px;}
.apply-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.apply-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 我的考勤 */
.attendance-top{display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 15px; padding: 0 15px;}
.attendance-top-left{display: flex; display: -webkit-flex; align-items: center;}
.attendance-top-left button{padding: 5px 15px;}
.attendance-top-left .week{border: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.attendance-top-left .month{border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.attendance-top-left button.active{background: #5C50F8; color: #fff;}
.attendance-top-right{display: flex; display: -webkit-flex; align-items: center;}
.attendance-top-right .time{font-size: 16px; color: #333; margin: 0 20px; font-weight: 400;}
.attendance-top-right .mui-icon{font-size: 20px; color: #999;}
.attendance-middle{display: flex; display: -webkit-flex; margin: 15px 0; padding: 10px 15px; background: #fff;}
.attendance-middle-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-right: 5px;}
.attendance-middle-left img{width: 50px; height: 50px; border-radius: 50%;}
.attendance-middle-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; width: 100%;}
.attendance-middle-right .name{font-size: 16px; color: #333; font-weight: 400; margin-bottom: 5px;}
.attendance-middle-right .info{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.attendance-middle-right .info .info-left{font-size: 14px;}
.attendance-middle-right .info .info-right{display: flex; display: -webkit-flex; align-items: center;}
.attendance-middle-right .info .info-right img{width: 15px; height: 15px; margin-right: 5px;}
.attendance-middle-right .info .info-right span{font-size: 14px; color: #5C50F8;}
.attendance-bottom{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 15px;}
.attendance-list{display: flex; display: -webkit-flex; align-items: center;}
.attendance-item{flex: 1; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    background: #fff; margin-right: 15px; margin-bottom: 15px; padding: 20px 0; border-radius: 3px;}
.attendance-item:active{background: #e5e5e5;}
.attendance-list .attendance-item:last-child{margin-right: 0;}
.attendance-item .num{font-size: 16px; font-weight: bold; color: #555; margin-bottom: 5px;}
.attendance-item .title{font-size: 14px; color: #777;}
/* 我的考勤·考勤规则 */
.attendance-rule{display: flex; display: -webkit-flex; flex-direction: column;}
.attendance-rule-top{display: flex; display: -webkit-flex; padding: 10px 15px; background: #fff;}
.attendance-rule-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-right: 5px;}
.attendance-rule-left img{width: 50px; height: 50px; border-radius: 50%;}
.attendance-rule-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; width: 100%;}
.attendance-rule-right .name{font-size: 16px; color: #333; font-weight: 400; margin-bottom: 5px;}
.attendance-rule-right .info{font-size: 14px; color: #999;}
.attendance-rule-content{margin: 15px 0;}
/* 我的考勤·考勤详情 */
.attendance-detail-top{display: flex; display: -webkit-flex; padding: 10px 15px; background: #fff;}
.attendance-detail-top-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-right: 5px;}
.attendance-detail-top-left img{width: 50px; height: 50px; border-radius: 50%;}
.attendance-detail-top-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; width: 100%;}
.attendance-detail-top-right .name{font-size: 16px; color: #333; font-weight: 400; margin-bottom: 5px;}
.attendance-detail-top-right .info{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.attendance-detail-top-right .info .info-left{font-size: 14px;}
.attendance-detail-mid{margin-bottom: 15px;}
.attendance-detail-bottom{display: flex; display: -webkit-flex; flex-direction: column; margin: 0 20px;}
.attendance-detail-bottom-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 10px 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.attendance-detail-bottom-item .time1{font-size: 14px; color: #777;}
.attendance-detail-bottom-item .time2{font-size: 16px; font-weight: 500; color: #333; margin: 10px 0;}
.attendance-detail-bottom-item .address{display: flex; display: -webkit-flex; align-items: center;}
.attendance-detail-bottom-item .address img{width: 15px; height: 15px; margin-right: 5px;}
.attendance-detail-bottom-item .address span{font-size: 12px; color: #999;}
/* 注册·忘记密码·更换密码 */
.register form{display: flex; display: -webkit-flex; flex-direction: column;}
.register-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.register-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; margin-bottom: 15px;}
.register-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.register-item .register-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.register-item2{position: relative;}
.register-item2 .code{position: absolute; top: 6px; right: 10px; font-size: 12px; font-weight: normal; padding: 4px 10px;}
.register-action{margin: 20px 40px; text-align: center;}
.register-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.register-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.register-action a{font-size: 15px; color: #5C50F8; margin-top: 30px; display: block;}
/* 登录 */
.login-top{background: url("../img/login-bg.png") center no-repeat; background-size: 100% 100%; width: 100%; height: 360px;}
.login form{display: flex; display: -webkit-flex; flex-direction: column; margin-top: -200px;}
.login-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.login-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; margin-bottom: 15px;}
.login-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.login-item .login-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.login-action{margin: 20px 40px; text-align: center;}
.login-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.login-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.login-action-item{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;
    margin-top: 15px;}
.login-action-item a{font-size: 15px; color: #5C50F8;}
/* 绑定 */
.login-item2{position: relative;}
.login-item2 .code{position: absolute; top: 6px; right: 10px; font-size: 12px; font-weight: normal; padding: 4px 10px;}
/* 设置 */
.set-top{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
margin: 30px 0;}
.set-top img{width: 80px; height: 80px; border-radius: 50%; margin-bottom: 10px;}
.set-top .name{font-size: 16px; font-weight: bold; color: #333;}
.set-top .desc{font-size: 14px; color: #999;}
.set-mid{display: flex; display: -webkit-flex; flex-direction: column; padding: 0 30px;}
.set-mid-list{display: flex; display: -webkit-flex;margin-bottom: 15px;}
.set-mid-item{flex: 1; display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; align-items: center; padding: 10px 0;}
.set-mid-item:active{background: #f5f5f5;}
.set-mid-item img{width: 55px; height: 55px; margin-bottom: 5px;}
.set-mid-item span{font-size: 14px; color: #555;}
.set-bottom{margin: 15px 40px 20px;}
.set-bottom .logout{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.set-bottom .logout:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 设置·关于我们 */
.about-img{display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding: 20px 0;}
.about-img img{width: 57px; height: 50px;}
.about-info{margin: 0 15px; padding-bottom: 20px;}
.about-info-item{font-size: 14px; color: #555; margin-bottom: 10px;}
/* 设置·意见反馈 */
.suggest{display: flex; display: -webkit-flex; flex-direction: column;}
.suggest .title{margin: 15px 0 10px; padding: 0 10px; font-size: 14px; color: #777;}
.suggest textarea{margin: 0; border: 0; font-size: 14px; color: #333; border-radius: 0;}
.suggest-img{padding: 10px 15px 0; background: #fff; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.suggest-img .mui-icon-plusempty{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: #5C50F8; font-size: 30px; font-weight: 500; border-radius: 3px; margin-bottom: 10px;}
.suggest-img .mui-icon-plusempty:active{background: #fff;}
.suggest-img img{width: 60px; height: 60px; border-radius: 3px; margin-left: 15px; margin-bottom: 10px;}
.suggest-action{margin: 40px 30px;}
.suggest-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.suggest-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 设置·修改资料 */
.info-edit form{display: flex; display: -webkit-flex; flex-direction: column;}
.info-edit-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.info-edit-item{display: flex; display: -webkit-flex; flex-direction: column;
    justify-content: center; margin-bottom: 15px;}
.info-edit-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.info-edit-item .info-edit-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.info-edit-item .info-edit-item-sex{display: flex; display: -webkit-flex;}
.info-edit-item-sex .mui-radio label{font-size: 16px; color: #333; padding-left: 50px;}
.info-edit-item-sex .mui-radio input[type=radio]{top: 9px;}
.info-edit-item-sex .mui-radio input[type=radio]:checked:before{color: #5C50F8;}
.info-edit-item-sex .mui-radio input[type=radio]:before{font-size: 20px;}
.info-edit-item-img{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.info-edit-item-img img{width: 80px; height: 80px; border-radius: 3px; margin-bottom: 5px;}
.info-edit-item-img button{font-size: 12px; width: 80px; padding: 4px 10px; border-radius: 14px;}
.info-edit-action{margin: 20px 40px;}
.info-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.info-edit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 应用 */
.app-title{display: flex; display: -webkit-flex; justify-content: center; align-items: center;
    margin: 20px 0 15px; color: #333; font-size: 16px; font-weight: 500;}
.app-list{display: flex; display: -webkit-flex; padding: 0 15px;}
.app-list-item{flex: 1; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5;}
.app-list-item:active{background: #f3f3f3;}
.app-list .app-list-item:nth-child(2){margin: 0 15px;}
.app-list-item img{width: 60px; height: 60px; margin-bottom: 10px;}
.app-list-item .name{font-size: 16px; font-weight: 500; color: #555;}
.app-list-item .desc{font-size: 12px; color: #999;}
/* 位置签到 */
.location-sign-top{display: flex; display: -webkit-flex; padding: 10px 15px; background: #fff;}
.location-sign-top-left{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-right: 5px;}
.location-sign-top-left img{width: 50px; height: 50px; border-radius: 50%;}
.location-sign-top-right{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; width: 100%;}
.location-sign-top-right .name{font-size: 16px; color: #333; font-weight: 400; margin-bottom: 5px;}
.location-sign-top-right .info{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.location-sign-top-right .info .info-left{font-size: 14px;}
.location-sign-list{display: flex; display: -webkit-flex; flex-direction: column; margin: 20px 20px 0;}
.location-sign-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.location-sign-item-top{display: flex; display: -webkit-flex; align-items: center;}
.location-sign-item-top .point{width: 7px; height: 7px; border-radius: 50%; background: #ccc; margin-right: 5px;}
.location-sign-item-top .time1{font-size: 14px; color: #777777;}
.location-sign-item-mid{display: flex; display: -webkit-flex;  padding-left:22px; justify-content: center; align-items:center; margin: 5px 0;}
.location-sign-item-mid .title{font-size: 14px; color: #999; margin-right: 5px;text-align:center; }
.location-sign-item-mid .time2{font-size: 20px; font-weight: 500; color: #333;}
.location-sign-item-action{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.location-sign-item-action img{width: 100px; height: 100px;}
.location-sign-item-bottom{display: flex; display: -webkit-flex; padding-left:22px; justify-content: center;  align-items: center;}
.location-sign-item-bottom img{width: 15px; height: 15px;}
.location-sign-item-bottom span{font-size: 12px; color: #999; margin: 0 5px;}
.location-sign-item-bottom a{font-size: 12px;}
/* 新的登录 */
.login-new-top{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 80px 0 40px;}
.login-new-top img{width: 160px; height: 160px; display: flex;}
.login-new-top span{font-size: 24px; font-weight: 500; color: #000029;}
.login-new-list{margin: 0 40px;}
.login-new-item{margin-bottom: 20px; position: relative;}
.login-new-item .left{position: absolute; left: 0; top: 0; bottom: 0; z-index: 9; width: 50px;
    display: flex; justify-content: center; align-items: center;}
.login-new-item .left img{width: 20px; height: 20px; display: flex;}
.login-new-item .login-new-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #F7F6FF; padding-left: 50px; margin: 0;}
.login-new-action{margin: 40px 40px;}
.login-new-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.login-new-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}

/* ========================================= 自有平台 =========================================== */
/* 底部导航 */
nav.own-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.own-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.own-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #606165; overflow: hidden;}
nav.own-bar-tab .mui-tab-item .mui-tab-label{color: #606165; font-size: 12px;}
nav.own-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.own-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.own-index{width: 100%; height: 100%; background: url("../img/own/mobile/index_bg.png") center no-repeat; background-size: 100% 100%;}
.own-index-top{margin: 0 15px 20px; padding-top: 20px; display: flex; justify-content: space-between; align-items: center;}
.own-index-top .left{display: flex; align-items: center;}
.own-index-top .left img{width: 50px; height: 50px; display: flex; border-radius: 5px; margin-right: 10px;}
.own-index-top .left .info{display: flex; flex-direction: column; justify-content: center;}
.own-index-top .left .info .title{font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 3px;}
.own-index-top .left .info .desc{font-size: 12px; color: rgba(255,255,255, .8);}
.own-index-top .right{display: flex; align-items: center; padding: 5px; position: relative;}
.own-index-top .right:active{background: rgba(255,255,255, .1); border-radius: 5px;}
.own-index-top .right svg{width: 20px; height: 20px; fill: #fff; overflow: hidden;}
.own-index-top .right .unread{position: absolute; top: 3px; right: 3px; z-index: 9;
    display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #F5212D;}
.own-index-search{margin: 0 15px 15px;}
.own-index-search .mui-search input{background-color: #fff;}
.own-index-search .mui-search .mui-placeholder{pointer-events: none;}
.own-index-data{height: 224px; margin: 0 15px 15px; background: url("../img/own/mobile/index_bg2.png") center no-repeat; background-size: 100% 100%;}
.own-index-data .title{font-size: 16px; font-weight: 500; color: #333; padding: 10px 15px;}
.own-index-data .content{padding: 15px 15px 15px;}
.own-index-data .content .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.own-index-data-up-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.own-index-data-up-item .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.own-index-data-up-item .num{font-size: 22px; font-weight: 500; color: #333;}
.own-index-data .content .down{display: flex; justify-content: space-between; align-items: center;}
.own-index-data-down-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.own-index-data-down-item .num{font-size: 22px; font-weight: 500; color: #333; margin-bottom: 5px;}
.own-index-data-down-item .name{font-size: 14px; color: #777;}
.own-index-app{margin: 0 15px 15px;}
.own-index-app .title{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 10px;}
.own-index-app .content{display: flex; flex-wrap: wrap; padding: 10px 5px 5px; background: #fff; border-radius: 10px;}
.own-index-app .content .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 25%; margin-bottom: 10px; padding: 5px 0;}
.own-index-app .content .item:active{background: #f5f5f5;}
.own-index-app .content .item img{width: 36px; height: 36px; display: flex; margin-bottom: 5px;}
.own-index-app .content .item .name{font-size: 14px; color: #333;}
.own-index-info{display: flex; align-items: center; margin: 0 15px 15px;}
.own-index-info .item{flex: 1; height: 90px; padding-left: 15px; display: flex; flex-direction: column; justify-content: center;}
.own-index-info .left{background: url("../img/own/mobile/index_bg3.png") center no-repeat; background-size: 100% 100%; margin-right: 10px;}
.own-index-info .right{background: url("../img/own/mobile/index_bg4.png") center no-repeat; background-size: 100% 100%;}
.own-index-info .left .name{font-size: 18px; font-weight: 500; color: #24788D; margin-bottom: 5px;}
.own-index-info .left .desc{font-size: 14px; color: #6A8E96;}
.own-index-info .right .name{font-size: 18px; font-weight: 500; color: #F67005; margin-bottom: 5px;}
.own-index-info .right .desc{font-size: 14px; color: #C39279;}
.own-index-chart{margin-bottom: 20px;}
.own-index-chart .mui-slider{height: 300px;}
.own-index-chart .mui-segmented-control.mui-scroll-wrapper .mui-scroll{background: #fff;}
.own-index-chart .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.own-index-chart .mui-slider .mui-slider-group{height: calc(100% - 40px); background: #fff;}
.own-index-chart .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-top: 1px solid #f5f5f5; border-bottom: 0}
.own-index-chart-content{width: 100%; height: 100%; background: #fff;}
/* 应用 */
.own-app{width: 100%; height: 100%; background: url("../img/own/mobile/app_bg.png") center no-repeat; background-size: 100% 100%;}
.own-app-top{margin: 0 15px 20px; padding-top: 15px; display: flex;}
.own-app-top .top-item{flex: 1;}
.own-app-top-left{border-radius: 10px; padding-top: 10px; background: #fff; margin-right: 10px;}
.own-app-top-left .up{padding: 0 10px;}
.own-app-top-left .up .title{display: flex; align-items: center; margin-bottom: 3px;}
.own-app-top-left .up .title .name{font-size: 16px; font-weight: 500; color: #000;}
.own-app-top-left .up .title .en{font-size: 12px; color: #999; margin-left: 5px;}
.own-app-top-left .up .desc{font-size: 12px; color: #777;}
.own-app-top-left .mid{display: flex; align-items: center; margin: 10px 0; padding: 10px 10px 5px;}
.own-app-top-left .mid .action{font-size: 14px; color: #5C50F8; background: rgba(92,80,248, .1);
    padding: 3px 12px; border-radius: 15px; line-height: normal;}
.own-app-top-left .mid .action:active{opacity: 0.5;}
.own-app-top-left .down{display: flex; justify-content: center;}
.own-app-top-left .down img{width: 166px; height: 142px; display: flex;}
.own-app-top-right{display: flex; flex-direction: column; justify-content: space-between;}
.own-app-top-right .own-app-top-right-item:first-child{margin-bottom: 10px;}
.own-app-top-right-item{border-radius: 10px; padding-top: 10px; background: #fff; flex: 1;}
.own-app-top-right-item:active{background: #e8e8e8;}
.own-app-top-right-item .up{padding: 0 10px;}
.own-app-top-right-item .up .title{display: flex; align-items: center; margin-bottom: 3px;}
.own-app-top-right-item .up .title .name{font-size: 16px; font-weight: 500; color: #000;}
.own-app-top-right-item .up .title .en{font-size: 12px; color: #999; margin-left: 5px;}
.own-app-top-right-item .up .desc{font-size: 12px; color: #777;}
.own-app-top-right-item .down{padding: 0 10px 10px; display: flex; justify-content: space-between; align-items: center;}
.own-app-top-right-item .down .mui-icon{font-size: 20px; color: #fff; background: rgba(92,80,248, .5); border-radius: 50%;}
.own-app-top-right-item .down img{width: 98px; height: 52px; display: flex;}
.own-app-content{margin: 0 15px;}
.own-app-content .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.own-app-content .title .left{font-size: 16px; font-weight: 500; color: #000;}
.own-app-content-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.own-app-content-item .left{display: flex; align-items: center;}
.own-app-content-item .left img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.own-app-content-item .left .info{display: flex; flex-direction: column; justify-content: center;}
.own-app-content-item .left .info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 3px;}
.own-app-content-item .left .info .desc{font-size: 12px; color: #999;}
.own-app-content-item .right{display: flex; align-items: center;}
.own-app-content-item .right .open1{font-size: 12px; color: #5C50F8; background: rgba(92,80,248, .1);
    padding: 3px 12px; border-radius: 15px; line-height: normal;}
.own-app-content-item .right .open1:active{opacity: 0.5;}
.own-app-content-item .right .open2{font-size: 12px; color: #5C50F8; line-height: normal;}
.own-app-content-item .right .mui-icon{font-size: 18px; color: #5C50F8;}
/* 设置 */
.own-set-top{display: flex; background: url("../img/own/mobile/set_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 445px; padding: 40px 15px 0;}
.own-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.own-set-top-info{display: flex; flex-direction: column; justify-content: center; height: 60px;}
.own-set-top-info .up{display: flex; align-items: center; margin-bottom: 5px;}
.own-set-top-info .up .name{font-size: 16px; color: #fff;}
.own-set-top-info .up .role{font-size: 12px; color: #fff; background: #FAAD14;
    padding: 1px 9px; border-radius: 10px; line-height: normal; margin-left: 10px;}
.own-set-top-info .time{font-size: 12px; color: #fff;}
.own-set-content{padding: 20px 15px 70px; background: #F9F8FF; margin-top: -300px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.own-set-mid{display: flex; margin-bottom: 20px;}
.own-set-mid .item:first-child{margin-right: 15px;}
.own-set-mid .item{flex: 1; display: flex; align-items: center; padding: 15px 10px; border-radius: 10px;
    background: #fff; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.own-set-mid .item:active{background: #f5f5f5;}
.own-set-mid .item img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.own-set-mid .item .right{display: flex; flex-direction: column; justify-content: center;}
.own-set-mid .item .right .name{font-size: 16px; color: #333;}
.own-set-mid .item .right .desc{font-size: 12px; color: #999;}
.own-set-list{background: #fff; border-radius: 10px;}
.own-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px; border-bottom: 1px solid #f5f5f5;}
.own-set-item:active{background: #f5f5f5;}
.own-set-item .left{display: flex; align-items: center;}
.own-set-item .left img{width: 16px; height: 16px; display: flex; margin-right: 10px;}
.own-set-item .left .name{font-size: 16px; color: #333;}
.own-set-item .mui-icon{font-size: 20px; color: #999;}
/* 通知公告 */
.own-notice-top{background: url("../img/own/mobile/set_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 180px; padding-top: 30px;}
.own-notice-top .wrap{display: flex; justify-content: space-around; align-items: center; padding: 30px 0;
    border-top-left-radius: 20px; border-top-right-radius: 20px; background: #fff; position: relative;}
.own-notice-top .wrap:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.own-notice-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.own-notice-top-item .img-wrap{position: relative; margin-bottom: 10px;}
.own-notice-top-item .img-wrap img{width: 60px; height: 60px; border-radius: 25px; display: flex;}
.own-notice-top-item .img-wrap .unread{position: absolute; top: -2px; right: -2px; display: inline-block; line-height: normal;
    padding: 1px 3px; border-radius: 5px; background-color: #FF5A48; font-size: 10px; color: #fff;}
.own-notice-top-item .name{font-size: 14px; color: #333;}
.own-notice-list{margin: 15px 10px 15px;}
.own-notice-item{display: flex; align-items: center; padding: 15px 5px; border-bottom: 1px solid #f5f5f5;}
.own-notice-item img{width: 40px; height: 40px; display: flex; border-radius: 50%; margin-right: 10px;}
.own-notice-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.own-notice-item .info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.own-notice-item .info .up .name{font-size: 16px; color: #333; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.own-notice-item .info .up .time{font-size: 12px; color: #999;}
.own-notice-item .info .down{font-size: 14px; color: #777; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* ===================================== 停车 ==================================== */
/* 新的首页 */
.park-index-new{background: url("../img/park/index/bg.png") center no-repeat; background-size: 100% 100%;
    padding: 20px 10px; overflow-y: auto;}
.park-index-new-role{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-index-new-role .left{display: flex; align-items: center;}
.park-index-new-role .left .name{font-size: 16px; font-weight: 500; color: #fff;}
.park-index-new-role .left .mui-icon{font-size: 20px; color: #fff; margin-left: 5px;}
.park-index-new-notice{display: flex; align-items: center; height: 40px; border-radius: 5px; background: #fff; margin-bottom: 15px;}
.park-index-new-notice .left{display: flex; justify-content: center; align-items: center;
    width: 22%; border-right: 1px solid #777; line-height: 18px;}
.park-index-new-notice .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.park-index-new-notice .left span{font-size: 14px; font-weight: 500; color: #000;}
.park-index-new-notice .right{max-width: 75%; padding: 0 10px; font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-index-new-data{background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
.park-index-new-data .top{display: flex; align-items: center; margin-bottom: 10px;}
.park-index-new-data .top .title{font-size: 16px; font-weight: 500; color: #333;}
.park-index-new-data .top .desc{font-size: 12px; color: #999;}
.park-index-new-data .mid{display: flex; align-items: center;}
.park-index-new-data .mid .item{flex: 1; height: 100px; background: #f5f5f5; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-index-new-data .mid .item:nth-child(2){margin: 0 10px;}
.park-index-new-data .mid .item .name{font-size: 14px; color: #777;}
.park-index-new-data .mid .item .num{font-size: 16px; font-weight: 500; margin: 3px 0 6px;}
.park-index-new-data .mid .item .num.num1{color: #5188FF;}
.park-index-new-data .mid .item .num.num2{color: #1AC596;}
.park-index-new-data .mid .item .num.num3{color: #FF8317;}
.park-index-new-data .mid .item .num.num4{color: #EE4C4C;}
.park-index-new-data .mid .item .down{display: flex; align-items: center;}
.park-index-new-data .mid .item .down .left{font-size: 12px; color: #777;}
.park-index-new-data .mid .item .down .right{font-size: 12px; color: #333;}
.park-index-new-first{display: flex; justify-content: space-between; margin-bottom: 15px;}
.park-index-new-first-item{display: flex; align-items: center; width: 48.5%; padding: 15px 0 15px 10px;
    background: #fff; border-radius: 5px;}
.park-index-new-first-item:active{background: #f5f5f5;}
.park-index-new-first-item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.park-index-new-first-item .right{display: flex; flex-direction: column; justify-content: center;}
.park-index-new-first-item .right .name{font-size: 15px; font-weight: 500; color: #000;}
.park-index-new-first-item .right .desc{font-size: 12px; color: #777;}
.park-index-new-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.park-index-new-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.park-index-new-content-item .list{display: flex; flex-wrap: wrap;}
.park-index-new-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.park-index-new-content-item .list .item:active{background: #F5F5F5;}
.park-index-new-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.park-index-new-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.park-index-new-content-item .list .item .desc{font-size: 12px; color: #999;}
/* 旧的首页 */
.park-top{background: url("../img/park/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px;}
.park-top-title{padding: 30px 0 30px;}
.park-top-title .title-wrap{display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 0 2.5%; position: relative;}
.park-top-title .title-wrap .title-line{display: inline-block; width: 20%; height: 1px; background: rgba(255,255,255, .3);}
.park-top-title .title-wrap .name{font-size: 18px; font-weight: 500; color: #fff;
    padding: 0 10px; width: 55%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.park-top-title .desc{display: flex; align-items: center; justify-content: center;
    font-size: 14px; color: rgba(255,255,255, .5);}
.park-top-title .title-wrap .mui-icon{position: absolute; right: 23%; font-size: 20px; color: #fff;}
.park-top-list{display: flex; justify-content: space-around;}
.park-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-top-item .num{font-size: 24px; font-weight: 500; color: rgba(255,255,255, .8); margin-bottom: 5px;}
.park-top-item .name{font-size: 14px; color: rgba(255,255,255, .7);}
.park-list{display: flex; flex-wrap: wrap; margin: 15px 10px 10px;}
.park-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 31.33%; padding: 15px 0; border-radius: 5px; box-shadow: 0px 5px 5px 0 #E3E2F2;
    margin-bottom: 10px; background: #fff;}
.park-item:active{background: #f5f5f5;}
.park-list .park-item:nth-child(2){margin-left: 3%; margin-right: 3%;}
.park-list .park-item:nth-child(5){margin-left: 3%; margin-right: 3%;}
.park-list .park-item:nth-child(8){margin-left: 3%; margin-right: 3%;}
.park-list .park-item:nth-child(11){margin-left: 3%; margin-right: 3%;}
.park-list .park-item:nth-child(14){margin-left: 3%; margin-right: 3%;}
.park-item img{width: 44px; height: 44px; display: flex; margin-bottom: 8px;}
.park-item .name{font-size: 14px; font-weight: 500; color: #333;}
/* 停车迷你版 */
.park-mini-top{background: url("../img/park/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px;}
.park-mini-top-title{padding: 30px 0 30px;}
.park-mini-top-title .title-wrap{display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 0 2.5%; position: relative;}
.park-mini-top-title .title-wrap .title-line{display: inline-block; width: 20%; height: 1px; background: rgba(255,255,255, .3);}
.park-mini-top-title .title-wrap .name{font-size: 18px; font-weight: 500; color: #fff;
    padding: 0 10px; width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.park-mini-top-title .desc{display: flex; align-items: center; justify-content: center;
    font-size: 14px; color: rgba(255,255,255, .5);}
.park-mini-top-list{display: flex; justify-content: space-around;}
.park-mini-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-mini-top-item .num{font-size: 24px; font-weight: 500; color: rgba(255,255,255, .8); margin-bottom: 5px;}
.park-mini-top-item .name{font-size: 14px; color: rgba(255,255,255, .7);}
.park-mini-list{margin: 20px 15px 0;}
.park-mini-item{display: flex; justify-content: space-between; padding: 10px 10px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-mini-item:active{background: #f5f5f5;}
.park-mini-item-left{display: flex; align-items: center;}
.park-mini-item-left img{width: 60px; height: 60px; display: flex; margin-right: 10px;}
.park-mini-item-left .park-mini-item-info{display: flex; flex-direction: column; justify-content: center;}
.park-mini-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.park-mini-item-info .desc{font-size: 14px; color: #999;}
.park-mini-item-right{display: flex; align-items: center;}
.park-mini-item-right span{font-size: 20px; color: #999;}
/* 和利时·首页 */
.park-hollysys-top{background: url("../img/park/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 160px; position: relative;}
.park-hollysys-top-set{position: absolute; top: 10px; right: 15px; z-index: 9;
    display: flex; justify-content: center; align-items: center;
    padding: 2px 10px; background: rgba(255,255,255, .1); border-radius: 12px;}
.park-hollysys-top-set:active{background: rgba(255,255,255, .3);}
.park-hollysys-top-set img{width: 14px; height: 14px; display: flex;}
.park-hollysys-top-set span{font-size: 12px; color: #fff; margin-left: 5px; line-height: normal;}
.park-hollysys-top-title{padding: 40px 0 30px;}
.park-hollysys-top-title .title-wrap{display: flex; align-items: center; justify-content: center;
    width: 100%; padding: 0 2.5%; position: relative;}
.park-hollysys-top-title .title-wrap .title-line{display: inline-block; width: 20%; height: 1px; background: rgba(255,255,255, .3);}
.park-hollysys-top-title .title-wrap .name{font-size: 18px; font-weight: 500; color: #fff; padding: 0 0 0 10px; max-width: 55%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.park-hollysys-top-title .title-wrap .mui-icon{font-size: 20px; color: #fff; margin-right: 5px;}
.park-hollysys-list{margin: -70px 15px 0;}
.park-hollysys-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; position: relative;}
.park-hollysys-item:active{background: #f5f5f5;}
.park-hollysys-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;}
.park-hollysys-item-up .left{display: flex; align-items: center;}
.park-hollysys-item-up .left img{width: 30px; height: 30px; margin-right: 5px;}
.park-hollysys-item-up .left .num{font-size: 16px; font-weight: 500; color: #333;}
.park-hollysys-item-up .right{font-size: 14px;}
.park-hollysys-item-up .right.status1{color: #21D388;}
.park-hollysys-item-up .right.status2{color: #FDA850;}
.park-hollysys-item-mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-hollysys-item-mid span{font-size: 16px; font-weight: 500; color: #888; letter-spacing: 2px;}
.park-hollysys-item-mid img{width: 7px; height: 12px; display: flex;}
.park-hollysys-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-hollysys-item-down .left{font-size: 14px; color: #999;}
.park-hollysys-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-hollysys-plus img{width: 40px; height: 40px; display: flex;}
/* 和利时·添加车辆 */
.park-hollysys-add-list{margin-top: 15px;}
.park-hollysys-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-hollysys-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-hollysys-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-hollysys-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.park-hollysys-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.park-hollysys-add-item-select:active{background: #f5f5f5;}
.park-hollysys-add-item-select>label{font-size: 14px; color: #777;}
.park-hollysys-add-item-select .right{display: flex; align-items: center;}
.park-hollysys-add-item-select .right .select{font-size: 16px; color: #333;}
.park-hollysys-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-hollysys-add-action{margin: 20px 40px;}
.park-hollysys-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-hollysys-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-hollysys-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 和利时·车辆详情 */
.park-hollysys-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-hollysys-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-hollysys-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-hollysys-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-hollysys-detail-title .right{display: flex; align-items: flex-start;}
.park-hollysys-detail-title .right .fee{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px;}
.park-hollysys-detail-title .right .fee:active{background: rgba(255,255,255, .3);}
.park-hollysys-detail-title .right .fee svg{width: 14px; height: 14px; fill: #fff; overflow: hidden;}
.park-hollysys-detail-title .right .fee span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.park-hollysys-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 0; background: #fff; border-radius: 5px;}
.park-hollysys-detail-item{display: flex; margin-bottom: 20px;}
.park-hollysys-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-hollysys-detail-item-left img{width: 20px; height: 20px;}
.park-hollysys-detail-item-right{width: 80%;}
.park-hollysys-detail-item-right .title{font-size: 16px; color: #333;}
.park-hollysys-detail-item-right .desc{font-size: 14px; color: #999;}
.park-hollysys-detail-item-right-time{width: 80%; display: flex; justify-content: space-between; align-items: center;}
.park-hollysys-detail-item-right-time .left{display: flex; flex-direction: column;}
.park-hollysys-detail-item-right-time .left .title{font-size: 16px; color: #333;}
.park-hollysys-detail-item-right-time .left .desc{font-size: 14px; color: #999;}
.park-hollysys-detail-item-right-time .right{display: flex; align-items: center;}
.park-hollysys-detail-item-right-time .right .desc{font-size: 14px; color: #5C50F8;}
.park-hollysys-detail-item-right-time .right .mui-icon{font-size: 20px; color: #5C50F8;}
.park-hollysys-detail-item-right .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.park-hollysys-detail-item-right .name.status1{color: #FDA850;}
.park-hollysys-detail-item-right .name.status2{color: #21D388;}
.park-hollysys-detail-item-right .name.status3{color: #FF5A48;}
.park-hollysys-detail-item2{display: flex; justify-content: center; margin-bottom: 0;}
.park-hollysys-detail-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.park-hollysys-detail-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.park-hollysys-detail-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.park-hollysys-detail-action{margin: 20px 20px;}
.park-hollysys-detail-action button{font-size: 16px; color: #fff; padding: 10px 0;}
.park-hollysys-detail-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-hollysys-detail-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 和利时·车辆续费 */
.park-hollysys-renew-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.park-hollysys-renew-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.park-hollysys-renew-dialog-top{display: flex; justify-content: center; align-items: center;
    height: 60px; font-size: 16px; color: #000;}
.park-hollysys-renew-dialog-list{margin: 0 20px;}
.park-hollysys-renew-dialog-item{font-size: 14px; color: #777; margin-bottom: 10px;}
.park-hollysys-renew-dialog-action{margin: 20px 20px 0;}
.park-hollysys-renew-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.park-hollysys-renew-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.park-hollysys-renew-list{margin-top: 15px;}
.park-hollysys-renew-item{display: flex; justify-content: space-between; align-items: center;
    height: 50px; background: #fff; padding: 0 10px; border-bottom: 1px solid #f5f5f5;}
.park-hollysys-renew-item .left{font-size: 14px; color: #777;}
.park-hollysys-renew-item .right{font-size: 14px; color: #333;}
.park-hollysys-renew-item .right.num{font-size: 16px; font-weight: 500; color: #5C50F8;}
.park-hollysys-renew-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 40px; padding: 0 10px 0 10px; border-bottom: 1px solid #f5f5f5;}
.park-hollysys-renew-item-select:active{background: #f5f5f5;}
.park-hollysys-renew-item-select>label{font-size: 14px; color: #777;}
.park-hollysys-renew-item-select .right{display: flex; align-items: center;}
.park-hollysys-renew-item-select .right .select{font-size: 14px; color: #333;}
.park-hollysys-renew-item-select .right .mui-icon{font-size: 18px; color: #999;}
.park-hollysys-renew-item .left2{display: flex; align-items: center;}
.park-hollysys-renew-item .left2 span{font-size: 14px; color: #777;}
.park-hollysys-renew-item .left2 svg{width: 14px; height: 14px; fill: #999; overflow: hidden; margin-left: 5px;}
.park-hollysys-renew-item .right2{display: flex; align-items: center;}
.park-hollysys-renew-item .right2 .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.park-hollysys-renew-list .tips{padding: 10px;}
.park-hollysys-renew-list .tips .item{font-size: 12px; color: #999;}
.park-hollysys-renew-action{margin: 20px 40px;}
.park-hollysys-renew-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-hollysys-renew-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-hollysys-renew-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 和利时·设置 */
.park-hollysys-set-list{margin-top: 15px;}
.park-hollysys-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.park-hollysys-set-item .name{font-size: 16px; color: #333;}
.park-hollysys-set-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 和利时·缴费记录 */
.park-hollysys-payment-record-top{padding: 10px 15px; background: #fff;}
.park-hollysys-payment-record-filter{display: flex; align-items: center;}
.park-hollysys-payment-record-filter-item{display: flex; align-items: center;}
.park-hollysys-payment-record-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.park-hollysys-payment-record-filter-item .mui-icon{font-size: 20px; color: #999;}
.park-hollysys-payment-record-mid{margin: 15px 15px 0; display: flex; align-items: center;}
.park-hollysys-payment-record-mid .item{flex: 1; display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-radius: 5px;}
.park-hollysys-payment-record-mid .item:active{background: #f5f5f5;}
.park-hollysys-payment-record-mid .item .left{display: flex; align-items: center;}
.park-hollysys-payment-record-mid .item .left svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.park-hollysys-payment-record-mid .item .left .name{font-size: 16px; color: #333; margin-left: 5px;}
.park-hollysys-payment-record-mid .item .mui-icon{font-size: 20px; color: #999;}
.park-hollysys-payment-record-list{margin: 15px 15px 0;}
.park-hollysys-payment-record-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-hollysys-payment-record-item:active{background: #f5f5f5;}
.park-hollysys-payment-record-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-hollysys-payment-record-item .up .left{font-size: 16px; color: #333;}
.park-hollysys-payment-record-item .up .right{font-size: 14px; color: #999;}
.park-hollysys-payment-record-item .down{font-size: 14px; color: #777; margin-top: 5px;}
/* 支付成功 */
.park-hollysys-payment-success{width: 100%; height: 100%; padding: 30px 15px;
    background: url("../img/park/hollysys_bg1.png") center no-repeat; background-size: 100% 100%;}
.park-hollysys-payment-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    border-radius: 10px; background: rgba(255,255,255, .8); padding: 20px 0;}
.park-hollysys-payment-success .content img{width: 140px; height: 132px; display: flex;}
.park-hollysys-payment-success .content .title{font-size: 18px; font-weight: 500; color: #333; margin: 20px 0;}
.park-hollysys-payment-success .content .desc{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-hollysys-payment-success .content .save{width: 90%; padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin: 20px 0;}
.park-hollysys-payment-success .content .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 自动续费 */
.park-hollysys-auto-renew-list{margin: 15px 15px 0;}
.park-hollysys-auto-renew-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-hollysys-auto-renew-item:active{background: #f5f5f5;}
.park-hollysys-auto-renew-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-hollysys-auto-renew-item .up .left{font-size: 16px; color: #333;}
.park-hollysys-auto-renew-item .up .right{font-size: 14px; color: #999;}
.park-hollysys-auto-renew-item .down{font-size: 14px; color: #777; margin-top: 5px;}
/* 自动续费·详情 */
.park-hollysys-auto-renew-detail{width: 100%; height: 100%; padding: 30px 15px;
    background: url("../img/park/hollysys_bg2.png") center no-repeat; background-size: 100% 100%;}
.park-hollysys-auto-renew-detail-info{background: #fff; border-radius: 8px;}
.park-hollysys-auto-renew-detail-info .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.park-hollysys-auto-renew-detail-info .title .left{font-size: 18px; font-weight: 500; color: #000;}
.park-hollysys-auto-renew-detail-info .item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px; position: relative;}
.park-hollysys-auto-renew-detail-info .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-hollysys-auto-renew-detail-info .item .left{font-size: 16px; color: #777;}
.park-hollysys-auto-renew-detail-info .item .right{font-size: 16px; color: #333;}
.park-hollysys-auto-renew-detail-info .item2{padding: 15px;}
.park-hollysys-auto-renew-detail-info .item2 .left{font-size: 16px; color: #777; margin-bottom: 5px;}
.park-hollysys-auto-renew-detail-info .item2 .right{font-size: 16px; color: #333;}
.park-hollysys-auto-renew-detail .action{margin: 30px 0;}
.park-hollysys-auto-renew-detail .action .close{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8;}
.park-hollysys-auto-renew-detail .action .close:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 会议管理 */
.park-meeting-manage-list{margin: 15px 20px 0;}
.park-meeting-manage-item{display: flex; justify-content: space-between; padding: 10px 15px;
    background: #fff; border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-meeting-manage-item:active{background: #f5f5f5;}
.park-meeting-manage-item-left{display: flex; align-items: center;}
.park-meeting-manage-item-left img{width: 44px; height: 44px; display: flex; margin-right: 10px;}
.park-meeting-manage-item-left .park-meeting-manage-item-info{display: flex; flex-direction: column;
    justify-content: center;}
.park-meeting-manage-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.park-meeting-manage-item-info{font-size: 14px; color: #999;}
.park-meeting-manage-item-right{display: flex; align-items: center;}
.park-meeting-manage-item-right span{font-size: 20px; color: #999;}
/* 配置车场信息 */
.park-config-list{margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.park-config-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.park-config-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-config-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-config-action{margin: 20px 40px;}
.park-config-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-config-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 车辆审批 */
.park-car-approval-top{background: url("../img/meeting/wdhy_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px; padding: 5px 15px 0;}
.park-car-approval-date{display: flex; justify-content: space-between;}
.park-car-approval-date-left{display: flex; align-items: center; padding: 5px;}
.park-car-approval-date-right{display: flex; align-items: center; padding: 5px;}
.park-car-approval-date-right img{width: 16px; height: 16px; display: flex;}
.park-car-approval-date-right .name{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.park-car-approval-date-right .mui-icon{font-size: 20px; color: #fff;}
.park-car-approval-search{margin-top: 10px;}
.park-car-approval-search .mui-search{margin: 0 auto;}
.park-car-approval-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-car-approval .mui-search .mui-placeholder{pointer-events: none;}
.park-car-approval-list{margin: -100px 15px 20px;}
.park-car-approval-list-item{padding: 15px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative; display: flex; align-items: center;}
.park-car-approval-list .park-car-approval-list-item:last-child{margin-bottom: 0;}
.park-car-approval-list-item-status{position: absolute; top: 0; right: 0; z-index: 9;}
.park-car-approval-list-item-status img{width: 50px; height: 50px; display: flex;}
.park-car-approval-list-item .photo{width: 80px; height: 80px; border-radius: 5px; margin-right: 10px;}
.park-car-approval-list-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 70px);}
.park-car-approval-list-item-info .name{font-size: 16px; color: #333;}
.park-car-approval-list-item-info .mid{display: flex; align-items: center; margin: 7px 0;}
.park-car-approval-list-item-info .mid span{font-size: 14px; color: #999;}
.park-car-approval-list-item-info .mid span:first-child{margin-right: 10px;}
.park-car-approval-list-item-info .bottom{display: flex; justify-content: space-between; align-items: center;}
.park-car-approval-list-item-info .bottom .left{font-size: 14px; color: #5C50F8;}
.park-car-approval-list-item-info .bottom .right{display: flex; align-items: center;}
.park-car-approval-list-item-info .bottom .right button{padding: 2px 10px; font-size: 12px; margin-bottom: 0;}
.park-car-approval-list-item-info .bottom .right .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff; margin-right: 15px;}
.park-car-approval-list-item-info .bottom .right .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.park-car-approval-list-item-info .bottom .right .refuse{border: 1px solid #E5E5F7; background-color: #E5E5F7; color: #8F8FA7;}
.park-car-approval-list-item-info .bottom .right .refuse:active{border: 1px solid #B9B9CF; background-color: #B9B9CF;}
/* 车辆审批详情 */
.park-car-approval-detail-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.park-car-approval-detail-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-car-approval-detail-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-car-approval-detail-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.park-car-approval-detail-item{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.park-car-approval-detail-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.park-car-approval-detail-item .title .left{font-size: 16px; font-weight: 500; color: #000;}
.park-car-approval-detail-item .item{padding: 15px 10px; position: relative;}
.park-car-approval-detail-item .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-car-approval-detail-item .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.park-car-approval-detail-item .item .desc{font-size: 14px; color: #333;}
.park-car-approval-detail-item .item .select{display: flex; align-items: center; justify-content: space-between;}
.park-car-approval-detail-item .item .select:active{background: #f5f5f5;}
.park-car-approval-detail-item .item .select .desc{font-size: 14px; color: #333;}
.park-car-approval-detail-item .item .select .mui-icon{font-size: 20px; color: #999;}
.park-car-approval-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px; padding: 0 15px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-car-approval-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.park-car-approval-detail-action .submit{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-car-approval-detail-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.park-car-approval-detail-action .unsubmit{border: 1px solid #999; background-color: #999;}
.park-car-approval-detail-action .unsubmit:active{border: 1px solid #999; background-color: #999; opacity: 0.8;}
/* 系统设置 */
.park-system-set-list{margin: 15px 15px 0;}
.park-system-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.park-system-set-item:active{background: #f5f5f5;}
.park-system-set-item .left{display: flex; align-items: center;}
.park-system-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.park-system-set-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden; margin-right: 5px;}
.park-system-set-item .left .name{font-size: 16px; color: #333;}
.park-system-set-item .mui-icon{font-size: 20px; color: #999;}
/* 更多设置 */
.park-more-set-list{margin: 15px 15px 0;}
.park-more-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.park-more-set-item:active{background: #f5f5f5;}
.park-more-set-item .left{display: flex; align-items: center;}
.park-more-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.park-more-set-item .left .name{font-size: 16px; color: #333;}
.park-more-set-item .mui-icon{font-size: 20px; color: #999;}
/* 远程开闸设置 */
.park-remote-gate-set-list{margin: 15px 15px 0;}
.park-remote-gate-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.park-remote-gate-set-item:active{background: #f5f5f5;}
.park-remote-gate-set-item .left{display: flex; align-items: center;}
.park-remote-gate-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.park-remote-gate-set-item .left .name{font-size: 16px; color: #333;}
.park-remote-gate-set-item .mui-icon{font-size: 20px; color: #999;}
/* 管理员设置 */
.park-remote-gate-admin-list{margin: 15px 15px 0;}
.park-remote-gate-admin-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.park-remote-gate-admin-item:active{background: #f5f5f5;}
.park-remote-gate-admin-item-left{display: flex; align-items: center;}
.park-remote-gate-admin-item-left img{width: 50px; height: 50px; border-radius: 5px; display: flex; margin-right: 10px;}
.park-remote-gate-admin-item-info{display: flex; flex-direction: column; justify-content: center;}
.park-remote-gate-admin-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.park-remote-gate-admin-item-info .num{font-size: 14px; color: #999;}
.park-remote-gate-admin-item-right{display: flex; align-items: center;}
.park-remote-gate-admin-item-right .bind{font-size: 14px; color: #5C50F8;}
.park-remote-gate-admin-item-right .line{width: 1px; height: 14px; background: #ddd; margin: 0 15px;}
.park-remote-gate-admin-item-right .delete{font-size: 14px; color: #FF5A48;}
.park-remote-gate-admin-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-remote-gate-admin-plus img{width: 50px; height: 50px; display: flex;}
/* 已绑定车道 */
.park-remote-gate-admin-road-list{margin: 15px 15px 0;}
.park-remote-gate-admin-road-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.park-remote-gate-admin-road-item .name{font-size: 16px; color: #333;}
.park-remote-gate-admin-road-item .delete{font-size: 14px; color: #FF5A48;}
/* 绑定车道 */
.park-remote-gate-admin-bind .content{display: flex; flex-direction: column; margin: 15px 15px 0;}
.park-remote-gate-admin-bind .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.park-remote-gate-admin-bind .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.park-remote-gate-admin-bind .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.park-remote-gate-admin-bind .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
/* 公车定位设备 */
.official-car-device-list{margin: 15px 15px 0;}
.official-car-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.official-car-device-item:active{background: #f5f5f5;}
.official-car-device-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.official-car-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.official-car-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.official-car-device-item-info .num{font-size: 14px; color: #999; max-width: 95%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.official-car-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.official-car-device-plus img{width: 50px; height: 50px; display: flex;}
/* 公车定位设备·添加 */
.official-car-device-add-list{margin-top: 15px;}
.official-car-device-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.official-car-device-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.official-car-device-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.official-car-device-add-item .scan{position: absolute; right: 20px; bottom: 20px; z-index: 9; width: 20px; height: 20px;}
.official-car-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.official-car-device-add-item-select:active{background: #f5f5f5;}
.official-car-device-add-item-select>label{font-size: 14px; color: #777;}
.official-car-device-add-item-select .right{display: flex; align-items: center;}
.official-car-device-add-item-select .right .select{font-size: 16px; color: #333;}
.official-car-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.official-car-device-add-action{margin: 20px 40px;}
.official-car-device-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.official-car-device-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.official-car-device-add-action .save:active{opacity: 0.8;}
/* 智能抓拍设备 */
.park-capture-device-top{width: 100%; height: 50px; padding: 5px 15px 0;}
.park-capture-device-search{margin-top: 5px;}
.park-capture-device-search .mui-search{margin: 0 auto;}
.park-capture-device-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-capture-device-search .mui-search .mui-placeholder{pointer-events: none;}

.park-capture-device-list{margin: 15px 15px 0;}
.park-capture-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.park-capture-device-item:active{background: #f5f5f5;}
.park-capture-device-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.park-capture-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.park-capture-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-capture-device-item-info .num{font-size: 14px; color: #999; max-width: 95%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 智能抓拍设备·编辑 */
.park-capture-device-add-list{margin-top: 15px;}
.park-capture-device-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-capture-device-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-capture-device-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-capture-device-add-item .desc{font-size: 16px; color: #333;}
.park-capture-device-add-action{margin: 20px 40px;}
.park-capture-device-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.park-capture-device-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.park-capture-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 访客访问通知设置 */
.park-visitor-message-set-list{margin: 15px 0 0;}
.park-visitor-message-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.park-visitor-message-set-item .name{font-size: 16px; color: #333;}
.park-visitor-message-set-item .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 短信设置 */
.park-message-set-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    margin: 15px 15px; padding: 0 10px; border-radius: 5px;}
.park-message-set-top .name{font-size: 16px; color: #333;}
.park-message-set-top .action{display: flex; align-items: center;}
/* 停车盒子 */
.park-box-top{display: flex; justify-content: space-between; align-items: center; margin: 10px 15px;}
.park-box-top .left{font-size: 14px; color: #777;}
.park-box-top .right{font-size: 14px; color: #5C50F8;}
.park-box-list{margin: 10px 15px 30px;}
.park-box-item{display: flex; flex-direction: column; padding: 10px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-box-list .park-box-item:last-child{margin-bottom: 0;}
.park-box-item:active{background: #f5f5f5;}
.park-box-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-box-item-up .left{display: flex; align-items: center;}
.park-box-item-up .left img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.park-box-item-up .left span{font-size: 16px; color: #333;}
.park-box-item-up .right{display: flex; align-items: center; margin-right: -10px;}
.park-box-item-up .right img{width: 68px; height: 20px; display: flex;}
.park-box-item-down{display: flex; align-items: center;}
.park-box-item-down .left{font-size: 14px; color: #999; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.park-box-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-box-plus img{width: 50px; height: 50px; display: flex;}
/* 停车盒子添加 */
.park-box-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.park-box-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.park-box-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-box-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-box-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.park-box-add-item .content{display: flex; flex-direction: column;}
.park-box-add-item .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;word-break: break-all}
.park-box-add-item .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.park-box-add-item .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.park-box-add-action{margin: 20px 40px;}
.park-box-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-box-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 停车盒子编辑 */
.park-box-edit .park-box-add-item .num{font-size: 16px; color: #333; padding: 0 15px;}
.park-box-edit .park-box-add-action .remove{padding: 10px 0; font-size: 16px; margin-bottom: 0;}
/* 停车盒子·高级设置 */
.park-box-advance-set-list{margin: 15px 15px 0;}
.park-box-advance-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.park-box-advance-set-item:active{background: #f5f5f5;}
.park-box-advance-set-item .left{display: flex; align-items: center;}
.park-box-advance-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.park-box-advance-set-item .left .name{font-size: 16px; color: #333;}
.park-box-advance-set-item .mui-icon{font-size: 20px; color: #999;}
/* 开闸原因设置 */
.park-open-gate-set .tip{font-size: 12px; color: #999; margin: 10px 0 5px; padding: 0 15px;}
.park-open-gate-set-list{margin: 0 15px 0;}
.park-open-gate-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-open-gate-set-item .name{font-size: 16px; color: #333;}
.park-open-gate-set-item .delete{width: 20px; height: 20px; display: flex;}
.park-open-gate-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-open-gate-set-plus img{width: 50px; height: 50px; display: flex;}
/* 通知管理 */
.park-notice-manage-list{margin: 15px 0 0;}
.park-notice-manage-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.park-notice-manage-item .name{font-size: 16px; color: #333;}
.park-notice-manage-item .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 短信充值 */
.park-message-recharge-top{display: flex; justify-content: flex-end; padding: 0 15px; margin-top: 10px;}
.park-message-recharge-top .title{display: flex; justify-content: center; align-items: center; padding: 5px;}
.park-message-recharge-top .title:active{background: #fff;}
.park-message-recharge-top .title img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.park-message-recharge-top .title span{font-size: 14px; color: #5C50F8;}
.park-message-recharge-list{margin: 5px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.park-message-recharge-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.park-message-recharge-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-message-recharge-item .num{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.park-message-recharge-item .type{width: 100%; height: 40px; background: #f5f5f5;
    border-radius: 3px; padding: 0 15px; display: flex; align-items: center;}
.park-message-recharge-item .type span{font-size: 16px; color: #333;}
.park-message-recharge-item .type img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.park-message-recharge-item .content{font-size: 16px; color: #333; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0; position: relative;}
.park-message-recharge-item .content:active{background: #fff;}
.park-message-recharge-item .content .mui-icon{position: absolute; right: 10px; top: 10px; z-index: 9;
    font-size: 20px; color: #999;}
.park-message-recharge-action{margin: 20px 40px;}
.park-message-recharge-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-message-recharge-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 充值记录 */
.park-recharge-record-item{display: flex; flex-direction: column; padding: 15px;
    position: relative; background: #fff;}
.park-recharge-record-item-up{margin-bottom: 5px;}
.park-recharge-record-item-up, .park-recharge-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-recharge-record-item-up .title{font-size: 16px; color: #333;}
.park-recharge-record-item-up .num{font-size: 18px; color: #5C50F8; font-weight: 500;}
.park-recharge-record-item-down .time, .park-recharge-record-item-down .balance{font-size: 14px; color: #777;}
.park-recharge-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; background-color: #e5e5e5;}
.park-recharge-record-item:last-child:after{height: 0;}
.park-recharge-record-item:active{background: #f5f5f5;}
/* 充值详情 */
.park-recharge-detail{display: flex; flex-direction: column; background: #fff;}
.park-recharge-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 50px;}
.park-recharge-detail-top .title{color: #333; font-size: 18px; margin-bottom: 15px;}
.park-recharge-detail-top .num{color: #000; font-size: 30px; font-weight: 500;}
.park-recharge-detail-list{margin: 0 20px; padding: 20px 0; display: flex; flex-direction: column; border-top: 1px solid #eee;}
.park-recharge-detail-item{display: flex; display: -webkit-flex; margin-bottom: 10px;}
.park-recharge-detail-item .name{font-size: 14px; color: #777;}
.park-recharge-detail-item .desc{font-size: 14px; color: #555; padding-left: 20px;}
/* 车辆管理*/
.park-car-manage-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; display: flex; flex-direction: column; justify-content: center;}
.park-car-manage-title{display: flex; justify-content: space-around;}
.park-car-manage-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-car-manage-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px; letter-spacing: 2px;}
.park-car-manage-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.park-car-manage-search .mui-search{width: 80%; margin: 30px auto 0;}
.park-car-manage-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-car-manage .mui-search .mui-placeholder{pointer-events: none;}
.park-car-manage-list{margin: 0 15px;}
.park-car-manage-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; position: relative;}
.park-car-manage-item:active{background: #f5f5f5;}
.park-car-manage-item-type{position: absolute; top: 0; right: 0; z-index: 9;}
.park-car-manage-item-type img{width: 40px; height: 40px; display: flex;}
.park-car-manage-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.park-car-manage-item-up-left{display: flex; align-items: center;}
.park-car-manage-item-up-left span{font-weight: 500; color: #555;}
.park-car-manage-item-up-left .name{font-weight: normal; font-size: 14px; color: #777; margin-left: 5px;}
.park-car-manage-item-up-right{display: flex; align-items: center;}
.park-car-manage-item-mid{margin-bottom: 15px;}
.park-car-manage-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-car-manage-item-mid-time span{font-size: 18px; font-weight: 500; color: #333; letter-spacing: 2px;}
.park-car-manage-item-mid-time img{width: 7px; height: 12px; display: flex;}
.park-car-manage-item-mid-date{display: flex; justify-content: space-between; align-items: center;}
.park-car-manage-item-mid-date span{font-size: 14px; color: #999;}
.park-car-manage-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-car-manage-item-down-left{display: flex; align-items: center;}
.park-car-manage-item-down-left span{font-size: 14px; font-weight: 500; color: #777;}
.park-car-manage-item-down-left span.status1{color: #FDA850;}
.park-car-manage-item-down-left span.status3{color: #FF5A48;}
.park-car-manage-item-down-right{display: flex; align-items: center;}
.park-car-manage-item-down-right span{font-size: 14px; color: #777;}
.park-car-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-car-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 车辆管理·添加 */
.car-add .meeting-edit-item-time .time{width: 45%;}
.car-add .meeting-edit-item .person-wrap{display: flex; align-items: center;}
.car-add .meeting-edit-item .person-wrap button{color: #5C50F8; border: 1px solid #5C50F8; margin-left: 15px;}
.car-add .meeting-edit-item .person-wrap button:active{background-color: #5C50F8; color: #fff;}
/* 车辆管理·详情 */
.car-detail .meeting-detail-title{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px;}
.car-detail .meeting-detail-title-left{justify-content: flex-start; }
.car-detail .meeting-detail-title-left .title{display: flex; display: -webkit-flex; align-items: center;}
.car-detail .meeting-detail-title-left .title .num{color: #fff; margin-right: 3px;}
.car-detail .meeting-detail-title-left .title .status1{color: #FDA850; font-size: 15px; font-weight: normal;}
.car-detail .meeting-detail-title-left .title .status2{color: #21D388; font-size: 15px; font-weight: normal;}
.car-detail .meeting-detail-title-left .time{color: rgba(255,255,255, .6);}
.car-detail .meeting-detail-title-right{justify-content: flex-start; }
.car-detail .meeting-detail-title-right img{margin-top: 16px;}
.car-detail .meeting-detail-list{margin-top: -130px;}
.car-detail .meeting-detail-item-right-down{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.car-detail .meeting-detail-item2 .check-record{font-size: 15px; color: #5C50F8; padding: 5px 10px;}
.car-detail .meeting-detail-item2 .check-record:active{background: #f5f5f5;}
.car-detail .meeting-detail-action .cancel{border: 1px solid #FF5A48; background-color: #FF5A48;}
.car-detail .meeting-detail-action .cancel:active{border: 1px solid #dd524d; background-color: #dd524d;}
/* 在场车辆 */
.park-car-on-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px;}
.park-car-on-search{padding-top: 40px;}
.park-car-on-search .mui-search{margin: 0 15px;}
.park-car-on-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-car-on-search .mui-search .mui-placeholder{pointer-events: none;}
.park-car-on-list{margin: -80px 15px 0;}
.park-car-on-item{background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    padding: 15px; margin-bottom: 15px;}
.park-car-on-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.park-car-on-item-up-left{display: flex; align-items: center;}
.park-car-on-item-up-left .num{font-size: 16px; color: #333; line-height: normal;}
.park-car-on-item-up-left .name{font-size: 14px; color: #999; margin-left: 3px; line-height: normal;}
.park-car-on-item-up-right{display: flex; align-items: center;}
.park-car-on-item-up-right img{width: 30px; height: 30px; display: flex;}
.park-car-on-item-middle{margin-bottom: 15px;}
.park-car-on-item-middle-time{display: flex; justify-content: space-between; align-items: center;}
.park-car-on-item-middle-time span{font-size: 14px; color: #777;}
.park-car-on-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-car-on-item-down-left{display: flex; align-items: center;}
.park-car-on-item-down-left .wrap{display: flex; align-items: center;}
.park-car-on-item-down-left .wrap .name{font-size: 14px; color: #777;}
.park-car-on-item-down-left .wrap .num1{font-size: 14px; color: #5C50F8;}
.park-car-on-item-down-left .wrap .num2{font-size: 14px; color: #FF5A48;}
.park-car-on-item-down-mid{display: flex; align-items: center;}
.park-car-on-item-down-mid .name{font-size: 14px; color: #777;}
.park-car-on-item-down-mid .num{font-size: 14px; color: #FF5A48;}
.park-car-on-item-down-right{display: flex; align-items: center;}
.park-car-on-item-down-right span{font-size: 14px; color: #777;}
/* 在场车辆·通知 */
.park-car-on-msg-top{background: #fff; margin-bottom: 15px;}
.park-car-on-msg-top .up{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.park-car-on-msg-top .up:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-car-on-msg-top .up .left{display: flex; align-items: center;}
.park-car-on-msg-filter{display: flex; align-items: center; padding: 5px;}
.park-car-on-msg-filter:active{background: #f5f5f5;}
.park-car-on-msg-filter img{width: 16px; height: 16px; display: flex;}
.park-car-on-msg-filter .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 40px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-car-on-msg-filter .mui-icon{font-size: 20px; color: #999;}
.park-car-on-msg-search{padding: 10px 15px;}
.park-car-on-msg-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.park-car-on-msg-search .mui-search .mui-placeholder{pointer-events: none;}
.park-car-on-msg-search .mui-search.mui-active:before{margin-top: -7px;}
.park-car-on-msg-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; margin-bottom: 15px;}
.park-car-on-msg-item-left{display: flex; align-items: center;}
.park-car-on-msg-item-left img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.park-car-on-msg-item-info{display: flex; flex-direction: column; justify-content: center;}
.park-car-on-msg-item-info .up{display: flex; align-items: center; margin-bottom: 5px;}
.park-car-on-msg-item-info .up .num{font-size: 16px; color: #333; margin-right: 10px;}
.park-car-on-msg-item-info .up .type{display: inline-block; padding: 2px 8px; color: #fff;
    border-radius: 2px; font-size: 10px; line-height: normal;}
.park-car-on-msg-item-info .up .type.type1{background: #0082FF;}
.park-car-on-msg-item-info .up .type.type2{background: #FDA850;}
.park-car-on-msg-item-info .tel{font-size: 14px; color: #999;}
.park-car-on-msg-item .msg{font-size: 12px; color: #fff; padding: 3px 10px; line-height: normal;
    border: 1px solid #5C50F8; background-color: #5C50F8;}
.park-car-on-msg-item .msg:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 剩余车位 */
.park-car-surplus-list{margin: 15px 15px 0;}
.park-car-surplus-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.park-car-surplus-item-up{display: flex; justify-content: center; align-items: center;
    height: 40px; border-bottom: 1px solid #f5f5f5;}
.park-car-surplus-item-up img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.park-car-surplus-item-up .name{font-size: 16px; color: #333;}
.park-car-surplus-item-down{display: flex; padding: 15px 0;}
.park-car-surplus-item-down .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-car-surplus-item-down .item .num{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.park-car-surplus-item-down .item .num.status1{color: #FDA850;}
.park-car-surplus-item-down .item .num.status2{color: #21D388;}
.park-car-surplus-item-down .item .num.status3{color: #FF5A48;}
.park-car-surplus-item-down .item .name{font-size: 14px; color: #777;}
/* 访客预约 */
.park-visitor-book-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px;}
.park-visitor-book-date{display: flex; justify-content: space-between; margin: 0 15px; padding-top: 10px;}
.park-visitor-book-date-left{display: flex; align-items: center; padding: 5px;}
.park-visitor-book-date-left img{width: 16px; height: 16px; display: flex;}
.park-visitor-book-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.park-visitor-book-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.park-visitor-book-date-left .mui-icon{font-size: 20px; color: #fff;}
.park-visitor-book-title{display: flex; justify-content: space-around; margin: 20px 0;}
.park-visitor-book-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-visitor-book-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px; letter-spacing: 2px;}
.park-visitor-book-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.park-visitor-book-search{margin: 0 15px;}
.park-visitor-book-search .mui-search{width: 100%;}
.park-visitor-book-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-visitor-book-search .mui-search .mui-placeholder{pointer-events: none;}
.park-visitor-book-list{margin: -50px 15px 0;}
.park-visitor-book-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.park-visitor-book-item:active{background: #f5f5f5;}
.park-visitor-book-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.park-visitor-book-item-up-left{display: flex; align-items: center;}
.park-visitor-book-item-up-left span{font-weight: 500; color: #555;}
.park-visitor-book-item-up-left .name{font-weight: normal; font-size: 14px; color: #777; margin-left: 5px;}
.park-visitor-book-item-up-right{display: flex; align-items: center;}
.park-visitor-book-item-up-right .status1{font-size: 14px; color: #FDA850;}
.park-visitor-book-item-up-right .status2{font-size: 14px; color: #21D388;}
.park-visitor-book-item-up-right .status3{font-size: 14px; color: #FF5A48;}
.park-visitor-book-item-up-right .mui-icon{font-size: 18px; color: #999; margin-left: 3px;}
.park-visitor-book-item-mid{margin-bottom: 15px;}
.park-visitor-book-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-visitor-book-item-mid-time span{font-size: 18px; font-weight: 500; color: #333; letter-spacing: 2px;}
.park-visitor-book-item-mid-time img{width: 7px; height: 12px; display: flex;}
.park-visitor-book-item-mid-date{display: flex; justify-content: space-between; align-items: center;}
.park-visitor-book-item-mid-date span{font-size: 14px; color: #999;}
.park-visitor-book-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-visitor-book-item-down-left{display: flex; align-items: center;}
.park-visitor-book-item-down-left span{font-size: 14px; font-weight: 500; color: #777;}
.park-visitor-book-item-down-right{display: flex; align-items: center;}
.park-visitor-book-item-down-right span{font-size: 14px;}
.park-visitor-book-item-down-right span.status1{color: #FDA850;}
.park-visitor-book-item-down-right span.status2{color: #21D388;}
.park-visitor-book-item-down-right span.status3{color: #FF5A48;}
.park-visitor-book-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-visitor-book-plus img{width: 50px; height: 50px; display: flex;}
/* 访客详情 */
.park-visitor-booking-detail-title{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-visitor-booking-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-visitor-booking-detail-title-left .title{display: flex; align-items: center;}
.park-visitor-booking-detail-title-left .title .num{font-size: 18px; font-weight: 500; color: #fff;}
.park-visitor-booking-detail-title-left .title .status1{color: #FDA850; font-size: 16px;}
.park-visitor-booking-detail-title-left .title .status2{color: #21D388; font-size: 16px;}
.park-visitor-booking-detail-title-left .title .status3{color: #FF5A48; font-size: 16px;}
.park-visitor-booking-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-visitor-booking-detail-title-right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-visitor-booking-detail-list{margin: -130px 15px 0; padding: 20px 15px; background: #fff; border-radius: 5px; position: relative;}
.park-visitor-booking-detail-item{display: flex; margin-bottom: 20px;}
.park-visitor-booking-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-visitor-booking-detail-item-left img{width: 20px; height: 20px; display: flex;}
.park-visitor-booking-detail-item-left .title{font-size: 14px; color: #777;}
.park-visitor-booking-detail-item-right1{display: flex;flex-direction: column; justify-content: center; width: 80%;}
.park-visitor-booking-detail-item-right1-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-visitor-booking-detail-item-right1-up span{font-size: 16px; color: #333;}
.park-visitor-booking-detail-item-right1-up img{width: 7px; height: 12px; display: flex;}
.park-visitor-booking-detail-item-right1-down{display: flex; justify-content: space-between; align-items: center;}
.park-visitor-booking-detail-item-right1-down span{font-size: 14px; color: #999;}
.park-visitor-booking-detail-item-right2{display: flex; align-items: center; width: 80%;}
.park-visitor-booking-detail-item-right2 .name{font-size: 16px; color: #333;}
.park-visitor-booking-detail-item-right2 textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5; padding: 5px;}
.park-visitor-booking-detail-item-right3{display: flex; align-items: center; width: 80%; position: relative;}
.park-visitor-booking-detail-item-right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-visitor-booking-detail-item-right3 .item img{width: 30px; height: 30px; border-radius: 3px; display: flex; margin-bottom: 5px;}
.park-visitor-booking-detail-item-right3 .item .name{font-size: 14px; color: #999;}
.park-visitor-booking-detail-item-right3 .item2{display: flex; justify-content: center; align-items: center; margin: 0 20px;}
.park-visitor-booking-detail-item-right3 .item2 img{width: 7px; height: 12px; display: flex;}
.park-visitor-booking-detail-item-right3 .more{display: flex; align-items: center; position: absolute;
    top: 18px; right: 0; z-index: 9;}
.park-visitor-booking-detail-item-right3 .more .name{font-size: 14px; color: #999; line-height: normal;}
.park-visitor-booking-detail-item-right3 .more .mui-icon{font-size: 20px; color: #999;}
.park-visitor-booking-detail-item-right4{display: flex; align-items: center; width: 80%;}
.park-visitor-booking-detail-item-right4 img{width: 60px; height: 60px; display: flex; border-radius: 5px;}
.park-visitor-booking-detail-item-right5{display: flex; align-items: center; width: 80%;}
.park-visitor-booking-detail-item-right5 .download{font-size: 16px; color: #5C50F8;}
.park-visitor-booking-detail-item-right6{width: 80%;}
.park-visitor-booking-detail-item-right6 .road-item .mui-checkbox.mui-left label{font-size: 16px; color: #333; padding-left: 30px;}
.park-visitor-booking-detail-item-right6 .road-item .mui-checkbox.mui-left input[type=checkbox]{left: 0; top: 6px;}
.park-visitor-booking-detail-item-right6 .road-item .mui-checkbox input[type=checkbox]:before{font-size: 24px;}
.park-visitor-booking-detail-item-right6 .road-item .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.park-visitor-booking-detail-item-right6 .road-item .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.park-visitor-booking-detail-item-right6 .road-item .mui-radio.mui-left label{font-size: 16px; color: #333; padding-left: 50px; padding-top: 7px;}
.park-visitor-booking-detail-status{position: absolute; top: 10px; right: 10px; z-index: 9; width: 60px; height: 60px;}
.park-visitor-booking-detail-status img{width: 100%; height: 100%; display: flex;}
.park-visitor-booking-detail-action{margin: 30px 40px; display: flex; justify-content: center; align-items: center;}
.park-visitor-booking-detail-action button{padding: 10px 0; font-size: 16px; margin-bottom: 0;}
.park-visitor-booking-detail-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff;}
.park-visitor-booking-detail-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.park-visitor-booking-detail-action .refuse{border: 1px solid #E5E5F7; background-color: #E5E5F7; color: #8F8FA7; margin: 0 20px;}
.park-visitor-booking-detail-action .refuse:active{border: 1px solid #B9B9CF; background-color: #B9B9CF;}
/* 今日访客 */
.park-visitor-book-today-list{margin: 15px 15px 0;}
.park-visitor-book-today-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.park-visitor-book-today-item:active{background: #f5f5f5;}
.park-visitor-book-today-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.park-visitor-book-today-item-up-left{display: flex; align-items: center;}
.park-visitor-book-today-item-up-left span{font-weight: 500; color: #555;}
.park-visitor-book-today-item-up-left .name{font-weight: normal; font-size: 14px; color: #777; margin-left: 5px;}
.park-visitor-book-today-item-up-right{display: flex; align-items: center;}
.park-visitor-book-today-item-up-right .status1{font-size: 14px; color: #FDA850;}
.park-visitor-book-today-item-up-right .status2{font-size: 14px; color: #21D388;}
.park-visitor-book-today-item-up-right .status3{font-size: 14px; color: #FF5A48;}
.park-visitor-book-today-item-mid{margin-bottom: 15px;}
.park-visitor-book-today-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-visitor-book-today-item-mid-time span{font-size: 18px; font-weight: 500; color: #333; letter-spacing: 2px;}
.park-visitor-book-today-item-mid-time img{width: 7px; height: 12px; display: flex;}
.park-visitor-book-today-item-mid-date{display: flex; justify-content: space-between; align-items: center;}
.park-visitor-book-today-item-mid-date span{font-size: 14px; color: #999;}
.park-visitor-book-today-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-visitor-book-today-item-down-left{display: flex; align-items: center;}
.park-visitor-book-today-item-down-left span{font-size: 14px; font-weight: 500; color: #777;}
.park-visitor-book-today-item-down-right{display: flex; align-items: center;}
.park-visitor-book-today-item-down-right span{font-size: 14px;}
.park-visitor-book-today-item-down-right span.status1{color: #FDA850;}
.park-visitor-book-today-item-down-right span.status2{color: #21D388;}
.park-visitor-book-today-item-down-right span.status3{color: #FF5A48;}
/* 进出记录 */
.park-inout-record-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; display: flex; flex-direction: column; padding-top: 10px;}
.park-inout-record-date{display: flex; justify-content: space-between; margin: 0 15px;}
.park-inout-record-date-left{display: flex; align-items: center; padding: 5px;}
.park-inout-record-date-left img{width: 16px; height: 16px; display: flex;}
.park-inout-record-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.park-inout-record-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.park-inout-record-date-left .mui-icon{font-size: 20px; color: #fff;}
.park-inout-record-top .wrap-up{display: flex; justify-content: center; align-items: center;}
.park-inout-record-time{position: relative; width: 40%;}
.park-inout-record-time button{padding: 0; border: 1px solid rgba(255,255,255, .8); font-size: 14px; color: rgba(255,255,255, .8); height: 34px; line-height: 34px;
    margin-bottom: 0; background-color: transparent; border-radius: 17px;}
.park-inout-record-time .left{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -55px;}
.park-inout-record-time .right{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; right: 5%; z-index: 9;}
.park-inout-record-title{display: flex; justify-content: space-around; margin: 15px 0;}
.park-inout-record-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-inout-record-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 7px; letter-spacing: 2px;}
.park-inout-record-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.park-inout-record .wrap-down{display: flex; align-items: center; margin: 0 15px;}
.park-inout-record .wrap-down form{width: 100%;}
.park-inout-record-search .mui-search input{background-color: #fff; font-size: 14px; color: #333; border-radius: 3px;}
.park-inout-record-search .mui-search .mui-placeholder{pointer-events: none;}
.park-inout-record-list{margin: -50px 15px 0;}
.park-inout-record-item{padding: 20px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.park-inout-record-item:active{background: #e5e5e5;}
.park-inout-record-item-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-inout-record-item-top-left{display: flex; align-items: center;}
.park-inout-record-item-top-left img{width: 32px; height: 32px;}
.park-inout-record-item-top-left .car-num{font-size: 16px; color: #333; font-weight: 500; margin-left: 5px;}
.park-inout-record-item-top-left .type{font-size: 14px; color: #555; margin-left: 10px;}
.park-inout-record-item-top-right{display: flex; align-items: center;}
.park-inout-record-item-top-right .money{font-size: 14px; color: #555;}
.park-inout-record-item-top-right .duration{font-size: 14px; color: #999;}
.park-inout-record-item-middle{display: flex; align-items: center; margin-bottom: 10px;}
.park-inout-record-item-middle img{width: 60px; height: 60px; border-radius: 3px; margin-right: 10px;}
.park-inout-record-item-middle .time{display: flex; flex-direction: column; justify-content: center;}
.park-inout-record-item-middle .time1{font-size: 16px; color: #555; font-weight: 500; letter-spacing: 2px;}
.park-inout-record-item-middle .time2{font-size: 14px; color: #777;}
.park-inout-record-item-bottom{display: flex; justify-content: space-between; align-items: center;}
.park-inout-record-item-bottom .location{font-size: 14px; color: #777;}
.park-inout-record-item-bottom .in{font-size: 16px; color: #21D388;}
.park-inout-record-item-bottom .out{font-size: 16px; color: #FF5A48;}
/* 进出记录·单车 */
.inout-record-car .inout-record-info{display: flex; display: -webkit-flex; justify-content: space-between; padding: 10px 15px;
    background: #fff; border-radius: 3px; width: 80%; margin: 15px auto 0;}
.inout-record-info-left{display: flex; display: -webkit-flex; align-items: center;}
.inout-record-info-left img{width: 60px; height: 60px; border-radius: 5px; margin-right: 5px;}
.inout-record-info-left .info-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.inout-record-info-left .info-item .name{font-size: 14px; color: #555;}
.inout-record-info-left .info-item .tel{font-size: 14px; color: #777;}
.inout-record-info-right{display: flex; display: -webkit-flex; align-items: center;}
.inout-record-info-right span{font-size: 16px; font-weight: 500; color: #333;}
.inout-record-car .io-list{margin-top: 0;}
/* 进出记录·详情 */
.inout-record-detail .meeting-detail-title-left .title{margin-bottom: 0;}
.inout-record-detail .meeting-detail-title-right .in{color: #21D388;}
.inout-record-detail .meeting-detail-title-right .out{color: #FF5A48;}
/* 复制进出记录的代码，有共用的 */
.minout-record-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; display: flex; flex-direction: column; padding-top: 20px;}
.minout-record-top .wrap-up{display: flex; justify-content: center; align-items: center;}
.minout-record-time{position: relative; width: 40%;}
.minout-record-time button{padding: 0; border: 1px solid rgba(255,255,255, .8); font-size: 14px; color: rgba(255,255,255, .8); height: 34px; line-height: 34px;
    margin-bottom: 0; background-color: transparent; border-radius: 17px;}
.minout-record-time .left{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -55px;}
.minout-record-time .right{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; right: 5%; z-index: 9;}
.minout-record-title{display: flex; justify-content: space-around; margin: 15px 0;}
.minout-record-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.minout-record-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 7px; letter-spacing: 2px;}
.minout-record-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.minout-record-top .wrap-down{display: flex; align-items: center; margin: 0 15px;}
.minout-record-top .wrap-down form{width: 100%;}
.minout-record-search .mui-search input{background-color: #fff; font-size: 14px; color: #333; border-radius: 3px;}
.minout-record-search .mui-search .mui-placeholder{pointer-events: none;}
.inout-record-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; display: flex; flex-direction: column; justify-content: center;}
.inout-record-title{display: flex; justify-content: space-around;}
.inout-record-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.inout-record-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 7px; letter-spacing: 2px;}
.inout-record-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.inout-record-top .wrap{display: flex; align-items: center; justify-content: space-between; margin: 20px 15px 0;}
.inout-record-top .wrap .wrap-left{display: flex; align-items: center; width: 60%;}
.inout-record-search .mui-search input{background-color: #fff; font-size: 14px; color: #333; border-radius: 3px;}
.inout-record-search .mui-search .mui-placeholder{pointer-events: none;}
.inout-record-top .wrap .wrap-right{display: flex; align-items: center; width: 36%;}
.inout-record-time{position: relative; width: 100%;}
.inout-record-time button{padding: 0; border: 0; font-size: 14px; color: #333; height: 34px; line-height: 34px;
    margin-bottom: 15px;}
.inout-record-time img{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -55px;}
.io-list{margin: -50px 15px 0;}
.io-item{display: flex; display: -webkit-flex; flex-direction: column; padding: 20px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.io-item:active{background: #e5e5e5;}
.io-item-top{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.io-item-top-left{display: flex; display: -webkit-flex; align-items: center;}
.io-item-top-left img{width: 32px; height: 32px;}
.io-item-top-left .car-num{font-size: 16px; color: #333; font-weight: 500; margin-left: 5px;}
.io-item-top-left .type{font-size: 14px; color: #555; margin-left: 10px;}
.io-item-top-right{display: flex; display: -webkit-flex; align-items: center;}
.io-item-top-right .money{font-size: 14px; color: #555;}
.io-item-top-right .duration{font-size: 14px; color: #999;}
.io-item-middle{display: flex; display: -webkit-flex; align-items: center; margin-bottom: 10px;}
.io-item-middle img{width: 60px; height: 60px; border-radius: 3px; margin-right: 10px;}
.io-item-middle .time{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.io-item-middle .time1{font-size: 16px; color: #555; font-weight: 500; letter-spacing: 2px;}
.io-item-middle .time2{font-size: 14px; color: #777;}
.io-item-bottom{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.io-item-bottom .location{font-size: 14px; color: #777;}
.io-item-bottom .in{font-size: 16px; color: #21D388;}
.io-item-bottom .out{font-size: 16px; color: #FF5A48;}
/* 运营分析 */
.operation-data-date{display: flex; justify-content: space-between; margin: 10px 15px;}
.operation-data-date-left{display: flex; align-items: center; padding: 5px;}
.operation-data-date-left img{width: 16px; height: 16px; display: flex;}
.operation-data-date-left .month{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.operation-data-date-left .mui-icon{font-size: 20px; color: #999;}
.operation-data-top{margin: 15px 20px;}
.operation-data-top button{padding: 10px 0; border: 0; font-size: 14px; color: #777;}
.operation-data-list{margin: 0 15px;}
.operation-data-item{width: 100%; height: 236px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 20px;}
.operation-data-title{display: flex; display: -webkit-flex; justify-content: space-between; height: 36px; padding: 0 15px;}
.operation-title-left{display: flex; display: -webkit-flex; align-items: center;}
.operation-title-left span{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px; border-left: 3px solid #5C50F8; line-height: 18px;}
.operation-data-content{width: 100%; height: 200px}
.income-data{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; height: 240px;}
.income-data-top{width: 100%; height: 120px;}
.income-data-top .name{font-size: 16px; font-weight: 400; color: #333;}
.income-data-top .name span{font-size: 14px; color: #777;}
.income-data-top .num{font-size: 26px; font-weight: 500; color: #5C50F8; margin: 10px 0 5px;}
.income-data-top .desc{display: flex; display: -webkit-flex; align-items: center;}
.income-data-top .desc span{font-size: 14px; color: #999;}
.income-data-top .desc img{width: 9px; height: 11px;}
.income-data-bottom{display: flex; display: -webkit-flex; justify-content: space-around;}
.income-data-bottom-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.income-data-bottom-item .name{font-size: 16px; color: #777;}
.income-data-bottom-item .num{font-size: 20px; font-weight: 400; color: #555; margin-top: 5px;}
.income-data-bottom-item .desc{display: flex; display: -webkit-flex; align-items: center;}
.income-data-bottom-item .desc span{font-size: 14px; color: #999;}
.income-data-bottom-item .desc img{width: 9px; height: 11px;}
.operation-data-bottom-list{margin: 5px 20px 0;}
.operation-data-bottom-title{display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.operation-data-bottom-title span{color: #333; font-size: 14px; font-weight: 500;}
.operation-data-bottom-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; padding: 15px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.operation-data-bottom-item:active{background: #f5f5f5;}
.operation-data-bottom-top{display: flex; display: -webkit-flex; align-items: center;}
.operation-data-bottom-top span{font-size: 14px; font-weight: 500; color: #555;}
.operation-data-bottom-middle{display: flex; display: -webkit-flex; align-items: center; justify-content: flex-end;}
.operation-data-bottom-middle span{font-size: 20px; color: #999;}
.operation-data-bottom-bottom{display: flex; display: -webkit-flex;}
.operation-data-bottom-left{margin-right: 30px;}
.operation-data-bottom-left, .operation-data-bottom-right{display: flex; display: -webkit-flex; align-items: center;}
.operation-data-bottom-left .name, .operation-data-bottom-right .name{font-size: 14px; color: #777;}
.operation-data-bottom-left .num, .operation-data-bottom-right .num{font-size: 14px; color: #5C50F8;}
.day-detail-top{margin: 15px 20px;}
.day-detail-top button{padding: 10px 0; border: 0; font-size: 14px; color: #777;}
.day-detail-list{margin: 15px 20px 0;}
.day-detail-item{width: 100%; height: 236px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #f5f5f5; margin-bottom: 20px;}
.day-detail-title{display: flex; display: -webkit-flex; justify-content: space-between; height: 36px; padding: 0 15px;}
.dd-title-left{display: flex; display: -webkit-flex; align-items: center;}
.dd-title-left span{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px; border-left: 3px solid #5C50F8; line-height: 18px;}
.dd-title-right{display: flex; display: -webkit-flex; align-items: center;}
.dd-title-right .name{font-size: 14px; color: #555;}
.dd-title-right .num{font-size: 14px; font-weight: 500; color: #5C50F8;}
.day-detail-content{width: 100%; height: 200px}
.income-info{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
.income-info-top{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 30px;}
.income-info-top .name{display: flex; display: -webkit-flex; align-items: center; margin-bottom: 5px;}
.income-info-top .name span:first-child{font-size: 16px; color: #555;}
.income-info-top .name span:last-child{font-size: 14px; color: #999;}
.income-info-top .num{font-size: 24px; font-weight: 500; color: #5C50F8;}
.income-info-bottom{display: flex; display: -webkit-flex; justify-content: space-around;}
.income-info-bottom-item{display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; align-items: center;}
.income-info-bottom-item .name{display: flex; display: -webkit-flex; align-items: center; margin-bottom: 5px;}
.income-info-bottom-item .name span:first-child{font-size: 16px; color: #777;}
.income-info-bottom-item .name span:last-child{font-size: 14px; color: #999;}
.income-info-bottom-item .num{font-size: 24px; color: #555;}
/* 数据分析 */
.park-analysis-data-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.park-analysis-data-top .left{font-size: 16px; color: #333;}
.park-analysis-data-top .right{display: flex; align-items: center;}
.park-analysis-data-top .right .name{font-size: 14px; color: #777;}
.park-analysis-data-top .right .mui-icon{font-size: 20px; color: #999;}
.park-analysis-data-mid{display: flex; flex-wrap: wrap; margin: 0 15px 15px;}
.park-analysis-data-mid-item{display: flex; align-items: center; background: #fff; border-radius: 3px;
    width: 48%; margin-bottom: 12px; padding: 15px 10px;}
.park-analysis-data-mid .park-analysis-data-mid-item:nth-child(1){margin-right: 4%;}
.park-analysis-data-mid .park-analysis-data-mid-item:nth-child(3){margin-right: 4%;}
.park-analysis-data-mid-item img{width: 36px; height: 36px; display: flex; margin-right: 7px;}
.park-analysis-data-mid-item .info{display: flex; flex-direction: column; justify-content: center;}
.park-analysis-data-mid-item .info .title{font-size: 12px; color: #777;}
.park-analysis-data-mid-item .info .num{font-size: 24px; font-weight: 500; color: #333;}
.park-analysis-data-item{background: #fff; margin-bottom: 15px;}
.park-analysis-data-item .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.park-analysis-data-item .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.park-analysis-data-item .title .right{display: flex; align-items: center;}
.park-analysis-data-item .title .right .time{font-size: 14px; color: #777;}
.park-analysis-data-item .title .right .mui-icon{font-size: 20px; color: #999;}
.park-analysis-data-item .content{width: 100%; height: 240px;}
.park-analysis-data-detail{display: flex; justify-content: center; margin-bottom: 20px;}
.park-analysis-data-detail span{font-size: 14px; color: #5C50F8;}
/* 使用排行 */
.park-analysis-data-rank-top{margin-bottom: 15px; background: #fff;}
.park-analysis-data-rank-date{display: flex; align-items: center; padding: 5px 5px; position: relative;}
.park-analysis-data-rank-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-analysis-data-rank-date-left{display: flex; align-items: center; padding: 5px;}
.park-analysis-data-rank-date-left:active{background: #f5f5f5;}
.park-analysis-data-rank-date-left img{width: 16px; height: 16px; display: flex;}
.park-analysis-data-rank-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.park-analysis-data-rank-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.park-analysis-data-rank-date-left .mui-icon{font-size: 20px; color: #999;}
.park-analysis-data-rank-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.park-analysis-data-rank-right:active{background: #f5f5f5;}
.park-analysis-data-rank-right img{width: 16px; height: 16px; display: flex;}
.park-analysis-data-rank-right .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 40px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-analysis-data-rank-right .mui-icon{font-size: 20px; color: #999;}
.park-analysis-data-rank-search{padding: 10px 15px;}
.park-analysis-data-rank-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.park-analysis-data-rank-search .mui-search .mui-placeholder{pointer-events: none;}
.park-analysis-data-rank-search .mui-search.mui-active:before{margin-top: -7px;}
.park-analysis-data-rank-list{background: #fff;}
.park-analysis-data-rank-title{display: flex;}
.park-analysis-data-rank-title .item{font-size: 16px; font-weight: 500; color: #333; text-align: center; padding: 10px 0;}
.park-analysis-data-rank-item{display: flex; padding: 10px 0;}
.park-analysis-data-rank-item:nth-child(even){background: #f5f5f5;}
.park-analysis-data-rank-item:active{background: #ddd;}
.park-analysis-data-rank-item .left{width: 40%; display: flex; justify-content: center; align-items: center;}
.park-analysis-data-rank-item .left .num{font-size: 14px; color: #777;}
.park-analysis-data-rank-item .left img{width: 32px; height: 12px; display: flex; margin-left: 5px;}
.park-analysis-data-rank-item .mid{width: 30%; font-size: 14px; color: #5C50F8; text-align: center;}
.park-analysis-data-rank-item .right{width: 30%; font-size: 14px; color: #777; text-align: center;}
/* 泊位记录 */
.park-analysis-data-rank-record-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px;}
.park-analysis-data-rank-record-date{display: flex; justify-content: space-between; margin: 0 15px 20px; padding-top: 10px;}
.park-analysis-data-rank-record-date-left{display: flex; align-items: center; padding: 5px;}
.park-analysis-data-rank-record-date-left img{width: 16px; height: 16px; display: flex;}
.park-analysis-data-rank-record-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.park-analysis-data-rank-record-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.park-analysis-data-rank-record-date-left .mui-icon{font-size: 20px; color: #fff;}
.park-analysis-data-rank-record-search{margin: 0 15px;}
.park-analysis-data-rank-record-search .mui-search{width: 100%;}
.park-analysis-data-rank-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-analysis-data-rank-record-search .mui-search .mui-placeholder{pointer-events: none;}
.park-analysis-data-rank-record-list{margin: -80px 15px 0;}
.park-analysis-data-rank-record-item{display: flex; align-items: center; padding: 10px; background: #fff; border-radius: 5px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-analysis-data-rank-record-item img{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 10px;}
.park-analysis-data-rank-record-item .info{display: flex; flex-direction: column; justify-content: center;}
.park-analysis-data-rank-record-item .info .num{font-size: 16px; color: #333;}
.park-analysis-data-rank-record-item .info .desc{font-size: 14px; color: #777; margin: 5px 0;}
.park-analysis-data-rank-record-item .info .time{font-size: 14px; color: #777;}
/* 一键开闸 */
.park-gate-top{display: flex; justify-content: flex-end; align-items: center;
    margin: 10px 0 5px; padding: 0 15px;}
.park-gate-top span{display: inline-block; padding: 5px 7px; font-size: 14px; color: #5C50F8;}
.park-gate-top span:active{background: #fff;}
.park-gate-list{margin: 0 15px;}
.park-gate-item{display: flex; justify-content: space-between; padding: 15px 10px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-gate-item-left{display: flex; align-items: center;}
.park-gate-item-left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.park-gate-item-left .park-gate-item-info{display: flex; flex-direction: column; justify-content: center;}
.park-gate-item-info .content{display: flex; align-items: center; margin-bottom: 5px;}
.park-gate-item-info .content .name{font-size: 16px; color: #333; margin-right: 5px; max-width: 120px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: inline-block;}
.park-gate-item-info .content .on{display: inline-block; padding: 2px 8px; background: #21D388; color: #fff;
    border-radius: 2px; font-size: 10px; line-height: normal;}
.park-gate-item-info .content .off{display: inline-block; padding: 2px 8px; background: #FF5A48; color: #fff;
    border-radius: 2px; font-size: 10px; line-height: normal;}
.park-gate-item-info .num{font-size: 14px; color: #999;}
.park-gate-item-right{display: flex; align-items: center;}
.park-gate-item-right button{padding: 5px 15px; color: #fff; font-size: 12px;}
.park-gate-item-right button.on{border: 1px solid #5C50F8; background-color: #5C50F8;}
.park-gate-item-right button.on:active{border: 1px solid #3222FA; background-color: #3222FA;}
.park-gate-item-right button.off{border: 1px solid #999; background-color: #999;}
/* 开闸 */
.park-open-gate-list{margin-top: 15px;}
.park-open-gate-item-input{background: #fff; margin-bottom: 15px; position: relative;}
.park-open-gate-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.park-open-gate-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.park-open-gate-item-input .manual{position: absolute; top: 5px; right: 5px;
    z-index: 9; padding: 5px; font-size: 14px; color: #5C50F8;}
.park-open-gate-item-input .manual:active{background: #f5f5f5;}
.park-open-gate-item-picture{background: #fff; margin-bottom: 15px; border-bottom: 1px solid #f7f7f7;}
.park-open-gate-item-picture .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px;}
.park-open-gate-item-picture .content-up:active{background: #f5f5f5;}
.park-open-gate-item-picture .content-up .title{font-size: 14px; color: #7D8082;}
.park-open-gate-item-picture .content-up img{width: 20px; height: 20px; display: flex;}
.park-open-gate-item-picture .content-down{display: inline-block; position: relative; padding: 0 0 5px 15px;}
.park-open-gate-item-picture .content-down .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.park-open-gate-item-picture .content-down .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.park-open-gate-action{margin: 25px 20px;}
.park-open-gate-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.park-open-gate-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 开闸原因 */
.park-gate-reason-list{margin: 15px 0 0;}
.park-gate-reason-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.park-gate-reason-item:active{background: #f5f5f5;}
.park-gate-reason-item .name{font-size: 16px; color: #333;}
.park-gate-reason-item .right{display: flex; align-items: center;}
.park-gate-reason-item .right .desc{font-size: 14px; color: #777; display: inline-block; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-gate-reason-item .mui-icon{font-size: 20px; color: #999;}
.park-gate-reason-action{margin: 30px 20px;}
.park-gate-reason-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 2px;}
.park-gate-reason-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.park-gate-reason-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.park-gate-reason-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.park-gate-reason-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.park-gate-reason-dialog-top span{padding: 5px;}
.park-gate-reason-dialog-top .cancel{font-size: 14px; color: #888;}
.park-gate-reason-dialog-top .confirm{font-size: 14px; color: #5C50F8;}
.park-gate-reason-dialog-list{height: calc(100% - 40px); overflow-y: auto;}
.park-gate-reason-dialog-item{display: flex; justify-content: center; align-items: center;
    padding: 7px 0; font-size: 14px; color: #333;}
.park-gate-reason-dialog-item:active{background: #f5f5f5;}
.park-gate-reason-dialog-item.active{background: #f5f5f5; color: #5C50F8;}
/* 开闸记录·新 */
.park-gate-record-top{display: flex; justify-content: space-between; padding: 5px 10px;
    background: #fff; margin-bottom: 15px;}
.park-gate-record-top-left{display: flex; align-items: center; padding: 5px;}
.park-gate-record-top-left:active{background: #f5f5f5;}
.park-gate-record-top-left img{width: 16px; height: 16px; display: flex;}
.park-gate-record-top-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.park-gate-record-top-left .week{font-size: 14px; color: #333; line-height: normal;}
.park-gate-record-top-left .mui-icon{font-size: 20px; color: #999;}
.park-gate-record-item{display: flex; align-items: center; padding: 10px 0; background: #fff;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-gate-record-item-left{margin: 0 10px; width: 60px; height: 60px;}
.park-gate-record-item-left img{width: 100%; height: 100%; border-radius: 5px; display: flex;}
.park-gate-record-item-right{flex: 1; display: flex; flex-direction: column; justify-content: center;}
.park-gate-record-item-right .up{display: flex; justify-content: space-between; align-items: center;
    padding-right: 10px; margin-bottom: 5px;}
.park-gate-record-item-right .up .num{font-size: 16px; color: #333;}
.park-gate-record-item-right .up .person{font-size: 14px; color: #555;}
.park-gate-record-item-right .desc{font-size: 14px; color: #999;}
/* 开闸记录 */
.gate-record-list{margin: 15px 20px 0;}
.gate-record-item{padding: 15px; background: #fff; border-radius: 3px; box-shadow: 0px 5px 5px 0 #f5f5f5; margin-bottom: 15px;}
.gate-record-item:active{background: #f5f5f5;}
.gate-record-item-top{display: flex; justify-content: space-between; align-items: center;}
.gate-record-item-top .name{font-size: 14px; color: #555;}
.gate-record-item-top .status{font-size: 14px; color: #5C50F8;}
.gate-record-item-middle{display: flex; justify-content: space-between; align-items: center; margin: 10px 0 5px;}
.gate-record-item-middle span{font-size: 16px; font-weight: 500; color: #333;}
.gate-record-item-bottom{display: flex; justify-content: space-between; align-items: center;}
.gate-record-item-bottom span{font-size: 14px; color: #999;}
/* 权限下发详情 */
.auth-down-detail-top{margin: 15px 15px 10px; display: flex; justify-content: space-between; align-items: center;}
.auth-down-detail-top .title{font-size: 14px; color: #333;}
.auth-down-detail-top .redown{padding: 3px 9px; font-size: 12px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.auth-down-detail-top .redown:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.auth-down-detail-list{margin: 0 15px 30px;}
.auth-down-detail-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.auth-down-detail-list .auth-down-detail-item:last-child{margin-bottom: 0;}
.auth-down-detail-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.auth-down-detail-item-up .left{display: flex; align-items: center;}
.auth-down-detail-item-up .left .img1{width: 42px; height: 42px; display: flex;}
.auth-down-detail-item-up .left span{font-size: 16px; font-weight: 400; color: #333; margin: 0 10px 0 5px;}
.auth-down-detail-item-up .left .img2{width: 63px; height: 20px; display: flex;}
.auth-down-detail-item-up .left .img3{width: 42px; height: 42px; margin-right: 5px; display: flex;}
.auth-down-detail-item-up .right{display: flex; align-items: center;}
.auth-down-detail-item-up .right .redown{font-size: 12px; color: #fff; padding: 3px 8px;
    border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 0;}
.auth-down-detail-item-up .right .redown:active{border: 1px solid #3222FA; background-color: #3222FA;}
.auth-down-detail-item-down{display: flex; justify-content: space-between; align-items: center;}
.auth-down-detail-item-down .left{font-size: 14px; color: #555;}
.auth-down-detail-item-down .right{font-size: 14px; color: #999;}
/* 车辆停放统计 */
.car-park-data .auth-down-detail-item-up .right{display: flex; align-items: center; margin-right: 0;}
.car-park-data .auth-down-detail-item-up .right .during{font-size: 14px; color: #5C50F8;}
/* 在场车辆超时详情 */
.park-timeout-push-detail-search{margin: 15px 15px 0;}
.park-timeout-push-detail-search .mui-search input{background-color: #fff;}
.park-timeout-push-detail-search .mui-search .mui-placeholder{pointer-events: none;}
.park-timeout-push-detail-list{margin: 0 15px;}
.park-timeout-push-detail-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-timeout-push-detail-item:active{background: #f5f5f5;}
.park-timeout-push-detail-item img{width: 50px; height: 50px; display: flex;
    margin-right: 10px; border-radius: 3px;}
.park-timeout-push-detail-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.park-timeout-push-detail-item .info .content{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 5px;}
.park-timeout-push-detail-item .info .content .name{font-size: 16px; color: #333;}
.park-timeout-push-detail-item .info .content .desc{font-size: 14px; color: #999;}
.park-timeout-push-detail-item .info .time{font-size: 14px; color: #777;}
/* 会议管理 */
.create-meeting-park .create-meeting-item .select{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.create-meeting-park .create-meeting-item .select:active{background: #fff;}
.create-meeting-park .create-meeting-action .remove{padding: 10px 0; font-size: 16px; color: #fff;
    margin-bottom: 0; margin-top: 15px;}
.select-person-car form{display: flex; flex-direction: column;}
.select-person-car-list{display: flex; flex-direction: column; margin: 15px 15px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.select-person-car-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.select-person-car-list .select-person-car-item:last-child{margin-bottom: 0;}
.select-person-car-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.select-person-car-item .person-list{display: flex; flex-wrap: wrap;}
.select-person-car-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.select-person-car-item .person-list .person-list-item .img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.select-person-car-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.select-person-car-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.select-person-car-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.select-person-car-item .car-item{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 12px; position: relative;}
.select-person-car-item .car-item img{position: absolute; top: -8px; left: -8px; z-index: 9;
    width: 16px; height: 16px;}
.select-person-car-item .car-item input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.select-person-car-item .car-item button{color: #5C50F8; border: 1px solid #5C50F8; padding: 5px 10px;
    line-height: normal; font-size: 12px; margin: 0 8px 0 20px;}
.select-person-car-item .car-item button:active{background-color: #5C50F8; color: #fff;}
.select-person-car-item .car-item .mui-icon{font-size: 30px;}
.select-person-car-action{margin: 20px 40px;}
.select-person-car-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.select-person-car-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.meeting-more-person-park .meeting-more-person-item:active{background: #f5f5f5;}
.meeting-more-person-park .meeting-more-person-item-num{display: flex; align-items: center; margin-left: 30px;}
.meeting-more-person-park .meeting-more-person-item-num span{font-size: 14px; color: #999;}
.meeting-more-person-park .meeting-more-person-item-num span:first-child{margin-right: 10px;}
.meeting-more-person-detail-top{display: flex; align-items: center; margin: 15px 15px 5px;}
.meeting-more-person-detail-top span{font-size: 14px; color: #5C50F8;}
.meeting-more-person-detail-top span:first-child{margin-right: 10px;}
.meeting-more-person-detail-list{display: flex; flex-direction: column; margin: 0 15px;
    padding: 15px; background: #fff; border-radius: 5px;}
.meeting-more-person-detail-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-more-person-detail-list .meeting-more-person-detail-item:last-child{margin-bottom: 0;}
.meeting-more-person-detail-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-more-person-detail-item .person-list{display: flex; flex-wrap: wrap;}
.meeting-more-person-detail-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.meeting-more-person-detail-item .person-list .person-list-item .img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.meeting-more-person-detail-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.meeting-more-person-detail-item .car-list{display: flex; flex-wrap: wrap;}
.meeting-more-person-detail-item .car-list .car-list-item{display: flex; justify-content: center; align-items: center;
    width: 50%; margin-bottom: 10px;}
.meeting-more-person-detail-item .car-list .car-list-item .img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.meeting-more-person-detail-item .car-list .car-list-item .num{font-size: 16px; color: #333;}
/* 车辆考勤 */
.park-car-attendance-date{display: flex; justify-content: space-between; margin: 10px 15px;}
.park-car-attendance-date-left{display: flex; align-items: center; padding: 5px;}
.park-car-attendance-date-left img{width: 16px; height: 16px; display: flex;}
.park-car-attendance-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.park-car-attendance-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.park-car-attendance-date-left .mui-icon{font-size: 20px; color: #999;}
.park-car-attendance-top{margin: 15px 20px; position: relative;}
.park-car-attendance-top button{padding: 10px 0; border: 0; font-size: 16px; color: #555;}
.park-car-attendance-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.park-car-attendance-list{margin: 0 15px;}
.park-car-attendance-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.park-car-attendance-item-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-car-attendance-item-top .left{display: flex; align-items: center;}
.park-car-attendance-item-top .left img{width: 32px; height: 32px; margin-right: 5px;}
.park-car-attendance-item-top .left .name{font-size: 16px; color: #333;}
.park-car-attendance-item-top .right{display: flex; align-items: center;}
.park-car-attendance-item-top .right .road{font-size: 14px; color: #999;}
.park-car-attendance-item-bottom{display: flex; align-items: center;}
.park-car-attendance-item-bottom img{width: 60px; height: 60px; border-radius: 3px; margin-right: 10px;}
.park-car-attendance-item-bottom .date{display: flex; flex-direction: column; justify-content: center;}
.park-car-attendance-item-bottom .date .time{font-size: 16px; color: #555; margin-bottom: 5px;}
.park-car-attendance-item-bottom .date .desc1{font-size: 14px; color: #21D388;}
.park-car-attendance-item-bottom .date .desc2{font-size: 14px; color: #FF5A48;}
/* 公车管理 */
.official-car-manage-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px;}
.official-car-manage-date{display: flex; justify-content: space-between; margin: 0 15px; padding-top: 10px;}
.official-car-manage-date-left{display: flex; align-items: center; padding: 5px;}
.official-car-manage-date-left img{width: 16px; height: 16px; display: flex;}
.official-car-manage-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.official-car-manage-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.official-car-manage-date-left .mui-icon{font-size: 20px; color: #fff;}
.official-car-manage-title{display: flex; justify-content: space-around; margin: 20px 0;}
.official-car-manage-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.official-car-manage-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px; letter-spacing: 2px;}
.official-car-manage-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.official-car-manage-search{margin: 0 15px;}
.official-car-manage-search .mui-search{width: 100%;}
.official-car-manage-search .mui-search input{background-color: rgba(255,255,255,.9);}
.official-car-manage-search .mui-search .mui-placeholder{pointer-events: none;}
.official-car-manage-list{margin: -50px 15px 0;}
.official-car-manage-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.official-car-manage-item:active{background: #f5f5f5;}
.official-car-manage-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.official-car-manage-item-up-left{display: flex; align-items: center;}
.official-car-manage-item-up-left .num{font-size: 16px; color: #333;}
.official-car-manage-item-up-right{display: flex; align-items: center;}
.official-car-manage-item-up-right .desc{font-size: 14px; color: #777;}
.official-car-manage-item-up-right .name{font-size: 14px; color: #777; margin-left: 5px;}
.official-car-manage-item-mid{margin-bottom: 15px;}
.official-car-manage-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.official-car-manage-item-mid-time span{font-size: 18px; font-weight: 500; color: #333; letter-spacing: 2px;}
.official-car-manage-item-mid-time img{width: 7px; height: 12px; display: flex;}
.official-car-manage-item-mid-date{display: flex; justify-content: space-between; align-items: center;}
.official-car-manage-item-mid-date span{font-size: 14px; color: #999;}
.official-car-manage-item-down{display: flex; justify-content: space-between; align-items: center;}
.official-car-manage-item-down-left{display: flex; align-items: center;}
.official-car-manage-item-down-left span{font-size: 14px; font-weight: 500; color: #777;}
.official-car-manage-item-down-right{display: flex; align-items: center;}
.official-car-manage-item-down-right span{font-size: 14px;}
.official-car-manage-item-down-right span.status1{color: #FDA850;}
.official-car-manage-item-down-right span.status2{color: #21D388;}
.official-car-manage-item-down-right span.status3{color: #FF5A48;}
.official-car-manage-item-down-right span.status4{color: #888;}
.official-car-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.official-car-manage-plus img{width: 40px; height: 40px; display: flex;}
/* 申请公车 */
.official-car-add-list{margin: 15px 15px 0;}
.official-car-add-item{padding: 10px; background: #fff; border-radius: 5px; margin-bottom: 15px;
    box-shadow:0px 5px 5px 0 #e5e5e5;}
.official-car-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.official-car-add-item .select-num{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.official-car-add-item .select-num:active{background: #fff;}
.official-car-add-item.start-time{border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none;
    margin-bottom: 0; border-bottom: 1px solid #f5f5f5;}
.official-car-add-item.end-time{border-top-left-radius: 0; border-top-right-radius: 0;}
.official-car-add-item-time{display: flex; align-items: center;}
.official-car-add-item-time .time{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px;  padding: 0 15px;}
.official-car-add-item-time .time:active{background: #fff;}
.official-car-add-item .person-list{display: flex; flex-wrap: wrap;}
.official-car-add-item .person-list .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.official-car-add-item .person-list .person-item img{width: 50px; height: 50px; border-radius: 5px; margin-bottom: 5px;}
.official-car-add-item .person-list .person-item .name{font-size: 16px; color: #333;}
.official-car-add-item .person-list .person-item .mui-icon-plus{font-size: 50px; color: #5C50F8;}
.official-car-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px;
    background: #f5f5f5;}
.official-car-add-action{margin: 30px 40px;}
.official-car-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.official-car-add-action .save:active{border: 1px solid #3222FA; background-color: #3222FA;}
.official-car-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.official-car-add-dialog{position: absolute; top: 60%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; display: none;}
.official-car-add-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.official-car-add-dialog-top span{padding: 5px;}
.official-car-add-dialog-top .cancel{font-size: 14px; color: #888;}
.official-car-add-dialog-top .confirm{font-size: 14px; color: #5C50F8;}
.official-car-add-dialog-list{height: calc(100% - 40px); overflow-y: auto;}
.official-car-add-dialog-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 40px;}
.official-car-add-dialog-item:active{background: #f5f5f5;}
.official-car-add-dialog-item.active{background: #f5f5f5;}
.official-car-add-dialog-item .num{font-size: 16px; color: #333;}
.official-car-add-dialog-item .status{font-size: 14px;}
.official-car-add-dialog-item .status1{color: #21D388;}
.official-car-add-dialog-item .status2{color: #FF5A48;}
/* 公车审批 */
.official-car-detail-title{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.official-car-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.official-car-detail-title-left .title{display: flex; align-items: center;}
.official-car-detail-title-left .title .num{font-size: 18px; font-weight: 500; margin-bottom: 5px; color: #fff;}
.official-car-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.official-car-detail-title-right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.official-car-detail-list{margin: -130px 15px 0; padding: 20px 15px; background: #fff; border-radius: 5px; position: relative;}
.official-car-detail-item{display: flex; margin-bottom: 20px;}
.official-car-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.official-car-detail-item-left img{width: 20px; height: 20px; display: flex;}
.official-car-detail-item-right1{display: flex;flex-direction: column; justify-content: center; width: 80%;}
.official-car-detail-item-right1-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.official-car-detail-item-right1-up span{font-size: 16px; color: #333;}
.official-car-detail-item-right1-up img{width: 7px; height: 12px; display: flex;}
.official-car-detail-item-right1-down{display: flex; justify-content: space-between; align-items: center;}
.official-car-detail-item-right1-down span{font-size: 14px; color: #999;}
.official-car-detail-item-right2{display: flex; align-items: center; width: 80%;}
.official-car-detail-item-right2 .name{font-size: 16px; color: #333;}
.official-car-detail-item-right3{display: flex; align-items: center;}
.official-car-detail-item-right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.official-car-detail-item-right3 .item img{width: 30px; height: 30px; border-radius: 3px; display: flex; margin-bottom: 5px;}
.official-car-detail-item-right3 .item .name{font-size: 14px; color: #999;}
.official-car-detail-item-right3 .item2{display: flex; justify-content: center; align-items: center; margin: 0 20px;}
.official-car-detail-item-right3 .item2 img{width: 7px; height: 12px; display: flex;}
.official-car-detail-item2{display: flex; justify-content: center;}
.official-car-detail-item2 .check{font-size: 14px; color: #5C50F8;}
.official-car-detail-status{position: absolute; top: 10px; right: 10px; z-index: 9; width: 60px; height: 60px;}
.official-car-detail-status img{width: 100%; height: 100%; display: flex;}
.official-car-detail-action{margin: 30px 40px; display: flex; justify-content: center; align-items: center;}
.official-car-detail-action button{padding: 10px 0; font-size: 16px; margin-bottom: 0;}
.official-car-detail-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff; margin-right: 20px;}
.official-car-detail-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.official-car-detail-action .refuse{border: 1px solid #E5E5F7; background-color: #E5E5F7; color: #8F8FA7;}
.official-car-detail-action .refuse:active{border: 1px solid #B9B9CF; background-color: #B9B9CF;}
.official-car-detail-action2{margin: 30px 40px;}
.official-car-detail-action2 button{padding: 5px 0; font-size: 14px; border-radius: 15px; margin-bottom: 0;}
.official-car-detail-action2 .return{border: 1px solid #5C50F8; color: #5C50F8;}
.official-car-detail-action2 .return:active{border: 1px solid #5C50F8; color: #fff; background-color: #5C50F8;}
.official-car-detail-tip{display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: #FF5A48; margin-top: 15px;}
/* 添加访客 */
.park-visitor-add-list{margin-top: 10px; margin-bottom: 80px;}
.park-visitor-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.park-visitor-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.park-visitor-add-item .title{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.park-visitor-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.park-visitor-add-item-select:active{background: #f5f5f5;}
.park-visitor-add-item-select>label{font-size: 16px; color: #333;}
.park-visitor-add-item-select .right{display: flex; align-items: center;}
.park-visitor-add-item-select .right .select{font-size: 16px; color: #777;}
.park-visitor-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-visitor-add-item-time{display: flex; align-items: center;}
.park-visitor-add-item-time .time{font-size: 16px; color: #777; height: 30px; line-height: 30px;
    background: #fff; flex: 1;}
.park-visitor-add-item-time .time:active{background: #f5f5f5;}
.park-visitor-add-item-time .space{color: #777;}
.park-visitor-add-item .content{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-visitor-add-item .content .num-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0; width: 65%;}
.park-visitor-add-item .content .manual{color: #5C50F8; font-size: 12px; padding: 2px 10px; border-radius: 3px; border: 1px solid #5C50F8;}
.park-visitor-add-item .content .manual:active{background: #f5f5f5;}
.park-visitor-add-item .content .delete{width: 16px !important; height: 16px !important; display: flex;}
.park-visitor-add-list .continue-add{display: flex; align-items: center; padding: 5px 15px 15px;}
.park-visitor-add-list .continue-add img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.park-visitor-add-list .continue-add .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.park-visitor-add-item .person-list{display: flex; flex-wrap: wrap; padding-top: 5px;}
.park-visitor-add-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.park-visitor-add-item .person-list .person-list-remove img{width: 16px; height: 16px; display: flex; margin: 0 5px;}
.park-visitor-add-item .person-list .person-list-item img{width: 50px; height: 50px; border-radius: 5px; margin-bottom: 5px;}
.park-visitor-add-item .person-list .person-list-item .remove{position: absolute; left: 70px;}
.park-visitor-add-item .person-list .person-list-item .remove img{width: 16px; height: 16px; display: flex; margin: 0 10px;}
.park-visitor-add-item .person-list .person-list-item .name{font-size: 14px; color: #777;}
.park-visitor-add-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.park-visitor-add-item .mui-checkbox.mui-left label{font-size: 16px; color: #777; padding-left: 40px;
    padding-top: 10px; padding-right: 10px; word-break: break-all;}
.park-visitor-add-item .mui-checkbox input[type=checkbox]{width: 22px; height: 22px; left: 10px; top: 7px;}
.park-visitor-add-item .mui-checkbox input[type=checkbox]:before{font-size: 18px;}
.park-visitor-add-item .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.park-visitor-add-item textarea{font-size: 16px; color: #777; border: 0; margin: 0; padding: 5px 0 0;}
.park-visitor-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-visitor-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 90%;}
.park-visitor-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 我的车辆 */
.park-car-mine-list{margin: 15px 15px 0;}
.park-car-mine-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.park-car-mine-item:active{background: #f5f5f5;}
.park-car-mine-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.park-car-mine-item-up-left{display: flex; align-items: center;}
.park-car-mine-item-up-left span{font-weight: 500; color: #555;}
.park-car-mine-item-up-left .name{font-weight: normal; font-size: 14px; color: #777; margin-left: 5px;}
.park-car-mine-item-up-right{display: flex; align-items: center;}
.park-car-mine-item-mid{margin-bottom: 15px;}
.park-car-mine-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.park-car-mine-item-mid-time span{font-size: 18px; font-weight: 500; color: #333; letter-spacing: 2px;}
.park-car-mine-item-mid-time img{width: 7px; height: 12px; display: flex;}
.park-car-mine-item-mid-date{display: flex; justify-content: space-between; align-items: center;}
.park-car-mine-item-mid-date span{font-size: 14px; color: #999;}
.park-car-mine-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-car-mine-item-down-left{display: flex; align-items: center;}
.park-car-mine-item-down-left span{font-size: 14px; font-weight: 500; color: #777;}
.park-car-mine-item-down-left span.status1{color: #FDA850;}
.park-car-mine-item-down-left span.status3{color: #FF5A48;}
.park-car-mine-item-down-right{display: flex; align-items: center;}
.park-car-mine-item-down-right span{font-size: 14px; color: #777;}
.park-car-mine-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-car-mine-plus img{width: 40px; height: 40px; display: flex;}
/* 停车账单 */
.park-bill-top{background: url("../img/park/other_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 160px; display: flex; flex-direction: column; padding-top: 20px;}
.park-bill-top-up{display: flex; justify-content: center; align-items: center;}
.park-bill-time{position: relative; width: 50%;}
.park-bill-time button{padding: 0; border: 1px solid rgba(255,255,255, .8); font-size: 14px; color: rgba(255,255,255, .8); height: 34px; line-height: 34px;
    margin-bottom: 0; background-color: transparent; border-radius: 17px;}
.park-bill-time .left{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -55px;}
.park-bill-list{margin: -80px 15px 0;}
.park-bill-item{padding: 15px 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-bill-item:active{background: #f5f5f5;}
.park-bill-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.park-bill-item-up .left{display: flex; align-items: center;}
.park-bill-item-up .left img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.park-bill-item-up .left span{font-size: 16px; color: #333;}
.park-bill-item-up .right{display: flex; align-items: center;}
.park-bill-item-down{display: flex; justify-content: space-between; align-items: center;}
.park-bill-item-down .left{font-size: 14px; color: #777;}
.park-bill-item-down .right{font-size: 14px; color: #777;}
/* 账单详情 */
.park-bill-detail-list{background: #fff; margin-top: 15px; padding-top: 15px;}
.park-bill-detail-item{margin-bottom: 10px; padding: 0 10px;}
.park-bill-detail-item .title{font-size: 14px; color: #777;}
.park-bill-detail-item .content{font-size: 14px; color: #333;}
.park-bill-detail-action{font-size: 14px; color: #5C50F8; padding: 10px 0; text-align: center;}
.park-bill-detail-action:active{background: #f9f9f9;}
/* 缴费账单 */
.park-payment-bill-top{background: #fff; margin-bottom: 15px;}
.park-payment-bill-top .up{padding: 10px 10px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.park-payment-bill-top .up:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-payment-bill-top .up .left{display: flex; align-items: center;}
.park-payment-bill-filter{display: flex; align-items: center; padding: 5px;}
.park-payment-bill-filter:active{background: #f5f5f5;}
.park-payment-bill-filter img{width: 16px; height: 16px; display: flex;}
.park-payment-bill-filter .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 75px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-payment-bill-filter .mui-icon{font-size: 20px; color: #999;}
.park-payment-bill-list{margin: 0 15px;}
.park-payment-bill-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-payment-bill-item:active{background: #f5f5f5;}
.park-payment-bill-item img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.park-payment-bill-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.park-payment-bill-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.park-payment-bill-item-info .up .left{display: flex; align-items: center;}
.park-payment-bill-item-info .up .left .num{font-size: 16px; color: #333; margin-right: 10px;}
.park-payment-bill-item-info .up .left .status{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.park-payment-bill-item-info .up .left .status.status1{background: rgba(253,168,80, .1); color: #FDA850;}
.park-payment-bill-item-info .up .left .status.status2{background: rgba(33,211,136, .1); color: #21D388;}
.park-payment-bill-item-info .up .left .status.status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.park-payment-bill-item-info .up .right{font-size: 14px; color: #999;}
.park-payment-bill-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.park-payment-bill-item-info .down .left{font-size: 14px; color: #777;}
.park-payment-bill-item-info .down .right{font-size: 14px; color: #777; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 账单详情 */
.park-payment-bill-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-payment-bill-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-payment-bill-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-payment-bill-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-payment-bill-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.park-payment-bill-detail-item{display: flex; margin-bottom: 20px;}
.park-payment-bill-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-payment-bill-detail-item-left img{width: 20px; height: 20px;}
.park-payment-bill-detail-item-right{width: 80%;}
.park-payment-bill-detail-item-right .title{font-size: 16px; color: #333;}
.park-payment-bill-detail-item-right .desc{font-size: 14px; color: #999;}
.park-payment-bill-detail-item-right .title.status1{color: #FDA850;}
.park-payment-bill-detail-item-right .title.status2{color: #21D388;}
.park-payment-bill-detail-item-right .title.status3{color: #FF5A48;}
.park-payment-bill-detail-action{margin: 20px 40px;}
.park-payment-bill-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.park-payment-bill-detail-action .pay{border: 1px solid #5C50F8; background-color: #5C50F8;}
.park-payment-bill-detail-action .pay:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 优惠券管理 */
.park-coupon-top{display: flex; justify-content: space-between; align-items: center; margin: 10px 15px;}
.park-coupon-top-left{display: flex; align-items: center;}
.park-coupon-top-left .title{font-size: 14px; color: #777;}
.park-coupon-top-left .wrap{display: flex; align-items: center; padding: 3px 5px;}
.park-coupon-top-left .wrap:active{background: #fff;}
.park-coupon-top-left .wrap .name{font-size: 14px; color: #333; line-height: normal;}
.park-coupon-top-left .wrap .mui-icon{font-size: 20px; color: #999; margin-left: 2px;}
.park-coupon-list{margin: 0 15px 80px;}
.park-coupon-item{display: flex; background: #fff; border-radius: 5px; height: 120px; margin-bottom: 15px; position: relative;}
.park-coupon-item .status{position: absolute; top: 20px; right: 22%; z-index: 9;
    width: 50px; height: 50px;}
.park-coupon-item .status img{width: 100%; height: 100%; display: flex;}
.park-coupon-item-left{width: 70%; padding: 0 0 0 10px; display: flex; flex-direction: column; justify-content: center;}
.park-coupon-item-left .up{display: flex; align-items: center;}
.park-coupon-item-left .up .name{font-size: 16px; font-weight: 500; color: #333; margin-right: 10px; max-width: 72%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-coupon-item-left .up .type1{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center;}
.park-coupon-item-left .up .type2{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ccc; border-radius: 3px; text-align: center;}
.park-coupon-item-left .time{font-size: 12px; color: #777; margin: 5px 0 10px;}
.park-coupon-item-left .down{display: flex; justify-content: space-between; align-items: center;}
.park-coupon-item-left .down .left{display: flex; align-items: center;}
.park-coupon-item-left .down .left .num{font-size: 12px; color: #777; margin-right: 10px;}
.park-coupon-item-left .down .left .discard{width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #999;
    border: 1px solid #ccc; border-radius: 12px; text-align: center;}
.park-coupon-item-left .down .left .discard:active{background: #f5f5f5;}
.park-coupon-item-left .down .right{display: flex; align-items: center;}
.park-coupon-item-left .down .right .desc{font-size: 12px; color: #777; line-height: normal;}
.park-coupon-item-left .down .right .mui-icon{font-size: 18px; color: #999;}
.park-coupon-item-line{width: 3%; display: flex; justify-content: center;}
.park-coupon-item-line img{width: 100%; height: 100%; display: flex;}
.park-coupon-item-right{width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-coupon-item-right.red{color: #ED4E44;}
.park-coupon-item-right.red .use{background: #ED4E44;}
.park-coupon-item-right.red .use:active{opacity: .5;}
.park-coupon-item-right.gray{color: #ccc;}
.park-coupon-item-right.gray .use{background: #ccc;}
.park-coupon-item-right .up{display: flex; align-items: flex-end;}
.park-coupon-item-right .up .num{font-size: 26px; font-weight: 500;}
.park-coupon-item-right .up .unit{font-size: 10px; line-height: normal;}
.park-coupon-item-right .desc{font-size: 10px; margin: 5px 0 10px;}
.park-coupon-item-right .use{width: 70px; height: 22px; line-height: 22px; font-size: 12px; color: #fff;
     border-radius: 12px; text-align: center;}
.park-coupon-plus{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;
    height: 60px; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;
    display: flex; justify-content: center; align-items: center;}
.park-coupon-plus:active{background: #f5f5f5;}
.park-coupon-plus img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.park-coupon-plus span{font-size: 16px; font-weight: 500; color: #5C50F8;}
/* 添加优惠券 */
.park-coupon-add-list{margin-top: 15px;}
.park-coupon-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-coupon-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-coupon-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-coupon-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.park-coupon-add-item-select:active{background: #f5f5f5;}
.park-coupon-add-item-select label{font-size: 14px; color: #777;}
.park-coupon-add-item-select .right{display: flex; align-items: center;}
.park-coupon-add-item-select .right .select{font-size: 16px; color: #333;}
.park-coupon-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-coupon-add-action{margin: 20px 40px;}
.park-coupon-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-coupon-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 输入车牌号 */
.park-coupon-use-list{margin-top: 15px;}
.park-coupon-use-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-coupon-use-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-coupon-use-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-coupon-use-action{margin: 20px 40px;}
.park-coupon-use-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-coupon-use-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 优惠券详情 */
.park-coupon-detail .mui-segmented-control{font-size: 14px;}
.park-coupon-detail .mui-slider-indicator{background: #fff;}
.park-coupon-detail .mui-segmented-control.mui-scroll-wrapper .mui-control-item{padding: 0 10px; color: #555;}
.park-coupon-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.park-coupon-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 0; border-bottom: 0;}
.park-coupon-detail-list{margin: 15px 15px 0;}
.park-coupon-detail-item{display: flex; background: #fff; border-radius: 5px; height: 120px; margin-bottom: 15px; position: relative;}
.park-coupon-detail-list .park-coupon-detail-item:last-child{margin-bottom: 0;}
.park-coupon-detail-item .status{position: absolute; top: 20px; right: 22%; z-index: 9;
    width: 50px; height: 50px;}
.park-coupon-detail-item .status img{width: 100%; height: 100%; display: flex;}
.park-coupon-detail-item-left{width: 70%; padding: 0 0 0 10px; display: flex; flex-direction: column; justify-content: center;}
.park-coupon-detail-item-left .up{display: flex; align-items: center;}
.park-coupon-detail-item-left .up .name{font-size: 16px; font-weight: 500; color: #333; margin-right: 10px; max-width: 72%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-coupon-detail-item-left .up .type1{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center;}
.park-coupon-detail-item-left .up .type2{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ccc; border-radius: 3px; text-align: center;}
.park-coupon-detail-item-left .time{font-size: 12px; color: #777; margin: 5px 0 10px;}
.park-coupon-detail-item-left .down{display: flex; justify-content: space-between; align-items: center;}
.park-coupon-detail-item-left .down .left{display: flex; align-items: center;}
.park-coupon-detail-item-left .down .left .num{font-size: 12px; color: #777; margin-right: 10px;}
.park-coupon-detail-item-left .down .left .date{font-size: 12px; color: #777;}
.park-coupon-detail-item-left .down .left .discard{width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #999;
    border: 1px solid #ccc; border-radius: 12px; text-align: center;}
.park-coupon-detail-item-left .down .left .discard:active{background: #f5f5f5;}
.park-coupon-detail-item-left .down .right{display: flex; align-items: center;}
.park-coupon-detail-item-left .down .right .desc{font-size: 12px; color: #777; line-height: normal;}
.park-coupon-detail-item-left .down .right .mui-icon{font-size: 18px; color: #999;}
.park-coupon-detail-item-line{width: 3%; display: flex; justify-content: center;}
.park-coupon-detail-item-line img{width: 100%; height: 100%; display: flex;}
.park-coupon-detail-item-right{width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-coupon-detail-item-right.red{color: #ED4E44;}
.park-coupon-detail-item-right.red .use{background: #ED4E44;}
.park-coupon-detail-item-right.red .use:active{opacity: .5;}
.park-coupon-detail-item-right.gray{color: #ccc;}
.park-coupon-detail-item-right.gray .use{background: #ccc;}
.park-coupon-detail-item-right .up{display: flex; align-items: flex-end;}
.park-coupon-detail-item-right .up .num{font-size: 26px; font-weight: 500;}
.park-coupon-detail-item-right .up .unit{font-size: 10px; line-height: normal;}
.park-coupon-detail-item-right .desc{font-size: 10px; margin: 5px 0 10px;}
.park-coupon-detail-item-right .use{width: 70px; height: 22px; line-height: 22px; font-size: 12px; color: #fff;
    border-radius: 12px; text-align: center;}
.park-coupon-detail-plus{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;
    height: 60px; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;
    display: flex; justify-content: center; align-items: center;}
.park-coupon-detail-plus:active{background: #f5f5f5;}
.park-coupon-detail-plus img{width: 16px !important; height: 16px; display: flex; margin-right: 5px;}
.park-coupon-detail-plus span{font-size: 16px; font-weight: 500; color: #5C50F8;}
/* 立即赠送 */
.park-coupon-give-list{margin-top: 15px;}
.park-coupon-give-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-coupon-give-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-coupon-give-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.park-coupon-give-item-select:active{background: #f5f5f5;}
.park-coupon-give-item-select label{font-size: 14px; color: #777;}
.park-coupon-give-item-select .right{display: flex; align-items: center;}
.park-coupon-give-item-select .right .select{font-size: 16px; color: #333;}
.park-coupon-give-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-coupon-give-action{margin: 20px 40px;}
.park-coupon-give-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-coupon-give-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 告警列表 */
.park-alarm-top{background: url("../img/meeting/wdhy_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px; padding: 5px 15px 0;}
.park-alarm-select{display: flex; justify-content: space-between; align-items: center;}
.park-alarm-select-left{display: flex; align-items: center; padding: 5px;}
.park-alarm-select-left img{width: 16px; height: 16px; display: flex;}
.park-alarm-select-left .type{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.park-alarm-select-left .mui-icon{font-size: 20px; color: #fff;}
.park-alarm-search{margin-top: 5px;}
.park-alarm-search .mui-search{margin: 0 auto;}
.park-alarm-search .mui-search input{background-color: rgba(255,255,255,.9);}
.park-alarm-search .mui-search .mui-placeholder{pointer-events: none;}
.park-alarm-list{margin: -100px 15px 0;}
.park-alarm-item{padding: 15px; background: #fff; border-radius: 5px;
    box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.park-alarm-item:active{background: #f5f5f5;}
.park-alarm-item-up{display: flex; justify-content: space-between; align-items: center;}
.park-alarm-item-up-left{display: flex; align-items: center;}
.park-alarm-item-up-left .num{font-size: 16px; color: #333;}
.park-alarm-item-up-left .name{font-size: 14px; color: #999;}
.park-alarm-item-up-right{display: flex; align-items: center;}
.park-alarm-item-up-right .status{font-size: 14px;}
.park-alarm-item-up-right .status1{color: #FDA850;}
.park-alarm-item-up-right .status2{color: #21D388;}
.park-alarm-item-up-right .status3{color: #FF5A48;}
.park-alarm-item-middle{display: flex; justify-content: space-between; align-items: center; margin: 10px 0;}
.park-alarm-item-middle-item{font-size: 14px; color: #777; max-width: 95%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-alarm-item-down{font-size: 14px; color: #777;}
/* 告警详情 */
.park-alarm-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-alarm-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-alarm-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-alarm-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-alarm-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.park-alarm-detail-info{display: flex; margin-bottom: 20px;}
.park-alarm-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-alarm-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.park-alarm-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.park-alarm-detail-info-right .name{font-size: 16px; color: #333;}
.park-alarm-detail-info-right .job{font-size: 14px; color: #777;}
.park-alarm-detail-item{display: flex; margin-bottom: 20px;}
.park-alarm-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-alarm-detail-item-left img{width: 20px; height: 20px;}
.park-alarm-detail-item-right{width: 80%;}
.park-alarm-detail-item-right .title{font-size: 16px; color: #333;}
.park-alarm-detail-item-right .img{width: 80px; height: 50px; border-radius: 5px;}
.park-alarm-detail-item-right .desc{font-size: 14px; color: #999;}
.park-alarm-detail-action{margin: 20px 40px;}
.park-alarm-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
/* 告警处理 */
.park-alarm-dispose-content{background: #fff; margin-top: 15px; padding: 10px 0;}
.park-alarm-dispose-content-item{display: flex; align-items: center; padding: 0 15px; margin-bottom: 10px;}
.park-alarm-dispose-content-item .left{font-size: 14px; color: #777; min-width: 78px; white-space: nowrap;}
.park-alarm-dispose-content-item .right{font-size: 14px; color: #333;}
.park-alarm-dispose-content-item .right.status1{color: #FDA850;}
.park-alarm-dispose-content-item .right.status2{color: #21D388;}
.park-alarm-dispose-content-item .right.status3{color: #FF5A48;}
.park-alarm-dispose-content-item .right-picture{display: flex; flex-wrap: wrap;}
.park-alarm-dispose-content-item .right-picture img{width: 60px; height: 60px; border-radius: 3px;
    margin-right: 15px; margin-bottom: 10px;}
.park-alarm-dispose-list{margin-top: 15px;}
.park-alarm-dispose-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-alarm-dispose-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-alarm-dispose-item textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 10px;}
.park-alarm-dispose-action{margin: 20px 40px;}
.park-alarm-dispose-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.park-alarm-dispose-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.park-alarm-dispose-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 园区车位情况 */
.park-space-status-top{display: flex; justify-content: space-between; align-items: center; padding: 10px; background: #fff;}
.park-space-status-top-left{display: flex; align-items: center; padding: 5px;}
.park-space-status-top-left:active{background: #f5f5f5;}
.park-space-status-top-left img{width: 16px; height: 16px; display: flex;}
.park-space-status-top-left .area{font-size: 14px; color: #333; line-height: normal; margin-left: 5px;}
.park-space-status-top-left .mui-icon{font-size: 20px; color: #999;}
.park-space-status-content{background: #fff; margin-top: 15px; padding: 20px 0;}
.park-space-status-title{display: flex; justify-content: space-around; align-items: center}
.park-space-status-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-space-status-title-item .num{font-size: 20px; font-weight: 500; margin-bottom: 5px;}
.park-space-status-title-item .num.num1{color: #FDA850;}
.park-space-status-title-item .num.num2{color: #21D388;}
.park-space-status-title-item .num.num3{color: #FF5A48;}
.park-space-status-title-item .name{font-size: 14px; color: #777;}
.park-space-status-list{margin: 20px 15px 0; display: flex; flex-wrap: wrap; border-top: 1px solid #f5f5f5; border-left: 1px solid #f5f5f5;}
.park-space-status-item{display: flex; justify-content: center; align-items: center; width: 25%;
    border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 20px 0 30px; position: relative;}
.park-space-status-item img{width: 50%;}
.park-space-status-item .num1{position: absolute; left: 50%; top: 2px; transform: translateX(-50%); z-index: 9;
    font-size: 14px; color: #777; line-height: normal;}
.park-space-status-item .num2{position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); z-index: 9;
    font-size: 12px; color: #333; line-height: normal; white-space: nowrap;}
/* 商户优惠券 */
.park-merchant-coupon-list{margin: 15px 15px 0;}
.park-merchant-coupon-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.park-merchant-coupon-item:active{background: #f5f5f5;}
.park-merchant-coupon-item .left{display: flex; align-items: center;}
.park-merchant-coupon-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.park-merchant-coupon-item .left .name{font-size: 16px; color: #333;}
.park-merchant-coupon-item .mui-icon{font-size: 20px; color: #999;}
/* 设备管理 */
.park-merchant-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.park-merchant-top .num{font-size: 14px; color: #777;}
.park-merchant-top .action{font-size: 14px; color: var(--text-color);}
.park-merchant-list{margin: 0 15px;}
.park-merchant-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-merchant-item .title{font-size: 16px; color: #333;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-item .time{font-size: 14px; color: #999; margin: 5px 0 10px;}
.park-merchant-item .info{display: flex; align-items: center;}
.park-merchant-item .info .name{font-size: 14px; color: #777; margin-right: 15px;}
.park-merchant-item .info .num{font-size: 14px; color: var(--text-color);}
.park-merchant-item .coupon-btn{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); z-index: 9;
    font-size: 12px; border: 0; border-radius: 14px; padding: 4px 10px; background: #FF5A48; color: #fff;}
.park-merchant-item .coupon-btn:active{background: #FF5A48; opacity: 0.8;}
.park-merchant-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-merchant-plus img{width: 50px; height: 50px; display: flex;}
/* 添加商户 */
.park-merchant-add-list{margin-top: 15px;}
.park-merchant-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-merchant-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-merchant-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-merchant-add-action{margin: 20px 40px;}
.park-merchant-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.park-merchant-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.park-merchant-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 高级设置 */
.park-merchant-advance-list{margin: 15px 0 0;}
.park-merchant-advance-list .tip{padding: 0 10px; font-size: 12px; color: #FF5A48;
    margin-top: -10px; margin-bottom: 10px;}
.park-merchant-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.park-merchant-advance-item:active{background: #f5f5f5;}
.park-merchant-advance-item .name{font-size: 16px; color: #333;}
.park-merchant-advance-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.park-merchant-advance-item .right{display: flex; align-items: center;}
.park-merchant-advance-item .right .desc{font-size: 14px; color: #999;}
.park-merchant-advance-item .right .mui-icon{font-size: 20px; color: #999;}
/* 优惠券管理 */
.park-merchant-coupon-manage-list{margin: 15px 15px 0;}
.park-merchant-coupon-manage-item{display: flex; background: #fff; border-radius: 5px; height: 120px; margin-bottom: 15px; position: relative;}
.park-merchant-coupon-manage-item-left{width: 70%; padding: 0 0 0 10px; display: flex; flex-direction: column; justify-content: center;}
.park-merchant-coupon-manage-item-left .up{display: flex; align-items: center;}
.park-merchant-coupon-manage-item-left .up .name{font-size: 16px; font-weight: 500; color: #333; margin-right: 10px; max-width: 72%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-coupon-manage-item-left .up .type{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center;}
.park-merchant-coupon-manage-item-left .time{font-size: 12px; color: #999; margin: 5px 0 10px;}
.park-merchant-coupon-manage-item-left .down{display: flex; justify-content: space-between; align-items: center;}
.park-merchant-coupon-manage-item-left .down .left{display: flex; align-items: center;}
.park-merchant-coupon-manage-item-left .down .left .name{font-size: 14px; color: #777; margin-right: 10px;}
.park-merchant-coupon-manage-item-left .down .left .discard{width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #999;
    border: 1px solid #ccc; border-radius: 12px; text-align: center;}
.park-merchant-coupon-manage-item-left .down .left .discard:active{background: #f5f5f5;}
.park-merchant-coupon-manage-item-line{width: 3%; display: flex; justify-content: center;}
.park-merchant-coupon-manage-item-line img{width: 100%; height: 100%; display: flex;}
.park-merchant-coupon-manage-item-right{width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-merchant-coupon-manage-item-right .up{display: flex; align-items: flex-end; margin-bottom: 10px;}
.park-merchant-coupon-manage-item-right .up .num{font-size: 26px; font-weight: 500;}
.park-merchant-coupon-manage-item-right .up .unit{font-size: 10px; line-height: normal;}
.park-merchant-coupon-manage-item-right .discard{width: 48px; height: 22px; line-height: 22px; font-size: 12px; color: #999;
    border: 1px solid #ccc; border-radius: 12px; text-align: center;}
.park-merchant-coupon-manage-item-right .discard:active{background: #f5f5f5;}
.park-merchant-coupon-manage-item-right .qrcode{width: 70px; height: 22px; line-height: 22px; font-size: 10px; color: #fff;
    border-radius: 12px; text-align: center; background: #ED4E44;}
.park-merchant-coupon-manage-item-right .qrcode:active{background: #ED4E44; opacity: 0.5;}
.park-merchant-coupon-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-merchant-coupon-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 添加优惠券领取二维码 */
.park-merchant-coupon-add-list{margin-top: 15px;}
.park-merchant-coupon-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.park-merchant-coupon-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-merchant-coupon-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-merchant-coupon-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.park-merchant-coupon-add-item-select:active{background: #f5f5f5;}
.park-merchant-coupon-add-item-select label{font-size: 14px; color: #777;}
.park-merchant-coupon-add-item-select .right{display: flex; align-items: center;}
.park-merchant-coupon-add-item-select .right .select{font-size: 16px; color: #333;}
.park-merchant-coupon-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-merchant-coupon-add-action{margin: 20px 40px;}
.park-merchant-coupon-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-merchant-coupon-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 优惠券详情 */
.park-merchant-coupon-detail .mui-slider{width: auto; height: 100%;}
.park-merchant-coupon-detail .mui-slider .mui-slider-group{height: calc(100% - 40px);}
.park-merchant-coupon-detail .mui-segmented-control{background: #fff;}
.park-merchant-coupon-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.park-merchant-coupon-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.park-merchant-coupon-detail .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.park-merchant-coupon-detail-list{margin: 15px 15px 0;}
.park-merchant-coupon-detail-item{background: #fff; margin-bottom: 15px;}
.park-merchant-coupon-detail-item-up{display: flex; align-items: center; justify-content: space-between;
    padding: 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-coupon-detail-item-up .left{display: flex; flex-direction: column;}
.park-merchant-coupon-detail-item-up .left .time{font-size: 14px; color: #777; margin-bottom: 10px;}
.park-merchant-coupon-detail-item-up .left .num{font-size: 16px; color: #333; font-weight: 500;}
.park-merchant-coupon-detail-item-up img{width: 50px !important; height: 50px !important; display: flex;}
.park-merchant-coupon-detail-item-down{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.park-merchant-coupon-detail-item-down .left{display: flex; align-items: center;}
.park-merchant-coupon-detail-item-down .left .type1{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center; margin-right: 10px;}
.park-merchant-coupon-detail-item-down .left .money1{font-size: 14px; font-weight: 500; color: #ED4E44;}
.park-merchant-coupon-detail-item-down .left .type2{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ccc; border-radius: 3px; text-align: center; margin-right: 10px;}
.park-merchant-coupon-detail-item-down .left .money2{font-size: 14px; font-weight: 500; color: #ccc;}
.park-merchant-coupon-detail-item-down .right{font-size: 14px; color: #333;}
/* 领取记录 */
.park-merchant-coupon-record-top{margin-bottom: 15px; background: #fff;}
.park-merchant-coupon-record-date{display: flex; align-items: center; padding: 5px 5px; position: relative;}
.park-merchant-coupon-record-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-merchant-coupon-record-date-left{display: flex; align-items: center; padding: 5px;}
.park-merchant-coupon-record-date-left:active{background: #f5f5f5;}
.park-merchant-coupon-record-date-left img{width: 16px; height: 16px; display: flex;}
.park-merchant-coupon-record-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.park-merchant-coupon-record-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.park-merchant-coupon-record-date-left .mui-icon{font-size: 20px; color: #999;}
.park-merchant-coupon-record-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.park-merchant-coupon-record-right:active{background: #f5f5f5;}
.park-merchant-coupon-record-right img{width: 16px; height: 16px; display: flex;}
.park-merchant-coupon-record-right .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 40px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-coupon-record-right .mui-icon{font-size: 20px; color: #999;}
.park-merchant-coupon-record-search{padding: 10px 15px;}
.park-merchant-coupon-record-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.park-merchant-coupon-record-search .mui-search .mui-placeholder{pointer-events: none;}
.park-merchant-coupon-record-search .mui-search.mui-active:before{margin-top: -7px;}
.park-merchant-coupon-record-title{display: flex; justify-content: space-between; align-items: center; padding: 0 15px 5px;}
.park-merchant-coupon-record-title .left{display: flex; align-items: center;}
.park-merchant-coupon-record-title .left .name{font-size: 16px; font-weight: 500; color: #333;}
.park-merchant-coupon-record-title .left .num{font-size: 16px; font-weight: 500; color: #ED4E44;}
.park-merchant-coupon-record-title .right{font-size: 14px; color: var(--text-color);}
.park-merchant-coupon-record-list{margin: 0 15px;}
.park-merchant-coupon-record-item{background: #fff; margin-bottom: 15px;}
.park-merchant-coupon-record-item-up{display: flex; align-items: center; justify-content: space-between;
    padding: 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-coupon-record-item-up .left{display: flex; flex-direction: column;}
.park-merchant-coupon-record-item-up .left .time{font-size: 14px; color: #777; margin-bottom: 10px;}
.park-merchant-coupon-record-item-up .left .num{font-size: 16px; color: #333; font-weight: 500;}
.park-merchant-coupon-record-item-up img{width: 50px !important; height: 50px !important; display: flex;}
.park-merchant-coupon-record-item-down{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.park-merchant-coupon-record-item-down .left{display: flex; align-items: center;}
.park-merchant-coupon-record-item-down .left .type1{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center; margin-right: 10px;}
.park-merchant-coupon-record-item-down .left .money1{font-size: 14px; font-weight: 500; color: #ED4E44;}
.park-merchant-coupon-record-item-down .left .type2{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ccc; border-radius: 3px; text-align: center; margin-right: 10px;}
.park-merchant-coupon-record-item-down .left .money2{font-size: 14px; font-weight: 500; color: #ccc;}
.park-merchant-coupon-record-item-down .right{font-size: 14px; color: #333;}
/* 扫码领取优惠券 */
.park-merchant-coupon-receive-list{margin: 15px 15px 0;}
.park-merchant-coupon-receive-top{display: flex; background: #fff; border-radius: 5px; height: 120px; margin-bottom: 15px; position: relative;}
.park-merchant-coupon-receive-top-left{width: 70%; padding: 0 0 0 10px; display: flex; flex-direction: column; justify-content: center;}
.park-merchant-coupon-receive-top-left .up{display: flex; align-items: center;}
.park-merchant-coupon-receive-top-left .up .name{font-size: 16px; font-weight: 500; color: #333; margin-right: 10px; max-width: 72%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-coupon-receive-top-left .up .type{width: 50px; height: 20px; line-height: 20px; font-size: 12px; color: #fff;
    background: #ED4E44; border-radius: 3px; text-align: center;}
.park-merchant-coupon-receive-top-left .time{font-size: 12px; color: #999; margin: 5px 0 10px;}
.park-merchant-coupon-receive-top-left .down{display: flex; justify-content: space-between; align-items: center;}
.park-merchant-coupon-receive-top-left .down .left{display: flex; align-items: center;}
.park-merchant-coupon-receive-top-left .down .left .name{font-size: 14px; color: #777;}
.park-merchant-coupon-receive-top-line{width: 3%; display: flex; justify-content: center;}
.park-merchant-coupon-receive-top-line img{width: 100%; height: 100%; display: flex;}
.park-merchant-coupon-receive-top-right{width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-merchant-coupon-receive-top-right.red{color: #ED4E44;}
.park-merchant-coupon-receive-top-right.red .use{background: #ED4E44;}
.park-merchant-coupon-receive-top-right.red .use:active{opacity: .5;}
.park-merchant-coupon-receive-top-right .up{display: flex; align-items: flex-end;}
.park-merchant-coupon-receive-top-right .up .num{font-size: 26px; font-weight: 500;}
.park-merchant-coupon-receive-top-right .up .unit{font-size: 10px; line-height: normal;}
.park-merchant-coupon-receive-content{padding: 10px; background: #fff; border-radius: 5px;}
.park-merchant-coupon-receive-content .name{font-size: 16px; color: #333;}
.park-merchant-coupon-receive-content .desc{font-size: 12px; color: #999; margin: 5px 0 10px;}
.park-merchant-coupon-receive-content .num{display: flex; align-items: center; justify-content: space-between;}
.park-merchant-coupon-receive-content .num .add-input{font-size: 16px; color: #000; border: 1px solid #e5e5e5;
    padding: 0; margin: 0 10px 0 0; line-height: 40px; text-align: center; flex: 1;}
.park-merchant-coupon-receive-content .num .add-input:last-child{margin-right: 0; border: 1px dashed #e5e5e5;}
.park-merchant-coupon-receive-content .num .add-input:last-child::placeholder{font-size: 8px; color: #0BF370;}
.park-merchant-coupon-receive-action{margin: 20px 40px;}
.park-merchant-coupon-receive-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.park-merchant-coupon-receive-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 领取成功 */
.park-merchant-coupon-receive-success{width: 100%; height: 100%;
    background: url("../img/park/yhq_bg.png") center no-repeat; background-size: 100% 100%;}
.park-merchant-coupon-receive-success .title{font-size: 32px; font-weight: 700; color: #fff; padding: 50px 30px 10px;}
.park-merchant-coupon-receive-success .sub-title{font-size: 18px; color: rgba(255,255,255, .5); padding: 0 30px;}
.park-merchant-coupon-receive-success .content{position: fixed; left: 30px; right: 30px; top: 50%; transform: translateY(-50%);
    z-index: 9; background: #fff; border-radius: 10px;}
.park-merchant-coupon-receive-success .content .top{display: flex; align-items: center; padding: 30px 20px;}
.park-merchant-coupon-receive-success .content .top .left{display: flex; align-items: flex-end; margin-right: 20px;}
.park-merchant-coupon-receive-success .content .top .left .num{font-size: 40px; font-weight: 500; color: #ED4E44;}
.park-merchant-coupon-receive-success .content .top .left .unit{font-size: 12px; line-height: normal; color: #ED4E44;}
.park-merchant-coupon-receive-success .content .top .right{display: flex; flex-direction: column; justify-content: center;}
.park-merchant-coupon-receive-success .content .top .right .num{font-size: 16px; color: #000; margin-bottom: 5px;}
.park-merchant-coupon-receive-success .content .top .right .desc{font-size: 14px; color: #777;}
.park-merchant-coupon-receive-success .content .mid{display: flex; align-items: center;}
.park-merchant-coupon-receive-success .content .mid img{width: 100%; height: 12px;}
.park-merchant-coupon-receive-success .content .bottom{padding: 30px 20px;}
.park-merchant-coupon-receive-success .content .bottom .item{font-size: 14px; color: #777; margin-bottom: 5px;}
/* 商户管理 */
.park-merchant-new-list{margin: 15px 15px 0;}
.park-merchant-new-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.park-merchant-new-item:active{background: #f5f5f5;}
.park-merchant-new-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.park-merchant-new-item svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.park-merchant-new-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.park-merchant-new-item-info .up{font-size: 16px; color: #333; margin-bottom: 7px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-new-item-info .mid{font-size: 14px; color: #999; margin-bottom: 5px;}
.park-merchant-new-item-info .down{font-size: 14px; color: #999;}
.park-merchant-new-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-merchant-new-plus img{width: 50px; height: 50px; display: flex;}
.park-merchant-new-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 添加商户 */
.park-merchant-new-add-list{margin-top: 15px;}
.park-merchant-new-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-new-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-merchant-new-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-merchant-new-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 40px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-new-add-item-select:active{background: #f5f5f5;}
.park-merchant-new-add-item-select>label{font-size: 14px; color: #777;}
.park-merchant-new-add-item-select .right{display: flex; align-items: center;}
.park-merchant-new-add-item-select .right .select{font-size: 16px; color: #333;}
.park-merchant-new-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-merchant-new-add-item .road-item .mui-checkbox.mui-left label{font-size: 16px; color: #333; padding-left: 40px;}
.park-merchant-new-add-item .road-item .mui-checkbox input[type=checkbox]{width: 22px; height: 22px; left: 10px; top: 7px;}
.park-merchant-new-add-item .road-item .mui-checkbox input[type=checkbox]:before{font-size: 22px;}
.park-merchant-new-add-item .road-item .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.park-merchant-new-add-action{margin: 20px 40px;}
.park-merchant-new-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-merchant-new-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-merchant-new-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 商户详情 */
.park-merchant-new-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-merchant-new-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-merchant-new-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-merchant-new-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-merchant-new-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.park-merchant-new-detail-item{display: flex; margin-bottom: 20px;}
.park-merchant-new-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.park-merchant-new-detail-item-left img{width: 20px; height: 20px;}
.park-merchant-new-detail-item-right{width: 80%;}
.park-merchant-new-detail-item-right .title{font-size: 16px; color: #333;}
.park-merchant-new-detail-item-right .desc{font-size: 14px; color: #999;}
.park-merchant-new-detail-item2{display: flex; justify-content: center; margin-bottom: 0;}
.park-merchant-new-detail-item2 .check{color: #5C50F8; font-size: 14px;}
.park-merchant-new-detail-action{margin: 20px 40px;}
.park-merchant-new-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.park-merchant-new-detail-action .edit{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 15px;}
.park-merchant-new-detail-action .edit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 账号列表 */
.park-merchant-account-list{margin: 15px 15px 0;}
.park-merchant-account-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.park-merchant-account-item:active{background: #f5f5f5;}
.park-merchant-account-item img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.park-merchant-account-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.park-merchant-account-item-info{display: flex; justify-content: space-between; align-items: center; width: calc(100% - 50px);}
.park-merchant-account-item-info .left{display: flex; flex-direction: column; justify-content: center; width: 55%;}
.park-merchant-account-item-info .left .name{font-size: 14px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.park-merchant-account-item-info .left .time{font-size: 14px; color: #999;}
.park-merchant-account-item-info .right{display: flex; justify-content: flex-end; align-items: center; width: 45%;}
.park-merchant-account-item-info .right .reset{font-size: 12px; color: #5C50F8; padding-right: 7px; line-height: normal; border-right: 1px solid #f5f5f5;}
.park-merchant-account-item-info .right .remove{font-size: 12px; color: #FF5A48; padding-left: 7px; line-height: normal;}
.park-merchant-account-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.park-merchant-account-plus img{width: 50px; height: 50px; display: flex;}
.park-merchant-account-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 添加账号 */
.park-merchant-account-add-list{margin-top: 15px;}
.park-merchant-account-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-account-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-merchant-account-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-merchant-account-add-action{margin: 20px 40px;}
.park-merchant-account-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-merchant-account-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-merchant-account-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 重置密码 */
.park-merchant-account-reset-list{margin-top: 15px;}
.park-merchant-account-reset-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.park-merchant-account-reset-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-merchant-account-reset-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.park-merchant-account-reset-action{margin: 20px 40px;}
.park-merchant-account-reset-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-merchant-account-reset-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-merchant-account-reset-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 临时录入二维码 */
.park-entry-qrcode-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.park-entry-qrcode-dialog{position: fixed; top: 50%; left: 10%; right: 10%; transform: translateY(-50%); z-index: 9;
    background: #fff; border-radius: 10px; display: none;}
.park-entry-qrcode-dialog .title{font-size: 16px; font-weight: 500; color: #000;
    padding: 20px 0; text-align: center;}
.park-entry-qrcode-dialog .content{font-size: 14px; color: #555; padding: 0 15px 15px; text-align: center;}
.park-entry-qrcode-dialog .action{font-size: 14px; color: #5C50F8; padding: 10px 0; text-align: center; border-bottom: 1px solid #F5F5F5;}
.park-entry-qrcode-dialog .action:active{background: #F5F5F5;}
.park-entry-qrcode-top{margin-bottom: 15px; background: #fff;}
.park-entry-qrcode-filter{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.park-entry-qrcode-filter-item{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.park-entry-qrcode-filter .park-entry-qrcode-filter-item:first-child{margin-left: 0;}
.park-entry-qrcode-filter-item:active{background: #f5f5f5;}
.park-entry-qrcode-filter-item img{width: 16px; height: 16px; display: flex;}
.park-entry-qrcode-filter-item .name{font-size: 14px; color: #333; line-height: normal; margin-left: 5px;}
.park-entry-qrcode-filter-item .mui-icon{font-size: 20px; color: #999;}
.park-entry-qrcode-action{margin: 0 15px 15px; display: flex; align-items: center;}
.park-entry-qrcode-action .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.park-entry-qrcode-action .item:active{background: #f5f5f5;}
.park-entry-qrcode-action .item:first-child{margin-right: 15px;}
.park-entry-qrcode-action .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.park-entry-qrcode-action .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.park-entry-qrcode-action .item .mui-icon{font-size: 20px; color: #999;}
.park-entry-qrcode-list{margin: 0 15px;}
.park-entry-qrcode-item{padding: 0 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.park-entry-qrcode-item:active{background: #f5f5f5;}
.park-entry-qrcode-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.park-entry-qrcode-item-top .left{font-size: 14px; color: #777;}
.park-entry-qrcode-item-top .right{display: flex; align-items: center;}
.park-entry-qrcode-item-top .right .status{display: flex; align-items: center;}
.park-entry-qrcode-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.park-entry-qrcode-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.park-entry-qrcode-item-top .right .status1 .dot{background: #21D388;}
.park-entry-qrcode-item-top .right .status1 .name{color: #21D388;}
.park-entry-qrcode-item-top .right .status2 .dot{background: #FF5A48;}
.park-entry-qrcode-item-top .right .status2 .name{color: #FF5A48;}
.park-entry-qrcode-item-top .right .status3 .dot{background: #888;}
.park-entry-qrcode-item-top .right .status3 .name{color: #888;}
.park-entry-qrcode-item-top .right .cancel{font-size: 14px; color: #FF5A48; margin-left: 10px;}
.park-entry-qrcode-item-content{display: flex; align-items: center; padding: 10px 0;}
.park-entry-qrcode-item-content img{width: 120px; height: 120px; margin-right: 10px;}
.park-entry-qrcode-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 130px);}
.park-entry-qrcode-item-info .item{font-size: 14px; color: #777; margin-bottom: 5px;}
.park-entry-qrcode-item-info .item:last-child{margin-bottom: 0;}
/* 创建车辆授权码 */
.park-entry-qrcode-add-list{margin-top: 15px;}
.park-entry-qrcode-add-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    margin-bottom: 15px; padding: 10px 10px 10px 10px;}
.park-entry-qrcode-add-item:active{background: #f5f5f5;}
.park-entry-qrcode-add-item .left{font-size: 16px; color: #333;}
.park-entry-qrcode-add-item .right{display: flex; align-items: center;}
.park-entry-qrcode-add-item .right .desc{font-size: 14px; color: #777; line-height: normal;}
.park-entry-qrcode-add-item .right .mui-icon{font-size: 20px; color: #999;}
.park-entry-qrcode-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-entry-qrcode-add-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 90%;}
.park-entry-qrcode-add-action .add:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 车辆临时停车二维码 */
.park-entry-qrcode-add-qrcode{padding: 20px 15px; background-image: url("../img/visitor/jxic/bg.png");
    background-repeat: no-repeat; background-attachment: fixed; background-size: cover; overflow-y: auto;}
.park-entry-qrcode-add-qrcode-content{background: #fff; border-radius: 10px;}
.park-entry-qrcode-add-qrcode-content-top{display: flex; align-items: center; height: 60px; padding: 0 15px;
    background: #F5F5F5; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.park-entry-qrcode-add-qrcode-content-top img{width: 36px; height: 36px; display: flex; border-radius: 5px; margin-right: 10px;}
.park-entry-qrcode-add-qrcode-content-top span{font-size: 18px; font-weight: 500; color: #000;}
.park-entry-qrcode-add-qrcode-content-mid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 15px 15px;}
.park-entry-qrcode-add-qrcode-content-mid img{width: 240px; height: 240px; display: flex;}
.park-entry-qrcode-add-qrcode-content-bottom{padding: 0 10px 10px;}
.park-entry-qrcode-add-qrcode-content-bottom .title{font-size: 14px; color: #333; margin-bottom: 5px; text-align: center;}
.park-entry-qrcode-add-qrcode-content-bottom .desc{font-size: 12px; color: #777; text-align: center;}
.park-entry-qrcode-add-qrcode-bottom{background: rgba(255,255,255, .4); border-radius: 10px; margin-top: 20px;}
.park-entry-qrcode-add-qrcode-bottom .item{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255, .2);}
.park-entry-qrcode-add-qrcode-bottom .item:active{background: rgba(255,255,255, .3);}
.park-entry-qrcode-add-qrcode-bottom .item:last-child{border-bottom: 0;}
.park-entry-qrcode-add-qrcode-bottom .item .left{display: flex; align-items: center;}
.park-entry-qrcode-add-qrcode-bottom .item .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.park-entry-qrcode-add-qrcode-bottom .item .left span{font-size: 16px; color: #fff;}
.park-entry-qrcode-add-qrcode-bottom .item .mui-icon{font-size: 20px; color: #fff;}
/* 已录入车辆 */
.park-entry-qrcode-add-car-list{margin-top: 15px;}
.park-entry-qrcode-add-car-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 10px 10px; border-bottom: 1px solid #f5f5f5;}
.park-entry-qrcode-add-car-item .num{font-size: 16px; color: #333;}
.park-entry-qrcode-add-car-item .time{font-size: 14px; color: #999;}
/* 车牌号授权 */
.park-entry-qrcode-add-car-auth .tip{padding: 10px; font-size: 12px; color: #999;}
.park-entry-qrcode-add-car-auth-item{background: #fff;}
.park-entry-qrcode-add-car-auth-item .up{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 5px 15px;}
.park-entry-qrcode-add-car-auth-item .up .title{font-size: 16px; color: #333;}
.park-entry-qrcode-add-car-auth-item .up .delete{font-size: 14px; color: #FF5A48; padding: 5px;}
.park-entry-qrcode-add-car-auth-item .down .add-input{font-size: 14px; color: #777; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0; border-bottom: 1px solid #f5f5f5;}
.park-entry-qrcode-add-car-auth .continue-add{display: flex; justify-content: center; align-items: center;
    padding: 10px 0; background: #fff;}
.park-entry-qrcode-add-car-auth .continue-add:active{background: #F5F5F5;}
.park-entry-qrcode-add-car-auth .continue-add img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.park-entry-qrcode-add-car-auth .continue-add .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.park-entry-qrcode-add-car-auth-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-entry-qrcode-add-car-auth-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 90%;}
.park-entry-qrcode-add-car-auth-action .add:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 高级管理 */
.park-entry-qrcode-advance-list{margin-top: 15px;}
.park-entry-qrcode-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    margin-bottom: 15px; padding: 10px 10px 10px 10px;}
.park-entry-qrcode-advance-item:active{background: #f5f5f5;}
.park-entry-qrcode-advance-item .left{font-size: 16px; color: #333;}
.park-entry-qrcode-advance-item .left2{display: flex; flex-direction: column;}
.park-entry-qrcode-advance-item .left2 .name{font-size: 16px; color: #333;}
.park-entry-qrcode-advance-item .left2 .desc{font-size: 12px; color: #999;}
.park-entry-qrcode-advance-item .right{display: flex; align-items: center;}
.park-entry-qrcode-advance-item .right .desc{font-size: 14px; color: #777; line-height: normal;}
.park-entry-qrcode-advance-item .right .mui-icon{font-size: 20px; color: #999;}
.park-entry-qrcode-advance-item-action{margin: 20px 40px;}
.park-entry-qrcode-advance-item-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-entry-qrcode-advance-item-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-entry-qrcode-advance-item-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 选择车道 */
.park-entry-qrcode-select-road .content{display: flex; flex-direction: column; margin: 15px 15px 0;}
.park-entry-qrcode-select-road .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.park-entry-qrcode-select-road .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.park-entry-qrcode-select-road .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.park-entry-qrcode-select-road .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
.park-entry-qrcode-select-road-action{margin: 20px 40px;}
.park-entry-qrcode-select-road-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.park-entry-qrcode-select-road-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-entry-qrcode-select-road-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 扫码续费 */
.park-scan-qrcode{width: 100%; height: 100%; background: url("../img/park/smxf_bg.png") center no-repeat; background-size: 100% 100%;}
.park-scan-qrcode-top{display: flex; align-items: center; padding: 15px 10px; margin-bottom: 30px;}
.park-scan-qrcode-top img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.park-scan-qrcode-top span{font-size: 16px; font-weight: 600; color: #28AB76; line-height: normal;}
.park-scan-qrcode-desc{padding: 0 10px; margin-bottom: 20px;}
.park-scan-qrcode-desc .desc1{font-size: 40px; font-weight: 500; color: #000; margin-bottom: 30px;}
.park-scan-qrcode-desc .desc2{font-size: 18px; font-weight: 500; color: #222; margin-bottom: 10px;}
.park-scan-qrcode-desc .desc3{font-size: 18px; font-weight: 500; color: #222;}
.park-scan-qrcode-num{display: flex; justify-content: space-between; align-items: center; padding: 0 10px; margin-bottom: 10px;}
.park-scan-qrcode-num .add-input{font-size: 14px; color: #333; border: 1px solid #28AB76; height: 40px; line-height: 40px;
    padding: 0 15px; margin: 0; border-radius: 20px;}
.park-scan-qrcode-num .query{background: #28AB76; border: 1px solid #28AB76; color: #fff; margin-left: 20px;}
.park-scan-qrcode-num .query:active{background: #28AB76; border: 1px solid #28AB76; opacity: 0.8;}
.park-scan-qrcode-tip{font-size: 12px; color: #28AB76; padding: 0 10px; margin-bottom: 20px;}
.park-scan-qrcode-info{background: #fff; margin-bottom: 85px;}
.park-scan-qrcode-info .title{font-size: 16px; font-weight: 500; color: #222; padding: 10px;}
.park-scan-qrcode-info .item{display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #f5f5f5; height: 60px; padding: 0 10px 0 10px;}
.park-scan-qrcode-info .item .left{font-size: 16px; color: #777;}
.park-scan-qrcode-info .item .right{display: flex; align-items: center;}
.park-scan-qrcode-info .item .right input{font-size: 16px; color: #333; height: 40px; line-height: 40px;
    padding: 0; margin: 0; border: 0; text-align: right;}
.park-scan-qrcode-info .item .right .select{font-size: 16px; color: #333;}
.park-scan-qrcode-info .item .right .mui-icon{font-size: 20px; color: #999;}
.park-scan-qrcode-info .item .right .desc{font-size: 16px; color: #333;}
.park-scan-qrcode-info .item .right .desc.status1{color: #FDA850;}
.park-scan-qrcode-info .item .right .desc.status2{color: #21D388;}
.park-scan-qrcode-info .item .right .desc.status3{color: #FF5A48;}
.park-scan-qrcode-info .item .right2{display: flex; flex-direction: column; align-items: flex-end;}
.park-scan-qrcode-info .item .right2 .desc1{font-size: 16px; color: #333;}
.park-scan-qrcode-info .item .right2 .desc2{font-size: 14px; color: #777;}
.park-scan-qrcode-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.park-scan-qrcode-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #28AB76;
    background-color: #28AB76; margin-bottom: 0; width: 80%;}
.park-scan-qrcode-action .save:active{border: 1px solid #28AB76; background-color: #28AB76; opacity: 0.8;}
/* 缴费详情 */
.park-payment-detail-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.park-payment-detail-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-payment-detail-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-payment-detail-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.park-payment-detail-item{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.park-payment-detail-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.park-payment-detail-item .title .left{font-size: 16px; font-weight: 500; color: #000;}
.park-payment-detail-item .item{padding: 15px 10px; position: relative;}
.park-payment-detail-item .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-payment-detail-item .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.park-payment-detail-item .item .desc{font-size: 14px; color: #333;}
.park-payment-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px; padding: 0 15px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-payment-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.park-payment-detail-action .submit{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-payment-detail-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.park-payment-detail-action .unsubmit{border: 1px solid #999; background-color: #999;}
.park-payment-detail-action .unsubmit:active{border: 1px solid #999; background-color: #999; opacity: 0.8;}
/* 车辆登记 */
.park-car-register-new-top-bg{background: url(../img/visitor/form_bg2.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 128px; display: flex; flex-direction: column; justify-content: center; padding-left: 15px;}
.park-car-register-new-top-bg .desc{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-car-register-new-top-bg .name{font-size: 20px; font-weight: 500; color: #fff;}
.park-car-register-new-list{margin: -20px 15px 85px;}
.park-car-register-new-item{background: #fff; border-radius: 7px; margin-bottom: 10px;}
.park-car-register-new-item .top{display: flex; align-items: center; padding: 10px;}
.park-car-register-new-item .top .title{font-size: 18px; font-weight: 600; color: #000;}
.park-car-register-new-item .top .desc{padding: 0 5px; font-size: 10px; color: var(--text-color); line-height: normal;
    background: rgba(var(--r-color), var(--g-color), var(--b-color), 0.1); border-radius: 3px; margin-left: 5px;}
.park-car-register-new-item-input{display: flex; align-items: center; padding: 0 0 5px 10px; position: relative;}
.park-car-register-new-item-input .left{font-size: 14px; color: #777; white-space: nowrap;}
.park-car-register-new-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.park-car-register-new-item-input .content::placeholder{font-size: 16px; color: #333;}
.park-car-register-new-item-input svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 8px; right: 10px; z-index: 9;}
.park-car-register-new-item-input-box{position: absolute; top: 50px; left: 10px; right: 10px;
    background: #fff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0,0,0, .1); z-index: 9;}
.park-car-register-new-item-input-box .list{max-height: 150px; overflow-y: auto;}
.park-car-register-new-item-input-box .list .item{display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px;}
.park-car-register-new-item-input-box .list .item:active{background: #f5f5f5;}
.park-car-register-new-item-input-box .list .item .left{display: flex; align-items: center;}
.park-car-register-new-item-input-box .list .item .left .name{font-size: 14px; color: #333;}
.park-car-register-new-item-input-box .list .item .left .phone{font-size: 14px; color: #777;}
.park-car-register-new-item-input-box .list .item .dept{font-size: 14px; color: #555;}
.park-car-register-new-item-input-box .no{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}
.park-car-register-new-item-input-box .loading{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}
.park-car-register-new-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 45px;}
.park-car-register-new-item-select:active{background: #f5f5f5;}
.park-car-register-new-item-select .left{font-size: 14px; color: #777; white-space: nowrap;}
.park-car-register-new-item-select .right{display: flex; align-items: center;}
.park-car-register-new-item-select .right .desc{font-size: 16px; color: #333;}
.park-car-register-new-item-select .right .mui-icon{font-size: 20px; color: #999;}
.park-car-register-new-item-upload .title{font-size: 14px; color: #777; padding: 10px 10px 10px 10px;}
.park-car-register-new-item-upload .content{display: flex; flex-wrap: wrap;}
.park-car-register-new-item-upload .content .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.park-car-register-new-item-upload .content .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.park-car-register-new-item-upload .content .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.park-car-register-new-item-upload .content .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.park-car-register-new-item-upload .content .pic-action:active{background: #f5f5f5;}
.park-car-register-new-item-upload .content .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.park-car-register-new-item-upload .content .pic-action .name{font-size: 12px; color: #999;}
.park-car-register-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-car-register-new-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.park-car-register-new-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 车辆登记·详情 */
.park-car-register-detail-new-status{position: absolute; top: 20px; right: 20px; z-index: 5;}
.park-car-register-detail-new-status img{width: 64px; height: 48px; display: flex;}
.park-car-register-detail-new-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.park-car-register-detail-new-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.park-car-register-detail-new-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.park-car-register-detail-new-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.park-car-register-detail-new-record{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.park-car-register-detail-new-record .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.park-car-register-detail-new-record .title .left{font-size: 16px; font-weight: 500; color: #000;}
.park-car-register-detail-new-record .item{padding: 15px 10px; position: relative;}
.park-car-register-detail-new-record .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.park-car-register-detail-new-record .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.park-car-register-detail-new-record .item .desc{font-size: 14px; color: #333;}
.park-car-register-detail-new-record .item .down{display: flex; justify-content: space-between; align-items: center;}
.park-car-register-detail-new-record .item .down .left{font-size: 14px; color: #333;}
.park-car-register-detail-new-record .item .down .right{display: flex; align-items: center;}
.park-car-register-detail-new-record .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.park-car-register-detail-new-record .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.park-car-register-detail-new-record .item .img-wrap{display: flex; align-items: center; flex-wrap: wrap;}
.park-car-register-detail-new-record .item .img-wrap .img{width: 60px; height: 60px; display: flex; border-radius: 3px;
    margin-right: 15px; margin-bottom: 5px;}
.park-car-register-detail-new-approval{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.park-car-register-detail-new-approval>.title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.park-car-register-detail-new-approval>.title .left{font-size: 16px; font-weight: 500; color: #000;}
.park-car-register-detail-new-approval-content{padding: 10px}
.park-car-register-detail-new-approval-content .line{height: 60px; border-left: 2px solid #ddd; margin: 10px 0 10px 18px;}
.park-car-register-detail-new-approval-content .no-line{border-left: 2px solid #fff;}
.park-car-register-detail-new-approval-content-item{display: flex; align-items: center;}
.park-car-register-detail-new-approval-content-item .left{display: flex; justify-content: center; align-items: center;
    margin-right: 10px; position: relative;}
.park-car-register-detail-new-approval-content-item .left img{width: 36px; height: 36px; display: flex;}
.park-car-register-detail-new-approval-content-item .left .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.park-car-register-detail-new-approval-content-item .right{flex: 1;}
.park-car-register-detail-new-approval-content-item .right .up{display: flex; justify-content: space-between; align-items: center;}
.park-car-register-detail-new-approval-content-item .right .up .title{font-size: 14px; color: #333;}
.park-car-register-detail-new-approval-content-item .right .up .time{font-size: 12px; color: #999;}
.park-car-register-detail-new-approval-content-item .right .down{display: flex; align-items: center;}
.park-car-register-detail-new-approval-content-item .right .down .desc{font-size: 12px; color: #777;}
.park-car-register-detail-new-approval-content .content{display: flex; align-items: center; width: 100%; padding-left: 16px;}
.park-car-register-detail-new-approval-content .content .wrap{display: flex; align-items: center;}
.park-car-register-detail-new-approval-content .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.park-car-register-detail-new-approval-content .content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.park-car-register-detail-new-approval-content .content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.park-car-register-detail-new-approval-content .content .person-item .person-item-img .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.park-car-register-detail-new-approval-content .content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.park-car-register-detail-new-approval-content .content .person-item.all .name{width: 50px;}
.park-car-register-detail-new-approval-content .content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.park-car-register-detail-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.park-car-register-detail-new-action .agree{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 67%;}
.park-car-register-detail-new-action .agree:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.park-car-register-detail-new-action .refuse{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 便捷挪车·查询 */
.park-move-car-check-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 15px; display: flex; justify-content: space-between;}
.park-move-car-check-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-move-car-check-title .left .title{font-size: 24px; font-weight: 500; color: #fff;}
.park-move-car-check-list{display: flex; flex-direction: column; margin: -150px 15px 20px;
    padding: 15px; background: #fff; border-radius: 5px;}
.park-move-car-check-item{margin-bottom: 20px;}
.park-move-car-check-action{}
.park-move-car-check-action button{font-size: 16px; color: #fff; padding: 10px 0;}
.park-move-car-check-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-move-car-check-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 便捷挪车·信息 */
.park-move-car-info-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.park-move-car-info-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.park-move-car-info-title .left .title{font-size: 20px; font-weight: 500; color: #fff;}
.park-move-car-info-title .right{display: flex; align-items: flex-start;}
.park-move-car-info-title .right .desc{font-size: 18px; font-weight: 500; color: #fff;}
.park-move-car-info-list{display: flex; flex-direction: column; margin: -160px 20px 20px;
    padding: 15px 0; background: #fff; border-radius: 5px;}
.park-move-car-info-list .title{padding: 0 10px; margin-bottom: 15px; font-size: 18px; color: #000;}
.park-move-car-info-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px; margin-bottom: 20px;}
.park-move-car-info-item .left{font-size: 16px; color: #777;}
.park-move-car-info-item .right{font-size: 16px; color: #333;}
.park-move-car-info-action{margin: 20px 20px;}
.park-move-car-info-action button{font-size: 16px; color: #fff; padding: 10px 0;}
.park-move-car-info-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.park-move-car-info-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 挪车提醒 */
.park-move-car-remind-item{background: #fff; border-radius: 7px; margin: 15px 15px 85px;}
.park-move-car-remind-item-input{display: flex; align-items: center; padding: 10px 0 30px 10px; position: relative;}
.park-move-car-remind-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.park-move-car-remind-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.park-move-car-remind-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.park-move-car-remind-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.park-move-car-remind-item-input .tip{position: absolute; left: 10px; right: 10px; bottom: 0px; z-index: 9;
    padding: 5px 10px; font-size: 12px; color: #ff5700; background-color: #fff2e5; border-radius: 5px;}
.park-move-car-remind-item-upload .title{font-size: 15px; color: #333; padding: 10px 10px 10px 10px;}
.park-move-car-remind-item-upload .content{display: flex; flex-wrap: wrap;}
.park-move-car-remind-item-upload .content .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.park-move-car-remind-item-upload .content .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.park-move-car-remind-item-upload .content .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.park-move-car-remind-item-upload .content .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.park-move-car-remind-item-upload .content .pic-action:active{background: #f5f5f5;}
.park-move-car-remind-item-upload .content .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.park-move-car-remind-item-upload .content .pic-action .name{font-size: 12px; color: #999;}
.park-move-car-remind-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.park-move-car-remind-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%; border-radius: 8px;}
.park-move-car-remind-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}

/* ============================= 监控 ================================ */
/* 底部导航 */
nav.video-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff;
    border-top: 1px solid #e5e5e5; box-shadow: none;}
nav.mui-bar-tab .mui-tab-item .mui-icon{top: 5px;}
nav .mui-tab-item .nav-idx{background: url("../img/video/video_idx.png") center no-repeat; background-size: 100% 100%;}
nav .mui-tab-item .nav-msg{background: url("../img/video/video_msg.png") center no-repeat; background-size: 100% 100%;}
nav .mui-tab-item .nav-advance{background: url("../img/video/video_advance.png") center no-repeat; background-size: 100% 100%;}
nav .mui-tab-item .nav-set{background: url("../img/video/video_set.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-idx{background: url("../img/video/video_idx_active.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-msg{background: url("../img/video/video_msg_active.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-advance{background: url("../img/video/video_advance_active.png") center no-repeat; background-size: 100% 100%;}
nav .mui-active .nav-set{background: url("../img/video/video_set_active.png") center no-repeat; background-size: 100% 100%;}
nav.video-bar-tab .mui-tab-item.mui-active{color: #3296FA;}
/* 高级 */
.video-advance{margin: 15px 10px 0;}
.video-advance-title{display: flex; align-items: center; margin-bottom: 10px;}
.video-advance-title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-advance-list{display: flex; margin-bottom: 15px;}
.video-advance-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 32%; padding: 15px 0; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #f5f5f5; margin-right: 2%;}
.video-advance-list .video-advance-item:last-child{margin-right: 0;}
.video-advance-item:active{background: #f5f5f5;}
.video-advance-item img{width: 70px; height: 70px;}
.video-advance-item .name{font-size: 14px; font-weight: 400; color: #555; margin: 7px 0 0;}
.video-advance-item .desc{font-size: 12px; color: #999;}
/* 数据导出 */
.video-export-data-list{margin: 15px 0 0;}
.video-export-data-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.video-export-data-item:active{background: #f5f5f5;}
.video-export-data-item .name{font-size: 16px; color: #555;}
.video-export-data-item .mui-icon{font-size: 20px; color: #999;}
/* 数据导出·详情 */
.video-export-data-detail-list{margin-top: 15px;}
.video-export-data-detail-item{background: #fff; margin-bottom: 15px;}
.video-export-data-detail-item .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.video-export-data-detail-item .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.video-export-data-detail-item .content:active{background: #f5f5f5;}
.video-export-data-detail-item .content .name{font-size: 16px; color: #000;}
.video-export-data-detail-item .content .mui-icon{font-size: 20px; color: #999;}
.video-export-data-detail-item-time{background: #fff;}
.video-export-data-detail-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.video-export-data-detail-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.video-export-data-detail-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.video-export-data-detail-item-time .content:active{background: #f5f5f5;}
.video-export-data-detail-item-time .content .name{font-size: 16px; color: #000;}
.video-export-data-detail-item-time .content .mui-icon{font-size: 20px; color: #999;}
.video-export-data-detail-action{margin: 25px 20px;}
.video-export-data-detail-action .export{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; letter-spacing: 5px;}
.video-export-data-detail-action .export:active{border: 1px solid #2A74F3; background-color: #2A74F3; opacity: 0.8;}
/* 人脸识别 */
.video-face-index-list{margin: 15px 15px 0;}
.video-face-index-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.video-face-index-item:active{background: #f5f5f5;}
.video-face-index-item-left{display: flex; align-items: center;}
.video-face-index-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.video-face-index-item-left .content{display: flex; flex-direction: column; justify-content: center;}
.video-face-index-item-left .content .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.video-face-index-item-left .content .desc{font-size: 14px; color: #999;}
.video-face-index-item-right{display: flex; align-items: center;}
.video-face-index-item-right span{font-size: 20px; color: #999;}
/* 识别记录 */
.identify-record-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.filter-dialog-item{padding: 0 15px;}
.filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.filter-dialog-type{display: flex; flex-wrap: wrap; margin-bottom: 5px;}
.filter-dialog-type-item{display: flex; width: 25%; justify-content: center; align-items: center; margin-bottom: 10px;}
.filter-dialog-type-item span{display: inline-block; width: 90%; background: #f5f5f5; padding: 5px 0; border-radius: 3px;
    color: #333; font-size: 16px; text-align: center;}
.filter-dialog-type-item span.active{background: #3296FA; color: #fff;}
.filter-dialog-device{margin-bottom: 15px;}
.filter-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.filter-dialog-device span:active{background: #fff;}
.filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.filter-dialog-time .time:active{background: #fff;}
.filter-dialog-time .space{color: #333;}
.filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.filter-dialog-action .confirm{color: #3296FA;}
.filter-dialog-action span:active{background: #f5f5f5;}
.identify-record-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px;}
.identify-record-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0;}
.identify-record-search .mui-search.mui-active:before{top: 25px;}
.identify-record-search .mui-search .mui-placeholder{pointer-events: none;}
.identify-record-top-num{font-size: 14px; color: #777;}
.identify-record-filter .filter-wrap{display: flex; align-items: center; height: 34px; padding: 0 5px;}
.identify-record-filter .filter-wrap:active{background: #f5f5f5;}
.identify-record-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.identify-record-filter span{font-size: 14px; color: #3296FA;}
.identify-record-list{margin: 15px 15px 0;}
.identify-record-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.identify-record-item:active{background: #f5f5f5;}
.identify-record-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.identify-record-item-right{display: flex; flex-direction: column; justify-content: center; width: 60%; padding: 10px 0 10px 10px;}
.identify-record-item-right .info{display: flex; align-items: center; justify-content: space-between; padding-right: 10px;}
.identify-record-item-right .info .name{font-size: 16px; font-weight: 400; color: #333;}
.identify-record-item-right .info .type{font-size: 14px; color: #3296FA;}
.identify-record-item-right .info .type2{font-size: 14px; color: #FF5A48;}
.identify-record-item-right .desc{font-size: 14px; color: #555; margin: 2px 0 13px;}
.identify-record-item-right .time{font-size: 14px; color: #999;}
/* 识别详情 */
.identify-record-detail-top{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.identify-record-detail-top .title{font-size: 18px; font-weight: 400; color: #000;}
.identify-record-detail-top .type{font-size: 16px; color: #3296FA;}
.identify-record-detail-top .type2{font-size: 16px; color: #FF5A48;}
.identify-record-detail-list{margin: 5px 20px 0; padding: 20px 15px; background: #fff; border-radius: 5px;}
.identify-record-detail-item{display: flex; margin-bottom: 20px;}
.identify-record-detail-list .identify-record-detail-item:last-child{margin-bottom: 0;}
.identify-record-detail-item-left{display: flex; align-items: center; width: 15%;}
.identify-record-detail-item-left img{width: 20px; height: 20px;}
.identify-record-detail-item-right{display: flex; width: 85%;}
.identify-record-detail-item-right .video{width: 100%; height: 120px; border-radius: 5px;}
.identify-record-detail-item-right .name{font-size: 16px; color: #333;}
.identify-record-detail-item-right .time{font-size: 16px; color: #333;}
.identify-record-detail-item-right .picture{width: 100%; height: 120px; border-radius: 5px;}
.identify-record-detail-action{margin: 30px 40px;}
.identify-record-detail-action .check{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.identify-record-detail-action .check:active{background: #2A74F3;}
/* 识别统计 */
.identify-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px;}
.identify-stats-top-left{display: flex; align-items: center;}
.identify-stats-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.identify-stats-top-left button.active{background-color: #3296FA; color: #fff;}
.identify-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.identify-stats-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.identify-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.identify-stats-top-right{display: flex; align-items: center;}
.identify-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.identify-stats-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.identify-stats-list{margin: 15px 15px 0;}
.identify-stats-item{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;
    border-radius: 5px; background: #fff; margin-bottom: 15px;}
.identify-stats-item:active{background: #f5f5f5;}
.identify-stats-item-left{display: flex; align-items: center;}
.identify-stats-item-left img{width: 50px; height: 50px; border-radius: 50%; display: flex; margin-right: 10px;}
.identify-stats-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.identify-stats-item-left .info .name{font-size: 16px; color: #333;}
.identify-stats-item-left .info .desc{font-size: 14px; color: #999;}
.identify-stats-item-right{display: flex; align-items: center;}
.identify-stats-item-right .num{font-size: 14px; color: #777;}
.identify-stats-item-right .mui-icon{font-size: 20px; color: #999;}
/* 规则记录 */
.push-record-list{margin-top: 10px;}
.push-record-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 5px 0 15px; margin-bottom: 10px; height: 40px;}
.push-record-item:active{background: #f5f5f5;}
.push-record-item .name{font-size: 16px; color: #333;}
.push-record-item .right{display: flex; align-items: center;}
.push-record-item .right .mui-icon{font-size: 20px; color: #999;}
/* 定期关怀·日期 */
.regular-care-date-top{position: relative; background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.regular-care-date-top button{padding: 10px 0; margin-bottom: 0; border: 0; font-size: 16px;
    color: #555; background: #f5f5f5;}
.regular-care-date-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 20px; left: 50%; z-index: 9; margin-left: -70px;}
.regular-care-date-list{margin: 0 15px;}
.regular-care-date-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; margin-bottom: 10px; background: #fff; border-radius: 3px;}
.regular-care-date-item:active{background: #f5f5f5;}
.regular-care-date-item-left{display: flex; align-items: center; font-size: 16px; color: #333;}
.regular-care-date-item-right{display: flex; align-items: center;}
.regular-care-date-item-right .status1{font-size: 14px; color: #21D388; line-height: normal;}
.regular-care-date-item-right .status2{font-size: 14px; color: #FF5A48; line-height: normal;}
.regular-care-date-item-right .mui-icon{font-size: 20px; color: #999; margin-left: 5px;}
/* 定期关怀 */
.regular-care-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.regular-care-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: #fff;}
.regular-care-dialog-item{padding: 0 15px;}
.regular-care-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.regular-care-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.regular-care-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.regular-care-dialog-time .time:active{background: #fff;}
.regular-care-dialog-time .space{color: #333;}
.regular-care-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.regular-care-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.regular-care-dialog-action span:active{background: #f5f5f5;}
.regular-care-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.regular-care-dialog-action .confirm{color: #3296FA;}
.regular-care-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 10px 0;}
.regular-care-search .mui-search input{background-color: #f5f5f5;}
.regular-care-search .mui-search.mui-active:before{top: 25px;}
.regular-care-search .mui-search .mui-placeholder{pointer-events: none;}
.regular-care-filter{display: flex; align-items: center; padding: 0 5px; height: 34px; margin-bottom: 15px;}
.regular-care-filter:active{background: #f5f5f5;}
.regular-care-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.regular-care-filter span{font-size: 14px; color: #3296FA;}
.regular-care-list{margin: 15px 10px 0;}
.regular-care-item{display: flex; align-items: center; width: 100%; background: #fff;
    border-radius: 5px; margin-bottom: 15px; padding: 15px 10px;}
.regular-care-item:active{background: #f5f5f5;}
.regular-care-item img{width: 50px; height: 50px; border-radius: 3px;}
.regular-care-item-right{width: calc(100% - 50px); padding-left: 5px;
    display: flex; flex-direction: column; justify-content: space-between;}
.regular-care-item-right .info{display: flex; justify-content: space-between; align-items: center;}
.regular-care-item-right .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.regular-care-item-right .info .status3{font-size: 14px; color: #FF5A48;}
.regular-care-item-right .time{font-size: 14px; color: #999;}
/* 定期关怀·抓拍记录 */
.regular-care-capture-list{margin: 15px 15px 0;}
.regular-care-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.regular-care-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.regular-care-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column; justify-content: space-between;}
.regular-care-capture-item-right .info{display: flex; align-items: center;}
.regular-care-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.regular-care-capture-item-right .time{font-size: 14px; color: #999;}
.regular-care-capture-item-right .content{display: flex; align-items: center;}
.regular-care-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.regular-care-capture-item-right .content span:last-child{margin-right: 0;}
/* 陌生人告警·日期 */
.stranger-alarm-date-top{position: relative; background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.stranger-alarm-date-top button{padding: 10px 0; margin-bottom: 0; border: 0; font-size: 16px;
    color: #555; background: #f5f5f5;}
.stranger-alarm-date-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 20px; left: 50%; z-index: 9; margin-left: -70px;}
.stranger-alarm-date-list{margin: 0 15px;}
.stranger-alarm-date-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; margin-bottom: 10px; background: #fff; border-radius: 3px;}
.stranger-alarm-date-item:active{background: #f5f5f5;}
.stranger-alarm-date-item-left{display: flex; align-items: center; font-size: 16px; color: #333;}
.stranger-alarm-date-item-right{display: flex; align-items: center;}
.stranger-alarm-date-item-right .status1{font-size: 14px; color: #21D388; line-height: normal;}
.stranger-alarm-date-item-right .status2{font-size: 14px; color: #FF5A48; line-height: normal;}
.stranger-alarm-date-item-right .mui-icon{font-size: 20px; color: #999; margin-left: 5px;}
/* 陌生人告警 */
.stranger-alarm-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.stranger-alarm-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: #fff;}
.stranger-alarm-dialog-item{padding: 0 15px;}
.stranger-alarm-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.stranger-alarm-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.stranger-alarm-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.stranger-alarm-dialog-time .time:active{background: #fff;}
.stranger-alarm-dialog-time .space{color: #333;}
.stranger-alarm-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.stranger-alarm-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.stranger-alarm-dialog-action span:active{background: #f5f5f5;}
.stranger-alarm-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.stranger-alarm-dialog-action .confirm{color: #3296FA;}
.stranger-alarm-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 10px 0;}
.stranger-alarm-search .mui-search input{background-color: #f5f5f5;}
.stranger-alarm-search .mui-search.mui-active:before{top: 25px;}
.stranger-alarm-search .mui-search .mui-placeholder{pointer-events: none;}
.stranger-alarm-filter{display: flex; align-items: center; padding: 0 5px; height: 34px; margin-bottom: 15px;}
.stranger-alarm-filter:active{background: #f5f5f5;}
.stranger-alarm-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.stranger-alarm-filter span{font-size: 14px; color: #3296FA;}
.stranger-alarm-list{margin: 15px 10px 0;}
.stranger-alarm-item{display: flex; align-items: center; width: 100%; background: #fff;
    border-radius: 5px; margin-bottom: 15px; padding: 15px 10px;}
.stranger-alarm-item:active{background: #f5f5f5;}
.stranger-alarm-item img{width: 50px; height: 50px; border-radius: 3px;}
.stranger-alarm-item-right{width: calc(100% - 50px); padding-left: 5px;
    display: flex; flex-direction: column; justify-content: space-between;}
.stranger-alarm-item-right .info{display: flex; justify-content: space-between; align-items: center;}
.stranger-alarm-item-right .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.stranger-alarm-item-right .info .status3{font-size: 14px; color: #FF5A48;}
.stranger-alarm-item-right .time{font-size: 14px; color: #999;}
/* 陌生人告警·抓拍记录 */
.stranger-alarm-capture-list{margin: 15px 15px 0;}
.stranger-alarm-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.stranger-alarm-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.stranger-alarm-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column; justify-content: space-between;}
.stranger-alarm-capture-item-right .info{display: flex; align-items: center;}
.stranger-alarm-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stranger-alarm-capture-item-right .time{font-size: 14px; color: #999;}
.stranger-alarm-capture-item-right .content{display: flex; align-items: center;}
.stranger-alarm-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.stranger-alarm-capture-item-right .content span:last-child{margin-right: 0;}
/* 规则设置 */
.face-rule-set-list{margin-top: 15px;}
.face-rule-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 5px 0 15px; margin-bottom: 15px; height: 40px;}
.face-rule-set-item:active{background: #f5f5f5;}
.face-rule-set-item .name{font-size: 16px; color: #333;}
.face-rule-set-item .right{display: flex; align-items: center;}
.face-rule-set-item .right .mui-icon{font-size: 20px; color: #999;}
.face-rule-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.face-rule-set-plus img{width: 44px; height: 44px; display: flex;}
/* 添加规则 */
.face-rule-add-list{margin-top: 12px;}
.face-rule-add-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 5px 0 15px; margin-bottom: 12px; height: 50px;}
.face-rule-add-item:active{background: #f5f5f5;}
.face-rule-add-item .left{display: flex; align-items: center;}
.face-rule-add-item .left .name{font-size: 16px; color: #333;}
.face-rule-add-item .right{display: flex; align-items: center;}
.face-rule-add-item .right .content{font-size: 14px; color: #999; border: 0; line-height: 40px;
    margin: 0; padding: 0 10px 0 0; width: 200px; text-align: right;}
.face-rule-add-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.face-rule-add-item .right .mui-icon{font-size: 20px; color: #999;}
.face-rule-add-item2{background: #fff;}
.face-rule-add-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.face-rule-add-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.face-rule-add-item2 .content{display: flex; flex-wrap: wrap;}
.face-rule-add-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.face-rule-add-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.face-rule-add-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.face-rule-add-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.face-rule-add-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.face-rule-add-item2 .content .person-item .name{font-size: 14px; color: #777;}
.face-rule-add-action{margin: 30px 40px;}
.face-rule-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.face-rule-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.face-rule-add-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 抓拍记录 */
.capture-record-list{margin: 15px 15px 0;}
.capture-record-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.capture-record-item:active{background: #f5f5f5;}
.capture-record-item-left{display: flex; align-items: center;}
.capture-record-item-left img{width: 44px; height: 44px; display: flex; margin-right: 10px;}
.capture-record-item-left .content{display: flex; flex-direction: column; justify-content: center;}
.capture-record-item-left .content .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.capture-record-item-left .content .desc{font-size: 14px; color: #999;}
.capture-record-item-right{display: flex; align-items: center;}
.capture-record-item-right span{font-size: 20px; color: #999;}
/* 人脸抓拍 */
.human-face-capture-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.human-face-capture-dialog{position: fixed; top: 0; bottom: 100px; left: 0; right: 0; z-index: 9; background: #fff; overflow-y: auto;}
.human-face-capture-dialog-item{padding: 0 15px;}
.human-face-capture-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.human-face-capture-dialog-device{margin-bottom: 15px;}
.human-face-capture-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.human-face-capture-dialog-device span:active{background: #fff;}
.human-face-capture-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.human-face-capture-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.human-face-capture-dialog-time .time:active{background: #fff;}
.human-face-capture-dialog-time .space{color: #333;}
.human-face-capture-dialog-select{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.human-face-capture-dialog-select .mui-btn{width: 30%; height: 36px; line-height: 36px; font-size: 16px; color: #333;
    padding: 0;}
.human-face-capture-dialog-select .mui-btn.active{background-color: #3296FA; color: #fff; border-color: #3296FA;}
.human-face-capture-dialog-age{margin-bottom: 15px;}
.human-face-capture-dialog-age .content{width: 70%; font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.human-face-capture-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.human-face-capture-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.human-face-capture-dialog-action span:active{background: #f5f5f5;}
.human-face-capture-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.human-face-capture-dialog-action .confirm{color: #3296FA;}
.human-face-capture-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.human-face-capture-num{font-size: 14px; color: #777;}
.human-face-capture-filter{display: flex; align-items: center; padding: 2px 5px;}
.human-face-capture-filter:active{background: #f5f5f5;}
.human-face-capture-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.human-face-capture-filter span{font-size: 14px; color: #3296FA;}
.human-face-capture-list{margin: 0 15px 0;}
.human-face-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.human-face-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.human-face-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column;}
.human-face-capture-item-right .info{display: flex; align-items: center;}
.human-face-capture-item-right .info .name{font-size: 16px; color: #333; max-width: 120px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.human-face-capture-item-right .info .num{font-size: 14px; color: #999;}
.human-face-capture-item-right .time{font-size: 14px; color: #999; margin: 5px 0 12px;}
.human-face-capture-item-right .content{display: flex; align-items: center;}
.human-face-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; line-height: 16px;}
.human-face-capture-item-right .content span:last-child{margin-right: 0;}
.human-face-capture-item-right .wrap{display: flex;}
.human-face-capture-item-right .wrap .item{display: flex; align-items: center; margin-right: 10px;}
.human-face-capture-item-right .wrap .item:last-child{margin-right: 0;}
.human-face-capture-item-right .wrap .item img{width: 18px; height: 18px; display: flex;}
.human-face-capture-item-right .wrap .item .age{font-size: 16px; color: #3296FA; line-height: normal;}
/* 人体抓拍 */
.human-body-capture-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.human-body-capture-dialog{position: fixed; top: 0; bottom: 100px; left: 0; right: 0; z-index: 9; background: #fff; overflow-y: auto;}
.human-body-capture-dialog-item{padding: 0 15px;}
.human-body-capture-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.human-body-capture-dialog-device{margin-bottom: 15px;}
.human-body-capture-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.human-body-capture-dialog-device span:active{background: #fff;}
.human-body-capture-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.human-body-capture-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.human-body-capture-dialog-time .time:active{background: #fff;}
.human-body-capture-dialog-time .space{color: #333;}
.human-body-capture-dialog-select{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.human-body-capture-dialog-select .mui-btn{width: 30%; height: 36px; line-height: 36px; font-size: 16px; color: #333;
    padding: 0;}
.human-body-capture-dialog-select .mui-btn.active{background-color: #3296FA; color: #fff; border-color: #3296FA;}
.human-body-capture-dialog-option{margin-bottom: 15px;}
.human-body-capture-dialog-option .option-item{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.human-body-capture-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.human-body-capture-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.human-body-capture-dialog-action span:active{background: #f5f5f5;}
.human-body-capture-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.human-body-capture-dialog-action .confirm{color: #3296FA;}
.human-body-capture-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.human-body-capture-num{font-size: 14px; color: #777;}
.human-body-capture-filter{display: flex; align-items: center; padding: 2px 5px;}
.human-body-capture-filter:active{background: #f5f5f5;}
.human-body-capture-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.human-body-capture-filter span{font-size: 14px; color: #3296FA;}
.human-body-capture-list{margin: 0 15px 0;}
.human-body-capture-item{margin-bottom: 15px;}
.human-body-capture-item-up{display: flex; width: 100%; background: #fff;}
.human-body-capture-item-up img{width: 40%; height: 100px; border-top-left-radius: 5px;}
.human-body-capture-item-right{width: 60%; padding: 5px 0 5px 10px; border-top-right-radius: 5px;
    display: flex; flex-direction: column; justify-content: space-between;}
.human-body-capture-item-right .info{display: flex; align-items: center;}
.human-body-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.human-body-capture-item-right .time{font-size: 14px; color: #999;}
.human-body-capture-item-right .content{display: flex; align-items: center;}
.human-body-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.human-body-capture-item-right .content span:last-child{margin-right: 0;}
.human-body-capture-item-down{background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
    padding: 5px 10px;}
.human-body-capture-item-down .wrap{display: none;}
.human-body-capture-item-down .content{display: flex; align-items: center; margin-bottom: 5px;}
.human-body-capture-item-down .content span{font-size: 12px; color: #999; width: 33%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.human-body-capture-item-down .action{display: flex; justify-content: center; align-items: center;}
.human-body-capture-item-down .action:active{background: #f5f5f5;}
.human-body-capture-item-down .action .desc{font-size: 14px; color: #777; margin-right: 5px; line-height: normal;}
.human-body-capture-item-down .action .mui-icon{font-size: 20px; color: #999;}
/* 机动车抓拍 */
.motor-vehicle-capture-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.motor-vehicle-capture-dialog{position: fixed; top: 0; bottom: 100px; left: 0; right: 0; z-index: 9; background: #fff; overflow-y: auto;}
.motor-vehicle-capture-dialog-item{padding: 0 15px;}
.motor-vehicle-capture-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.motor-vehicle-capture-dialog-device{margin-bottom: 15px;}
.motor-vehicle-capture-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.motor-vehicle-capture-dialog-device span:active{background: #fff;}
.motor-vehicle-capture-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.motor-vehicle-capture-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.motor-vehicle-capture-dialog-time .time:active{background: #fff;}
.motor-vehicle-capture-dialog-time .space{color: #333;}
.motor-vehicle-capture-dialog-option{margin-bottom: 15px;}
.motor-vehicle-capture-dialog-option .option-item{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.motor-vehicle-capture-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.motor-vehicle-capture-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.motor-vehicle-capture-dialog-action span:active{background: #f5f5f5;}
.motor-vehicle-capture-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.motor-vehicle-capture-dialog-action .confirm{color: #3296FA;}
.motor-vehicle-capture-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.motor-vehicle-capture-num{font-size: 14px; color: #777;}
.motor-vehicle-capture-filter{display: flex; align-items: center; padding: 2px 5px;}
.motor-vehicle-capture-filter:active{background: #f5f5f5;}
.motor-vehicle-capture-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.motor-vehicle-capture-filter span{font-size: 14px; color: #3296FA;}
.motor-vehicle-capture-list{margin: 0 15px 0;}
.motor-vehicle-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.motor-vehicle-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.motor-vehicle-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column; justify-content: space-between;}
.motor-vehicle-capture-item-right .info{display: flex; align-items: center;}
.motor-vehicle-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.motor-vehicle-capture-item-right .time{font-size: 14px; color: #999;}
.motor-vehicle-capture-item-right .content{display: flex; align-items: center;}
.motor-vehicle-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.motor-vehicle-capture-item-right .content span:last-child{margin-right: 0;}
/* 非机动车抓拍 */
.non-motor-vehicle-capture-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.non-motor-vehicle-capture-dialog{position: fixed; top: 0; bottom: 100px; left: 0; right: 0; z-index: 9; background: #fff; overflow-y: auto;}
.non-motor-vehicle-capture-dialog-item{padding: 0 15px;}
.non-motor-vehicle-capture-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.non-motor-vehicle-capture-dialog-device{margin-bottom: 15px;}
.non-motor-vehicle-capture-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.non-motor-vehicle-capture-dialog-device span:active{background: #fff;}
.non-motor-vehicle-capture-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.non-motor-vehicle-capture-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.non-motor-vehicle-capture-dialog-time .time:active{background: #fff;}
.non-motor-vehicle-capture-dialog-time .space{color: #333;}
.non-motor-vehicle-capture-dialog-option{margin-bottom: 15px;}
.non-motor-vehicle-capture-dialog-option .option-item{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.non-motor-vehicle-capture-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.non-motor-vehicle-capture-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.non-motor-vehicle-capture-dialog-action span:active{background: #f5f5f5;}
.non-motor-vehicle-capture-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.non-motor-vehicle-capture-dialog-action .confirm{color: #3296FA;}
.non-motor-vehicle-capture-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.non-motor-vehicle-capture-num{font-size: 14px; color: #777;}
.non-motor-vehicle-capture-filter{display: flex; align-items: center; padding: 2px 5px;}
.non-motor-vehicle-capture-filter:active{background: #f5f5f5;}
.non-motor-vehicle-capture-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.non-motor-vehicle-capture-filter span{font-size: 14px; color: #3296FA;}
.non-motor-vehicle-capture-list{margin: 0 15px 0;}
.non-motor-vehicle-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.non-motor-vehicle-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.non-motor-vehicle-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column; justify-content: space-between;}
.non-motor-vehicle-capture-item-right .info{display: flex; align-items: center;}
.non-motor-vehicle-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.non-motor-vehicle-capture-item-right .time{font-size: 14px; color: #999;}
.non-motor-vehicle-capture-item-right .content{display: flex; align-items: center;}
.non-motor-vehicle-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.non-motor-vehicle-capture-item-right .content span:last-child{margin-right: 0;}
/* 车牌抓拍 */
.plate-number-capture-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.plate-number-capture-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: #fff;}
.plate-number-capture-dialog-item{padding: 0 15px;}
.plate-number-capture-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.plate-number-capture-dialog-device{margin-bottom: 15px;}
.plate-number-capture-dialog-device span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.plate-number-capture-dialog-device span:active{background: #fff;}
.plate-number-capture-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.plate-number-capture-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.plate-number-capture-dialog-time .time:active{background: #fff;}
.plate-number-capture-dialog-time .space{color: #333;}
.plate-number-capture-dialog-option{margin-bottom: 15px;}
.plate-number-capture-dialog-option .option-item{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.plate-number-capture-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.plate-number-capture-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.plate-number-capture-dialog-action span:active{background: #f5f5f5;}
.plate-number-capture-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.plate-number-capture-dialog-action .confirm{color: #3296FA;}
.plate-number-capture-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-bottom: 15px;}
.plate-number-capture-num{font-size: 14px; color: #777;}
.plate-number-capture-filter{display: flex; align-items: center; padding: 2px 5px;}
.plate-number-capture-filter:active{background: #f5f5f5;}
.plate-number-capture-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.plate-number-capture-filter span{font-size: 14px; color: #3296FA;}
.plate-number-capture-list{margin: 0 15px 0;}
.plate-number-capture-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.plate-number-capture-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.plate-number-capture-item-right{width: 60%; padding: 5px 0 5px 10px;
    display: flex; flex-direction: column; justify-content: space-between;}
.plate-number-capture-item-right .info{display: flex; align-items: center;}
.plate-number-capture-item-right .info .name{font-size: 16px; color: #333; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.plate-number-capture-item-right .time{font-size: 14px; color: #999;}
.plate-number-capture-item-right .content{display: flex; align-items: center;}
.plate-number-capture-item-right .content span{font-size: 12px; color: #999; margin-right: 5px;}
/* 人脸识别·系统设置 */
.face-system-set-list{margin: 15px 15px 0;}
.face-system-set-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.face-system-set-item:active{background: #f5f5f5;}
.face-system-set-item-left{display: flex; align-items: center;}
.face-system-set-item-left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.face-system-set-item-left .content{display: flex; flex-direction: column; justify-content: center;}
.face-system-set-item-left .content .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.face-system-set-item-left .content .desc{font-size: 14px; color: #999;}
.face-system-set-item-right{display: flex; align-items: center;}
.face-system-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 欢迎语设置 */
.face-welcome-set-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin: 15px 0; padding: 0 10px 0 15px;}
.face-welcome-set-top .name{font-size: 16px; font-weight: 400; color: #333;}
.face-welcome-set-top .action{display: flex; align-items: center;}
.face-welcome-set-item{display: flex; flex-direction: column; background: #fff; margin-bottom: 15px;}
.face-welcome-set-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.face-welcome-set-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.face-welcome-set-item .select-name{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.face-welcome-set-item .select-name:active{background: #f5f5f5;}
.face-welcome-set-action{margin: 40px;}
.face-welcome-set-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.face-welcome-set-action .save{ border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.face-welcome-set-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 访客设置 */
.face-visitor-set{padding-top: 15px;}
.face-visitor-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 15px;}
.face-visitor-set-item:active{background: #f5f5f5;}
.face-visitor-set-item .left{font-size: 16px; color: #333;}
.face-visitor-set-item .right{display: flex; align-items: center;}
.face-visitor-set-item .right .mui-switch-blue.mui-active{border: 2px solid #3296FA; background-color: #3296FA;}
.face-visitor-set-item .right .desc{font-size: 14px; color: #777;}
.face-visitor-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 无感考勤门禁 */
.video-no-sense-list{margin: 15px 15px 0;}
.video-no-sense-item{display: flex; justify-content: space-between; padding: 15px 10px;
    background: #fff; border-radius: 3px; margin-bottom: 15px;}
.video-no-sense-item:active{background: #f5f5f5;}
.video-no-sense-item-left{display: flex; align-items: center;}
.video-no-sense-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.video-no-sense-item-info{display: flex; flex-direction: column; justify-content: center;}
.video-no-sense-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.video-no-sense-item-info .desc{font-size: 14px; color: #999;}
.video-no-sense-item-right{display: flex; align-items: center;}
.video-no-sense-item-right span{font-size: 20px; color: #999;}
/* 无感设置 */
.no-sense-set-list{margin: 15px 15px 0;}
.no-sense-set-item{display: flex; justify-content: space-between; padding: 15px 10px;
    background: #fff; border-radius: 3px; margin-bottom: 15px;}
.no-sense-set-item:active{background: #f5f5f5;}
.no-sense-set-item-left{display: flex; align-items: center;}
.no-sense-set-item-left img{width: 44px; height: 44px; display: flex; margin-right: 10px;}
.no-sense-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.no-sense-set-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.no-sense-set-item-info .desc{font-size: 14px; color: #999;}
.no-sense-set-item-right{display: flex; align-items: center;}
.no-sense-set-item-right span{font-size: 20px; color: #999;}
/* 人员分组 */
.video-people-group-top{padding: 0 15px; margin-bottom: 15px; background: #FFFFFF;}
.video-people-group-top-search{width: 100%; padding-top: 10px;}
.video-people-group-top-search .mui-search input{font-size: 16px; color: #333;}
.video-people-group-top-search .mui-search .mui-placeholder{pointer-events: none;}
.video-people-group-top .mui-segmented-control.mui-scroll-wrapper{height: 28px;}
.video-people-group-top .mui-segmented-control.mui-scroll-wrapper .mui-scroll{height: auto;}
.video-people-group-top-nav{display: flex; align-items: center;}
.video-people-group-top-nav a{font-size: 14px;}
.video-people-group-top-nav a.select{color: #3296FA;}
.video-people-group-top-nav a.unselect{color: #777;}
.video-people-group-top-nav .mui-icon{font-size: 16px; margin: 0 5px; color: #999;
    width: auto; height: auto; line-height: normal; border: none; text-align: unset;}
.video-people-group-content{margin-bottom: 15px;}
.video-people-group-content .mui-table-view:before{height: 0;}
.video-people-group-content .mui-table-view:after{height: 0;}
.video-people-group-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.video-people-group-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.video-people-group-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.video-people-group-content .mui-table-view-cell .name{font-size: 16px; color: #333; display: inline-block; width: 65%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 3px;}
.video-people-group-content .mui-table-view-cell .status{position: absolute; top: 20px; right: 32px; z-index: 9;
    font-size: 14px;}
.video-people-group-content .mui-table-view-cell .status.status1{color: #FDA850;}
.video-people-group-content .mui-table-view-cell .status.status2{color: #21D388;}
.video-people-group-list{margin: 0 15px 70px;}
.video-people-group-item{display: flex; justify-content: space-between; padding: 10px; background: #fff; border-radius: 5px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.video-people-group-list .video-people-group-item:last-child{margin-bottom: 0;}
.video-people-group-item:active{background: #f5f5f5;}
.video-people-group-item-left{display: flex; align-items: center;}
.video-people-group-item-left img{width: 40px; height: 40px; border-radius: 50%; display: flex; margin-right: 5px;}
.video-people-group-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.video-people-group-item-left .info .name{font-size: 16px; color: #333;}
.video-people-group-item-left .info .desc{font-size: 14px; color: #999;}
.video-people-group-item-right{display: flex; align-items: center;}
.video-people-group-item-right span{font-size: 14px; color: #777;}
.video-people-group-item-right .status1{font-size: 14px; color: #21D388;}
.video-people-group-item-right .status2{font-size: 14px; color: #FF5A48;}
.video-people-group-item-right .status3{font-size: 14px; color: #3296FA;}
.video-people-group-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 50px;
    display: flex; background: #fff; border-top: 1px solid #eee;}
.video-people-group-action .item{flex: 1; display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: #3296FA; position: relative;}
.video-people-group-action .item:active{background: #f5f5f5;}
.video-people-group-action .item:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #e5e5e5;}
.video-people-group-action .item:last-child:after{width: 0;}
/* 选择人员 */
.video-dorm-select-person-store-top{padding: 0 15px; margin-bottom: 15px; background: #fff;}
.video-dorm-select-person-store-top-search{width: 100%; padding-top: 10px;}
.video-dorm-select-person-store-top-search .mui-search input{font-size: 16px; color: #333;}
.video-dorm-select-person-store-top-search .mui-search .mui-placeholder{pointer-events: none;}
.video-dorm-select-person-store-list{margin-bottom: 15px;}
.video-dorm-select-person-store-list .mui-table-view-cell>a:not(.mui-btn){font-size: 16px; color: #333;}
.video-dorm-select-person-store-list .mui-table-view-cell .mui-navigate-right.active{color: #3296FA;}
.video-dorm-select-person-store-content{margin-bottom: 85px;}
.video-dorm-select-person-store-content .mui-checkbox input[type=checkbox]{top: 5px;}
.video-dorm-select-person-store-content .mui-checkbox input[type=checkbox]:before{font-size: 24px;}
.video-dorm-select-person-store-content .mui-input-row label{font-size: 16px; color: #333; padding-left: 50px;}
.video-dorm-select-person-store-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.video-dorm-select-person-store-action .confirm{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.video-dorm-select-person-store-action .confirm:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 添加人脸分组 */
.video-face-group-dorm-add-list{margin-top: 15px;}
.video-face-group-dorm-add-item-info{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px; margin-bottom: 15px; height: 50px;}
.video-face-group-dorm-add-item-info .name{font-size: 16px; color: #777;}
.video-face-group-dorm-add-item-info .desc{font-size: 16px; color: #333;}
.video-face-group-dorm-add-item-input{display: flex; flex-direction: column; background: #fff; margin-bottom: 15px;}
.video-face-group-dorm-add-item-input label{font-size: 16px; color: #777; padding: 5px 10px;}
.video-face-group-dorm-add-item-input input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 10px; margin: 0;}
.video-face-group-dorm-add-item-input input::-webkit-input-placeholder{color: #999;}
.video-face-group-dorm-add-item-select{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px; margin-bottom: 15px; height: 50px;}
.video-face-group-dorm-add-item-select:active{background: #f5f5f5;}
.video-face-group-dorm-add-item-select .name{font-size: 16px; color: #777;}
.video-face-group-dorm-add-item-select .right{display: flex; align-items: center;}
.video-face-group-dorm-add-item-select .right .desc{font-size: 16px; color: #333; line-height: normal;}
.video-face-group-dorm-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.video-face-group-dorm-add-item-person{display: flex; flex-direction: column; background: #fff; margin-bottom: 15px;}
.video-face-group-dorm-add-item-person .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;}
.video-face-group-dorm-add-item-person .title .name{font-size: 16px; color: #777;}
.video-face-group-dorm-add-item-person .content{display: flex; flex-wrap: wrap;}
.video-face-group-dorm-add-item-person .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-face-group-dorm-add-item-person .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-face-group-dorm-add-item-person .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.video-face-group-dorm-add-item-person .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-face-group-dorm-add-item-person .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-face-group-dorm-add-item-person .content .person-item .name{font-size: 14px; color: #777; width: 50px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.video-face-group-dorm-add-action{margin: 30px 40px;}
.video-face-group-dorm-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.video-face-group-dorm-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.video-face-group-dorm-add-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 宿舍管理 */
.video-dorm-list{margin: 15px 15px 0;}
.video-dorm-item{display: flex; justify-content: space-between; padding: 15px 10px;
    background: #fff; border-radius: 3px; margin-bottom: 15px;}
.video-dorm-item:active{background: #f5f5f5;}
.video-dorm-item-left{display: flex; align-items: center;}
.video-dorm-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.video-dorm-item-info{display: flex; flex-direction: column; justify-content: center;}
.video-dorm-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.video-dorm-item-info .desc{font-size: 14px; color: #999;}
.video-dorm-item-right{display: flex; align-items: center;}
.video-dorm-item-right span{font-size: 20px; color: #999;}
/* 魔点人脸机 */
.visitor-dorm-md-list{margin: 15px 15px 0;}
.visitor-dorm-md-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visitor-dorm-md-item:active{background: #f5f5f5;}
.visitor-dorm-md-item img{width: 40px; height: 40px; display: flex;
    margin-right: 10px; border-radius: 50%;}
.visitor-dorm-md-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px)}
.visitor-dorm-md-item .info .up{font-size: 16px; color: #333; margin-bottom: 5px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-dorm-md-item .info .down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-dorm-md-item .mui-switch{position: absolute; right: 10px; top: 10px; z-index: 9;}
.visitor-dorm-md-item .mui-switch-blue.mui-active{border: 2px solid #3296FA; background-color: #3296FA;}
.visitor-dorm-md-sync{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-dorm-md-sync img{width: 50px; height: 50px; display: flex;}
/* 宿舍统计 */
.dorm-stats-top{padding: 10px; background: #fff; margin-bottom: 15px;
    display: flex; justify-content: space-between; align-items: center;}
.dorm-stats-top .left{width: 65%; display: flex; justify-content: space-between; align-items: center;}
.dorm-stats-top .left .group{font-size: 14px; color: #333; width: 45%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center; background: #f5f5f5;}
.dorm-stats-top .left .space{color: #333;}
.dorm-stats-top .left .group:active{background: #fff;}
.dorm-stats-top .right{width: 30%; display: flex; align-items: center;}
.dorm-stats-top .right .time{font-size: 14px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center; background: #f5f5f5;}
.dorm-stats-top .right .time:active{background: #fff;}
.dorm-stats-chart{margin: 0 15px 15px; background: #fff; border-radius: 5px;}
.dorm-stats-chart-title{display: flex; justify-content: space-between; height: 36px; padding: 0 15px;}
.dorm-stats-chart-title-left{display: flex; align-items: center;}
.dorm-stats-chart-title-left .name{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #3296FA; line-height: 18px;}
.dorm-stats-chart-content{width: 100%; height: 200px}
.dorm-stats-wrap{margin: 0 15px; background: #fff; border-radius: 5px;}
.dorm-stats-wrap-title{display: flex; justify-content: space-between; height: 36px; padding: 5px 10px 5px 15px;}
.dorm-stats-wrap-title-left{display: flex; align-items: center;}
.dorm-stats-wrap-title-left .name{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #3296FA; line-height: 18px;}
.dorm-stats-wrap-title-right{display: flex; align-items: center;}
.dorm-stats-wrap-title-right .status{font-size: 12px; color: #333; width: 90px; height: 28px; line-height: 28px;
    background: #fff; border-radius: 3px; text-align: center; background: #f5f5f5;}
.dorm-stats-wrap-title-right .status:active{background: #fff;}
.dorm-stats-list{display: flex; flex-wrap: wrap; margin: 0 10px;}
.dorm-stats-item{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 31%;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; padding: 10px 0; border-radius: 3px;}
.dorm-stats-item:active{background: #f5f5f5;}
.dorm-stats-list .dorm-stats-item:nth-child(3n-1){margin-left: 3.5%; margin-right: 3.5%;}
.dorm-stats-item img{width: 50px; height: 50px; display: flex; border-radius: 50%;}
.dorm-stats-item .name{font-size: 14px; color: #555; margin: 5px 0 10px;}
.dorm-stats-item .status1{width: 50px; height: 20px; line-height: 20px; text-align: center;
    border: 1px solid #21D388; color: #21D388; font-size: 12px; border-radius: 3px;}
.dorm-stats-item .status2{width: 50px; height: 20px; line-height: 20px; text-align: center;
    border: 1px solid #FF5A48; color: #FF5A48; font-size: 12px; border-radius: 3px;}
/* 今日班次 */
.video-today-flight-list{margin: 15px 15px 0;}
.video-today-flight-item{display: flex; flex-direction: column; justify-content: center;
    padding: 10px; margin-bottom: 15px; background: #fff; border-radius: 5px;}
.video-today-flight-item .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.video-today-flight-item .desc{font-size: 14px; color: #999;}
/* 打卡设置 */
.video-clock-set-top{margin-top: 15px;}
.video-clock-set-top-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 40px;
    padding: 0 10px 0 15px;}
.video-clock-set-top-item .name{font-size: 16px; color: #333;}
.video-clock-set-top-item .action{display: flex; align-items: center;}
.video-clock-set-list{margin-top: 10px;}
.video-clock-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; height: 40px;}
.video-clock-set-item:active{background: #f5f5f5;}
.video-clock-set-list .video-clock-set-item:first-child{border-bottom: 1px solid #f5f5f5;}
.video-clock-set-item .name{font-size: 16px; color: #333;}
.video-clock-set-item .right{display: flex; align-items: center;}
.video-clock-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.video-clock-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 宿舍管理配置 */
.video-dorm-check-set-top{margin-top: 15px;}
.video-dorm-check-set-top-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 40px; padding: 0 10px 0 15px; margin-bottom: 15px;}
.video-dorm-check-set-top-item .name{font-size: 16px; color: #333;}
.video-dorm-check-set-top-item .action{display: flex; align-items: center;}
.video-dorm-check-set-top-item .right{display: flex; align-items: center;}
.video-dorm-check-set-top-item .right .desc{font-size: 14px; color: #999;}
.video-dorm-check-set-top-item .right .mui-icon{font-size: 20px; color: #999;}
.video-dorm-check-set-top-item.warn-time:active{background: #f5f5f5;}
.video-dorm-check-set-top .tip{padding: 0 10px; font-size: 12px; color: #999; margin-top: -10px; margin-bottom: 15px;}
.video-dorm-check-set-list{margin-bottom: 15px;}
.video-dorm-check-set-list .title{display: flex; justify-content: space-between; align-items: center; padding: 0 10px 5px 10px;}
.video-dorm-check-set-list .title .left{font-size: 14px; color: #777;}
.video-dorm-check-set-list .title .remove{font-size: 14px; color: #FF5A48;}
.video-dorm-check-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; height: 40px;}
.video-dorm-check-set-item:active{background: #f5f5f5;}
.video-dorm-check-set-item.start-time{border-bottom: 1px solid #f5f5f5;}
.video-dorm-check-set-item .name{font-size: 16px; color: #333;}
.video-dorm-check-set-item .right{display: flex; align-items: center;}
.video-dorm-check-set-item .right .desc{font-size: 14px; color: #999;}
.video-dorm-check-set-item .right .mui-icon{font-size: 20px; color: #999;}
.video-dorm-check-set-add{display: flex; justify-content: space-between; align-items: center;
    padding: 5px 10px; margin-top: -10px;}
.video-dorm-check-set-add .action{display: flex; align-items: center; padding: 2px 5px;}
.video-dorm-check-set-add .action:active{background: #fff;}
.video-dorm-check-set-add .action img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.video-dorm-check-set-add .action .desc{font-size: 14px; color: #3296FA; line-height: normal;}
/* 宿舍管理 */
.video-dorm-manage-top{margin-bottom: 15px; background: #fff;}
.video-dorm-manage-date{display: flex; justify-content: space-between; padding: 5px 10px; position: relative;}
.video-dorm-manage-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.video-dorm-manage-date-left{display: flex; align-items: center; padding: 5px;}
.video-dorm-manage-date-left:active{background: #f5f5f5;}
.video-dorm-manage-date-left img{width: 16px; height: 16px; display: flex;}
.video-dorm-manage-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.video-dorm-manage-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.video-dorm-manage-date-left .mui-icon{font-size: 20px; color: #999;}
.video-dorm-manage-date-right{display: flex; align-items: center; padding: 5px;}
.video-dorm-manage-date-right:active{background: #f5f5f5;}
.video-dorm-manage-date-right .name{font-size: 14px; color: #3296FA;}
.video-dorm-manage-date-right .desc{font-size: 14px; color: #3296FA;}
.video-dorm-manage-date-right .mui-icon{font-size: 20px; color: #3296FA;}
.video-dorm-manage-crumbs{padding: 0 15px;}
.video-dorm-manage-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-scroll{height: 38px;}
.video-dorm-manage-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item{font-size: 14px; color: #777; padding: 0;}
.video-dorm-manage-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item.active{color: #3296FA;}
.video-dorm-manage-crumbs .mui-scroll-wrapper .right{width: 7px; height: 12px; margin: 0 10px 13px;}
.video-dorm-manage-list{margin: 15px 15px 0;}
.video-dorm-manage-item{background: #fff; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5; margin-bottom: 15px;}
.video-dorm-manage-item-up{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; border-bottom: #F5F5F5 solid 1px;}
.video-dorm-manage-item-up:active{background: #F5F5F5;}
.video-dorm-manage-item-up .title{font-size: 14px; color: #333;}
.video-dorm-manage-item-up .mui-icon{font-size: 20px; color: #999;}
.video-dorm-manage-item-down{display: flex;}
.video-dorm-manage-item-down .item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 10px 0;}
.video-dorm-manage-item-down .item:active{background: #f5f5f5;}
.video-dorm-manage-item-down .item .num{font-size: 18px; font-weight: 500; margin-bottom: 5px;}
.video-dorm-manage-item-down .item .name{font-size: 14px; color: #999;}
.video-dorm-manage-item-down .item .num.status1{color: #3296FA;}
.video-dorm-manage-item-down .item .num.status2{color: #21D388;}
.video-dorm-manage-item-down .item .num.status3{color: #FDA850;}
.video-dorm-manage-item-down .item .num.status4{color: #FF5A48;}
/* 宿舍管理详情 */
.video-dorm-manage-detail-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;
    background: rgba(0,0,0, .3);}
.video-dorm-manage-detail-dialog{position: fixed; top: 25%; left: 10%; right: 10%; bottom: 25%; z-index: 7;
    background: #fff; border-radius: 10px;}
.video-dorm-manage-detail-dialog .wrap{height: calc(100% - 60px); overflow-y: auto;}
.video-dorm-manage-detail-dialog .title{font-size: 16px; font-weight: 500; color: #333;
    padding: 20px 0; text-align: center;}
.video-dorm-manage-detail-dialog .content{padding: 0 15px;}
.video-dorm-manage-detail-dialog .content .content-item{margin-bottom: 15px;}
.video-dorm-manage-detail-dialog .content .content-item .up{font-size: 14px; color: #777; margin-bottom: 5px;}
.video-dorm-manage-detail-dialog .content .content-item .down{height: 40px; line-height: 40px; font-size: 14px; color: #333;
    background: #f5f5f5; border-radius: 5px; padding: 0 10px;}
.video-dorm-manage-detail-dialog .content .content-item .down:active{background: #fff;}
.video-dorm-manage-detail-dialog .close{position: absolute; top: 0; right: 0; z-index: 10;
    font-size: 30px; color: #777;}
.video-dorm-manage-detail-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 60px; border-top: 1px solid #f5f5f5;}
.video-dorm-manage-detail-dialog .confirm .mui-btn{padding: 10px 0; font-size: 14px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 20px;}
.video-dorm-manage-detail-dialog .confirm .mui-btn:active{border: 1px solid #2A74F3; background-color: #2A74F3; opacity: 0.8;}
.video-dorm-manage-detail-top{margin-bottom: 15px; background: #fff;}
.video-dorm-manage-detail-date{display: flex; justify-content: space-between; padding: 5px 10px; position: relative;}
.video-dorm-manage-detail-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.video-dorm-manage-detail-date-left{display: flex; align-items: center; padding: 5px;}
.video-dorm-manage-detail-date-left:active{background: #f5f5f5;}
.video-dorm-manage-detail-date-left img{width: 16px; height: 16px; display: flex;}
.video-dorm-manage-detail-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.video-dorm-manage-detail-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.video-dorm-manage-detail-date-left .mui-icon{font-size: 20px; color: #999;}
.video-dorm-manage-detail-crumbs{padding: 0 15px;}
.video-dorm-manage-detail-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-scroll{height: 38px;}
.video-dorm-manage-detail-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item{font-size: 14px; color: #777; padding: 0;}
.video-dorm-manage-detail-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item.active{color: #3296FA;}
.video-dorm-manage-detail-crumbs .mui-scroll-wrapper .right{width: 7px; height: 12px; margin: 0 10px 13px;}
.video-dorm-manage-detail-list{margin: 15px 15px 0;}
.video-dorm-manage-detail-item{display: flex; justify-content: space-between; background: #fff;
    border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5; padding: 10px; margin-bottom: 15px;}
.video-dorm-manage-detail-item:active{background: #f5f5f5;}
.video-dorm-manage-detail-item-left{display: flex; align-items: center;}
.video-dorm-manage-detail-item-left img{width: 42px; height: 42px; border-radius: 3px; margin-right: 10px;}
.video-dorm-manage-detail-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.video-dorm-manage-detail-item-left .info .name{font-size: 14px; color: #333;}
.video-dorm-manage-detail-item-left .info .status{font-size: 12px;}
.video-dorm-manage-detail-item-left .info .status1{color: #FDA850;}
.video-dorm-manage-detail-item-left .info .status2{color: #21D388;}
.video-dorm-manage-detail-item-left .info .status3{color: #FF5A48;}
.video-dorm-manage-detail-item-right{display: flex; align-items: center;}
.video-dorm-manage-detail-item-right .call{display: flex; align-items: center; padding: 2px 10px;
    border: 1px solid #FF943E; border-radius: 5px; margin-right: 15px;}
.video-dorm-manage-detail-item-right .call:active{background: #f5f5f5;}
.video-dorm-manage-detail-item-right .call span{font-size: 12px; color: #FF943E; margin-right: 5px;}
.video-dorm-manage-detail-item-right .call img{width: 14px; height: 14px; display: flex;}
.video-dorm-manage-detail-item-right .called{display: flex; align-items: center; padding: 2px 10px;
    border: 1px solid #15BC83; border-radius: 5px; margin-right: 15px;}
.video-dorm-manage-detail-item-right .called:active{background: #f5f5f5;}
.video-dorm-manage-detail-item-right .called span{font-size: 12px; color: #15BC83; margin-right: 5px;}
.video-dorm-manage-detail-item-right .called img{width: 14px; height: 14px; display: flex;}
.video-dorm-manage-detail-item-right .change-status{display: flex; align-items: center;}
.video-dorm-manage-detail-item-right .change-status .desc{font-size: 14px; color: #3296FA;}
.video-dorm-manage-detail-item-right .change-status .mui-icon{font-size: 20px; color: #999;}
/* 无感终端管理 */
.no-sense-manage-list{margin: 15px 15px 30px;}
.no-sense-manage-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.no-sense-manage-list .no-sense-manage-item:last-child{margin-bottom: 0;}
.no-sense-manage-item:active{background: #f5f5f5;}
.no-sense-manage-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.no-sense-manage-item-up .left{display: flex; align-items: center;}
.no-sense-manage-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.no-sense-manage-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.no-sense-manage-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.no-sense-manage-item-up .right img{width: 68px; height: 20px; display: flex;}
.no-sense-manage-item-down{display: flex; justify-content: space-between; align-items: center;}
.no-sense-manage-item-down .left{font-size: 14px; color: #999; width: 200px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.no-sense-manage-item-down .right{display: flex;}
.no-sense-manage-item-down .right img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.no-sense-manage-item-down .right .num{font-size: 14px; color: #555;}
.no-sense-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.no-sense-manage-plus img{width: 44px; height: 44px; display: flex;}
/* 添加无感终端 */
.no-sense-add-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.no-sense-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.no-sense-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.no-sense-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.no-sense-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.no-sense-add-item label .boxs{font-size: 14px; color: #3296FA; position: absolute; right: 0; top: 0;}
.no-sense-add-item label .group{font-size: 14px; color: #3296FA; position: absolute; right: 0; top: 0;}
.no-sense-add-item .video-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; position: relative;}
.no-sense-add-item .video-select:active{background: #fff;}
.no-sense-add-item .video-select .mui-icon{position: absolute; right: 10px; top: 10px; font-size: 20px; color: #999;}
.no-sense-add-item .tip{font-size: 12px; color: #FF5A48; margin-top: 3px; line-height: normal;}
.no-sense-add-item2{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.no-sense-add-item2>label{font-size: 14px; color: #777;}
.no-sense-add-item2 .wrap{display: flex; align-items: center;}
.no-sense-add-item2 .wrap .mui-radio input[type=radio]:before{font-size: 18px;}
.no-sense-add-item2 .wrap .mui-radio.mui-left input[type=radio]{top: 8px;}
.no-sense-add-item2 .wrap .mui-radio.mui-left label{font-size: 16px; color: #333; padding-left: 45px; padding-right: 0;}
.no-sense-add-item-line{height: 10px; background: #f5f5f5; margin-left: -15px; margin-right: -15px; margin-bottom: 15px;}
.no-sense-add-action{margin: 30px 40px;}
.no-sense-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.no-sense-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 编辑无感终端 */
.no-sense-edit .no-sense-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0;}
.no-sense-edit .no-sense-add-action .remove:active{border: 1px solid #dd524d; background-color: #dd524d;}
/* 算法盒子管理 */
.analysis-box-manage-list{margin: 15px 15px 0;}
.analysis-box-manage-item{display: flex; flex-direction: column; justify-content: center; padding: 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.analysis-box-manage-item:active{background: #f5f5f5;}
.analysis-box-manage-item-up{display: flex; align-items: center; margin-bottom: 5px;}
.analysis-box-manage-item-up img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.analysis-box-manage-item-up span{font-size: 16px; color: #333;}
.analysis-box-manage-item-down{display: flex; align-items: center; font-size: 14px; color: #777;}
.analysis-box-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.analysis-box-manage-plus img{width: 44px; height: 44px; display: flex;}
/* 添加算法盒子 */
.analysis-box-add-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.analysis-box-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.analysis-box-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.analysis-box-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.analysis-box-add-item .select{width: 100%; height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 5px 0 15px;
    display: flex; justify-content: space-between; align-items: center;}
.analysis-box-add-item .select .name{font-size: 16px; color: #333;}
.analysis-box-add-item .select .mui-icon{font-size: 20px; color: #999;}
.analysis-box-add-item .select:active{background: #fff;}
.analysis-box-add-action{margin: 30px 40px;}
.analysis-box-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.analysis-box-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 编辑算法盒子 */
.analysis-box-edit .analysis-box-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0;}
/* 绑定通道 */
.bind-channel-list{margin-top: 15px;}
.bind-channel-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 5px 0 15px; margin-bottom: 15px; height: 40px;}
.bind-channel-item:active{background: #f5f5f5;}
.bind-channel-item .name{font-size: 16px; color: #333;}
.bind-channel-item .right{display: flex; align-items: center;}
.bind-channel-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 120px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.bind-channel-item .right .mui-icon{font-size: 20px; color: #999;}
/* 绑定通道名称 */
.bind-channel-name-list{margin-top: 15px;}
.bind-channel-name-item{margin-bottom: 15px;}
.bind-channel-name-item-up{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 5px 0 15px; height: 40px;}
.bind-channel-name-item-up .name{font-size: 16px; color: #333;}
.bind-channel-name-item-up .right{display: flex; align-items: center; width: 55%;}
.bind-channel-name-item-up .right .content{font-size: 16px; color: #777; border: 0; line-height: 40px;
    margin: 0; padding: 0; width: 100%; text-align: right;}
.bind-channel-name-item-down{display: flex; justify-content: flex-end; align-items: center; background: #fff;
    padding: 0 5px 0 15px; height: 40px; border-top: 1px solid #f5f5f5;}
.bind-channel-name-item-down:active{background: #f5f5f5;}
.bind-channel-name-item-down .name{font-size: 14px; color: #777; line-height: normal;}
.bind-channel-name-item-down .mui-icon{font-size: 20px; color: #999;}
/* 选择人脸库组 */
.select-face-group-list{margin: 15px 20px 0;}
.select-face-group-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.select-face-group-item:active{background: #f5f5f5;}
.select-face-group-item-left{display: flex; align-items: center;}
.select-face-group-item-left img{width: 16px; height: 16px; margin-right: 10px;}
.select-face-group-item-left .name{font-size: 16px; font-weight: 400; color: #333;}
.select-face-group-item .type{font-size: 14px; color: #777;}
.select-face-group-item .type2{font-size: 14px; color: #FF5A48;}
/* 人脸分组 */
.video-face-group-search .mui-search{margin: 15px 15px 0;}
.video-face-group-search .mui-search input{background-color: #fff;}
.video-face-group-search .mui-search .mui-placeholder{pointer-events: none;}
.video-face-group-title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.video-face-group-title .title-left{font-size: 16px; color: #333;}
.video-face-group-title .title-right{display: flex; align-items: center;}
.video-face-group-title .title-right .num1{font-size: 14px; color: #3296FA;}
.video-face-group-title .title-right .num2{font-size: 14px; color: #21D388;}
.video-face-group-list{margin: 0 15px 80px;}
.video-face-group-item{padding: 15px 10px; background: #fff; margin-bottom: 15px; border-radius: 8px;}
.video-face-group-item:active{background: #f5f5f5;}
.video-face-group-list .video-face-group-item:last-child{margin-bottom: 0;}
.video-face-group-item-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.video-face-group-item-top .left{font-size: 14px; font-width: 500; color: #333;}
.video-face-group-item-top .right{font-size: 14px; color: #999;}
.video-face-group-item-content{background: #f5f5f5; border-radius: 5px; padding: 15px 0; display: flex; justify-content: space-around; align-items: center;}
.video-face-group-item-content .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.video-face-group-item-content .item .up{font-size: 18px; margin-bottom: 3px;}
.video-face-group-item-content .item .up.status1{color: #21D388;}
.video-face-group-item-content .item .up.status2{color: #FDA850;}
.video-face-group-item-content .item .up.status3{color: #3296FA;}
.video-face-group-item-content .item .down{font-size: 12px; color: #999;}
.video-face-group-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.video-face-group-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.video-face-group-action .manage:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 添加人脸分组 */
.video-face-group-add-list{margin-top: 15px;}
.video-face-group-add-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.video-face-group-add-item:active{background: #f5f5f5;}
.video-face-group-add-item .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-group-add-item .right{display: flex; align-items: center;}
.video-face-group-add-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-face-group-add-item .right .mui-icon{font-size: 20px; color: #999;}
.video-face-group-add-item2{display: flex; flex-direction: column; background: #fff; margin-bottom: 15px;}
.video-face-group-add-item2 label{font-size: 16px; font-weight: 400; color: #333; padding: 5px 10px;}
.video-face-group-add-item2 input{font-size: 14px; color: #777; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.video-face-group-add-item2 input::-webkit-input-placeholder{color: #777;}
.video-face-group-add-item2 .select{font-size: 14px; color: #777; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.video-face-group-add-item2 .select:active{background: #f5f5f5;}
.video-face-group-add-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-face-group-add-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-group-add-item2 .content{display: flex; flex-wrap: wrap;}
.video-face-group-add-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-face-group-add-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-face-group-add-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.video-face-group-add-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-face-group-add-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-face-group-add-item2 .content .person-item .name{font-size: 14px; color: #777;}
.video-face-group-add-action{margin: 30px 40px;}
.video-face-group-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.video-face-group-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.video-face-group-add-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 绑定人员 */
.video-bind-person-list{margin-top: 15px;}
.video-bind-person-item{display: flex; flex-direction: column; background: #fff; padding-top: 15px;}
.video-bind-person-item .content{display: flex; flex-wrap: wrap;}
.video-bind-person-item .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-bind-person-item .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-bind-person-item .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.video-bind-person-item .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-bind-person-item .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-bind-person-item .content .person-item .name{font-size: 14px; color: #777;}
/* 管理人脸分组 */
.video-face-group-manage-search .mui-search{margin: 15px 15px 0;}
.video-face-group-manage-search .mui-search input{background-color: #fff;}
.video-face-group-manage-search .mui-search .mui-placeholder{pointer-events: none;}
.video-face-group-manage-list{margin: 0 15px 80px;}
.video-face-group-manage-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.video-face-group-manage-item:active{background: #f5f5f5;}
.video-face-group-manage-item-left{display: flex; align-items: center;}
.video-face-group-manage-item-left img{width: 32px; height: 32px; margin-right: 5px;}
.video-face-group-manage-item-left .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-group-manage-item .time{font-size: 14px; color: #777;}
.video-face-group-manage-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.video-face-group-manage-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.video-face-group-manage-action .add:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 人脸库管理 */
.video-face-database-title{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.video-face-database-title .left{font-size: 16px; color: #333;}
.video-face-database-title .right{font-size: 14px; color: #21D388;}
.video-face-database-list{margin: 0 15px 80px;}
.video-face-database-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5;}
.video-face-database-item:active{background: #f5f5f5;}
.video-face-database-list .video-face-database-item:last-child{margin-bottom: 0;}
.video-face-database-item-left{display: flex; align-items: center;}
.video-face-database-item-left img{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 15px;}
.video-face-database-item-left .info{display: flex;flex-direction: column; justify-content: center;}
.video-face-database-item-left .info .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.video-face-database-item-left .info .desc1{font-size: 14px; color: #21D388;}
.video-face-database-item-left .info .desc2{font-size: 14px; color: #2A74F3;}
.video-face-database-item-left .info .desc0{font-size: 14px; color: #FF5A48;}
/* 人脸管理 */
.video-face-manage-search .mui-search{margin: 15px 15px 0;}
.video-face-manage-search .mui-search input{background-color: #fff;}
.video-face-manage-search .mui-search .mui-placeholder{pointer-events: none;}
.video-face-manage-title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 10px;}
.video-face-manage-title .left{display: flex; flex-direction: column;}
.video-face-manage-title .left .up{font-size: 16px; color: #333;}
.video-face-manage-title .left .down{font-size: 14px; color: #999;}
.video-face-manage-title .right{display: flex; align-items: center;}
.video-face-manage-title .right .desc{font-size: 14px; color: #555;}
.video-face-manage-title .right .mui-icon{font-size: 20px; color: #999;}
.video-face-manage-list{margin: 0 15px 80px;}
.video-face-manage-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5;}
.video-face-manage-item:active{background: #f5f5f5;}
.video-face-manage-list .video-face-manage-item:last-child{margin-bottom: 0;}
.video-face-manage-item-left{display: flex; align-items: center;}
.video-face-manage-item-left img{width: 50px; height: 50px; border-radius: 5px; display: flex; margin-right: 15px;}
.video-face-manage-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.video-face-manage-item-left .info .name{font-size: 16px; color: #333;}
.video-face-manage-item-right{display: flex; align-items: center;}
.video-face-manage-item-right .desc1{font-size: 14px; color: #21D388;}
.video-face-manage-item-right .desc2{font-size: 14px; color: #2A74F3;}
.video-face-manage-item-right .desc0{font-size: 14px; color: #FF5A48;}
.video-face-manage-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: space-around; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.video-face-manage-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 30%;}
.video-face-manage-action .add:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
.video-face-manage-action .generate{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #f0ad4e;
    background-color: #f0ad4e; margin-bottom: 0; width: 30%;}
.video-face-manage-action .generate:active{border: 1px solid #FDA850; background-color: #FDA850;}
.video-face-manage-action .send{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #21D388;
    background-color: #21D388; margin-bottom: 0; width: 30%;}
.video-face-manage-action .send:active{border: 1px solid #21D388; background-color: #21D388;}
/* 添加人脸 */
.video-face-add-list{margin-top: 15px;}
.video-face-add-item{display: flex; flex-direction: column; background: #fff;}
.video-face-add-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.video-face-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.video-face-add-action{margin: 40px;}
.video-face-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.video-face-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.video-face-add-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 录入人脸 */
.video-face-entry-list{margin: 15px; background: #fff; border-radius: 3px;}
.video-face-entry-list .top{display: flex; align-items: center; padding: 10px 15px;}
.video-face-entry-list .top .title{font-size: 16px; color: #777;}
.video-face-entry-list .top .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-entry-list .mid{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 30px 0 50px;}
.video-face-entry-list .mid .title{font-size: 20px; font-weight: 400; color: #333;}
.video-face-entry-list .mid img{width: 130px; display: flex; margin: 30px 0 15px;}
.video-face-entry-list .mid .desc{font-size: 14px; color: #999;}
.video-face-entry-list .action{margin: 0 20px; padding-bottom: 30px;}
.video-face-entry-list .action button{padding: 10px 0; font-size: 16px;}
.video-face-entry-list .action .entry{color: #fff; border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 15px;}
.video-face-entry-list .action .entry:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
.video-face-entry-list .action .upload{color: #3296FA; border: 1px solid #3296FA; background-color: #fff; margin-bottom: 0;}
.video-face-entry-list .action .upload:active{color: #fff; background-color: #3296FA;}
/* 编辑人脸 */
.video-face-edit-item{display: flex; flex-direction: column; background: #fff; margin-top: 15px;}
.video-face-edit-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.video-face-edit-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.video-face-edit .video-face-entry-list .mid{margin-top: 0; padding-top: 30px;}
.video-face-edit .video-face-entry-list .mid img{border-radius: 5px;}
.video-face-edit-log{background: #fff; margin-bottom: 15px;}
.video-face-edit-log .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px 5px;}
.video-face-edit-log .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-edit-log .title .mui-icon{font-size: 20px; color: #999; padding: 5px;}
.video-face-edit-log .list{padding: 0 20px;}
.video-face-edit-log .list .item{display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #f5f5f5; padding: 10px 0;}
.video-face-edit-log .list .item:last-child{border-bottom: 0;}
.video-face-edit-log .list .item .name{font-size: 14px; color: #555;}
.video-face-edit-log .list .item .status1{font-size: 14px; color: #21D388;}
.video-face-edit-log .list .item .status2{font-size: 14px; color: #FF5A48;}
.video-face-edit-log .list .item .status3{font-size: 14px; color: #3296FA;}
.video-face-edit-log .list .item .status4{font-size: 14px; color: #01FFFF;}
.video-face-edit-person{background: #fff;}
.video-face-edit-person .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-face-edit-person .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-face-edit-person .content{display: flex; flex-wrap: wrap;}
.video-face-edit-person .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-face-edit-person .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-face-edit-person .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.video-face-edit-person .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-face-edit-person .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-face-edit-person .content .person-item .name{font-size: 14px; color: #777;}
.video-face-edit-action{margin: 30px 40px;}
.video-face-edit-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.video-face-edit-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.video-face-edit-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 考勤统计 */
.video-attendance-data-top{margin: 15px 15px 0; position: relative;}
.video-attendance-data-top button{padding: 10px 0; border: 0; font-size: 16px; color: #555; margin-bottom: 0;}
.video-attendance-data-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.video-attendance-data-time{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 15px;}
.video-attendance-data-time button{width: 45%; padding: 10px 0; border: 0; font-size: 16px;
    color: #555; margin-bottom: 0;}
.video-attendance-data-num{margin: 0 15px 20px; display: flex; background: #fff;
    box-shadow: 0 10px 0 #f5f5f5; border-radius: 5px;}
.video-attendance-data-num .item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 15px 0; position: relative;}
.video-attendance-data-num .item2:after{position: absolute; top: 20px; bottom: 20px; right: 0; content: "";
    width: 1px; background-color: #f5f5f5;}
.video-attendance-data-num .item .name{font-size: 14px; color: #999; margin-bottom: 5px;}
.video-attendance-data-num .item .num{font-size: 24px; color: #555;}
.video-attendance-data-content{background-color: #fff; margin: 0 15px 30px; border-radius: 5px;}
.video-attendance-data-content table{width: 100%;}
.video-attendance-data-content table tr.detail:active{background: #f5f5f5;}
.video-attendance-data-content table tr th{text-align: center; font-size: 14px; color: #555; padding: 10px 0 5px;}
.video-attendance-data-content table tr td{text-align: center; font-size: 14px; color: #777; padding: 5px 0;}
/* 考勤统计详情 */
.attendance-data-detail .mui-slider{margin: 15px 15px; width: auto; border-radius: 5px;}
.attendance-data-detail .mui-control-content{background: #fff; min-height: 550px;}
.attendance-data-detail .mui-segmented-control{background: #fff;}
.attendance-data-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.attendance-data-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #3296FA;}
.attendance-data-detail .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #3296FA;}
.attendance-data-detail-item{display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #f5f5f5; padding: 10px;}
.attendance-data-detail-item-left{display: flex; align-items: center; justify-content: center;}
.attendance-data-detail .mui-slider .mui-slider-group .attendance-data-detail-item-left img{width: 50px; height: 50px; border-radius: 50%;}
.attendance-data-detail-item-left .info{display: flex; flex-direction: column; justify-content: center; margin-left: 5px;}
.attendance-data-detail-item-left .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.attendance-data-detail-item-left .info .desc{font-size: 14px; color: #777;}
.attendance-data-detail-item-right{display: flex; flex-direction: column; justify-content: center;}
.attendance-data-detail-item-right .type{font-size: 14px; color: #999; text-align: right; margin-bottom: 5px;}
.attendance-data-detail-item-right .time{font-size: 14px; color: #999;}
/* 智能值守·传感报警 */
.smart-guard-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px;}
.smart-guard-top-left{display: flex; align-items: center;}
.smart-guard-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.smart-guard-top-left button.active{background-color: #3296FA; color: #fff;}
.smart-guard-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.smart-guard-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.smart-guard-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.smart-guard-top-right{display: flex; align-items: center;}
.smart-guard-top-right .mui-icon{font-size: 20px; color: #999;}
.smart-guard-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.smart-guard-content{display: flex; flex-wrap: wrap; margin: 15px 15px 30px; background-color: #fff; border-radius: 5px;}
.smart-guard-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 33.33%;}
.smart-guard-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.smart-guard-content-item .name{font-size: 14px; color: #777;}
/* 行为分析 */
.action-data-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.action-data-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff; padding-top: 10px; display: none;}
.action-data-filter-dialog-item{padding: 0 15px;}
.action-data-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.action-data-filter-dialog-type{margin-bottom: 15px;}
.action-data-filter-dialog-type span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.action-data-filter-dialog-type span:active{background: #fff;}
.action-data-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.action-data-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.action-data-filter-dialog-action span:active{background: #f5f5f5;}
.action-data-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.action-data-filter-dialog-action .confirm{color: #3296FA;}
.action-data-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 12px 10px;}
.action-data-top-left{display: flex; align-items: center;}
.action-data-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.action-data-top-left button.active{background-color: #3296FA; color: #fff;}
.action-data-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.action-data-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.action-data-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.action-data-top-right{display: flex; align-items: center;}
.action-data-top-right .mui-icon{font-size: 20px; color: #999;}
.action-data-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.action-data-filter{display: flex; align-items: center; padding: 3px;}
.action-data-filter:active{background: #fff;}
.action-data-filter img{width: 16px; height: 16px; display: flex; margin-right: 2px;}
.action-data-filter span{font-size: 14px; color: #3296FA;}
.action-data-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 0 15px;}
.action-data-title .left{padding-left: 5px; border-left: 2px solid #3296FA; font-size: 14px; color: #3296FA;
    line-height: 14px;}
.action-data-title .right{display: flex; align-items: center; padding: 2px 5px;}
.action-data-title .right:active{background: #f5f5f5;}
.action-data-title .right img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.action-data-title .right span{font-size: 12px; color: #3296FA;}
.action-data-content{display: flex; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
.action-data-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 25%;}
.action-data-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.action-data-content-item .name{font-size: 14px; color: #777;}
/* 规则设置 */
.video-rule-set-list{margin: 15px 15px 0;}
.video-rule-set-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.video-rule-set-item:active{background: #f5f5f5;}
.video-rule-set-item-left{display: flex; align-items: center;}
.video-rule-set-item-left img{width: 40px; height: 40px; margin-right: 10px;}
.video-rule-set-item-left .name{font-size: 16px; color: #333;}
.video-rule-set-item .mui-icon{font-size: 20px; color: #999;}
/* 在离岗设置 */
.on-off-job-set{margin-top: 15px;}
.on-off-job-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 40px;
    padding: 0 10px 0 15px; margin-bottom: 15px;}
.on-off-job-set-item:active{background: #f5f5f5;}
.on-off-job-set-item .name{font-size: 16px; color: #333;}
.on-off-job-set-item .action{display: flex; align-items: center;}
.on-off-job-set-item .right{display: flex; align-items: center;}
.on-off-job-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.on-off-job-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 流量分析 */
.flow-data-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px 10px;}
.flow-data-top-left{display: flex; align-items: center;}
.flow-data-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.flow-data-top-left button.active{background-color: #3296FA; color: #fff;}
.flow-data-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.flow-data-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.flow-data-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.flow-data-top-mid{display: flex; align-items: center;}
.flow-data-top-mid .mui-icon{font-size: 20px; color: #999;}
.flow-data-top-mid .item{padding: 0 15px; font-size: 16px; color: #333;}
.flow-data-top-right .filter-wrap{display: flex; align-items: center; height: 34px;
    padding: 0 5px;}
.flow-data-top-right .filter-wrap:active{background: #F5F5F5;}
.flow-data-top-right img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.flow-data-top-right span{font-size: 14px; color: #3296FA;}
.flow-data-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 15px 0;}
.flow-data-title .left{padding-left: 5px; border-left: 2px solid #3296FA; font-size: 14px; color: #3296FA;
    line-height: 14px;}
.flow-data-content{background-color: #fff; margin-bottom: 10px;}
.flow-data-table{width: 100%;}
.flow-data-table tr th{text-align: center; font-size: 14px; font-weight: 400; color: #333; padding: 10px 0 5px;}
.flow-data-table tr td{text-align: center; font-size: 14px; color: #777; padding: 5px 0;}
.flow-data-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.flow-data-filter-dialog-item{padding: 0 15px;}
.flow-data-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.flow-data-filter-dialog-type{display: flex; flex-wrap: wrap; margin-bottom: 5px;}
.flow-data-filter-dialog-type-item{display: flex; width: 25%; justify-content: center; align-items: center; margin-bottom: 10px;}
.flow-data-filter-dialog-type-item span{display: inline-block; width: 90%; background: #f5f5f5; padding: 5px 0; border-radius: 3px;
    color: #555; font-size: 16px; text-align: center;}
.flow-data-filter-dialog-type-item span.active{background: #3296FA; color: #fff;}
.flow-data-filter-dialog-device{margin-bottom: 15px;}
.flow-data-filter-dialog-device span{font-size: 16px; color: #555; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.flow-data-filter-dialog-device span:active{background: #fff;}
.flow-data-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.flow-data-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.flow-data-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.flow-data-filter-dialog-action .confirm{color: #3296FA;}
.flow-data-filter-dialog-action span:active{background: #f5f5f5;}
/* 人脸识别 */
.common-adv .wrap img{width: 100%;}
.common-adv .video-service{position: fixed; right: 15px; bottom: 30px; z-index: 9;}
.common-adv .video-service img{width: 44px; height: 44px; display: flex;}
/* 新闻详情 */
.video-news .wrap img{width: 100%;}
/* 设置 */
.video-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 20px 15px; background-color: #fff; border-radius: 5px;}
.video-set-top .person-img{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 10px;}
.video-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.video-set-top-info .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.video-set-top-info .time{font-size: 14px; color: #999;}
.video-set-top .logo{position: absolute; top: 10px; right: 0; z-index: 9;}
.video-set-top .logo img{width: 71px; height: 19px; display: flex;}
.video-set-list{margin: 0 15px; background: #fff; border-radius: 5px;}
.video-set-item{display: flex; justify-content: space-between; padding: 15px 10px; border-bottom: 1px solid #f5f5f5;}
.video-set-item:active{background: #f5f5f5;}
.video-set-item-left{display: flex; align-items: center;}
.video-set-item-left img{width: 30px; height: 30px; margin-right: 10px;}
.video-set-item-left .name{font-size: 14px; font-weight: 400; color: #555;}
.video-set-item-right{display: flex; align-items: center;}
.video-set-item-right .mui-icon-arrowright{font-size: 20px; color: #999;}
/* 您的建议 */
.suggestion .title{margin: 15px 0 10px; padding: 0 10px; font-size: 14px; color: #777;}
.suggestion textarea{margin: 0; border: 0; font-size: 15px; color: #333; border-radius: 0; padding: 10px;}
.suggestion-action{margin: 40px 30px;}
.suggestion-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.suggestion-action .submit:active{background: #2A74F3;}
/* 推送设置 */
.video-msg-set-list{margin-top: 15px;}
.video-msg-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.video-msg-set-item:active{background: #F5F5F5;}
.video-msg-set-item .name{font-size: 16px; color: #333;}
.video-msg-set-item .action{display: flex; align-items: center;}
.video-msg-set-item .right{display: flex; align-items: center;}
.video-msg-set-item .right .desc{font-size: 14px; color: #333;}
.video-msg-set-item .right .mui-icon{font-size: 20px; color: #999;}
.video-msg-set-list .tip{padding: 10px 10px; font-size: 12px; color: #999;}
.video-msg-set-item2{background: #fff;}
.video-msg-set-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-msg-set-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-msg-set-item2 .content{display: flex; flex-wrap: wrap;}
.video-msg-set-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-msg-set-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-msg-set-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.video-msg-set-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-msg-set-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-msg-set-item2 .content .person-item .name{font-size: 14px; color: #777;}
/* 设备查询 */
.device-query-list{margin-top: 15px;}
.device-query-item{display: flex; flex-direction: column; background: #fff;}
.device-query-item label{display: flex; justify-content: space-between; padding: 5px 10px;}
.device-query-item label .left{display: flex; align-items: center;}
.device-query-item label .left .name{font-size: 14px; color: #777;}
.device-query-item label .right{display: flex; align-items: center;}
.device-query-item label .right img{width: 20px; height: 20px;}
.device-query-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.device-query-action{margin: 40px;}
.device-query-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.device-query-action .query{ border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.device-query-action .query:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 设备详情 */
.device-query-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 30px 0; background: #fff; margin-bottom: 15px;}
.device-query-detail-top img{width: 112px; height: 145px; margin-bottom: 10px;}
.device-query-detail-top .name{font-size: 20px; font-weight: 400; color: #333;}
/* 消息 */
.video-msg-list{margin: 15px 20px 0;}
.video-msg-item{display: flex; justify-content: space-between;
    padding: 15px 15px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #f5f5f5; margin-bottom: 15px;}
.video-msg-item:active{background: #f5f5f5;}
.video-msg-item-left{display: flex; align-items: center;}
.video-msg-item-left img{width: 40px; height: 40px; margin-right: 15px;}
.video-msg-item-left .video-msg-item-info{display: flex; flex-direction: column; justify-content: center;}
.video-msg-item-info .top{display: flex; align-items: center; margin-bottom: 5px;}
.video-msg-item-info .top .name{font-size: 16px; font-weight: 400; color: #333; margin-right: 5px;}
.video-msg-item-info .top .tips{display: flex; justify-content: center; align-items: center;
    border-radius: 10px; font-size: 12px; line-height: 18px; background: #f00; color: #fff; padding: 0 5px;}
.video-msg-item-info .desc{font-size: 14px; color: #999;}
.video-msg-item-right{display: flex; display: -webkit-flex; align-items: center;}
.video-msg-item-right span{font-size: 20px; color: #999;}
/* 告警提醒 */
.video-alarm-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.video-alarm-filter-dialog-item{padding: 0 15px;}
.video-alarm-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.video-alarm-filter-dialog-type{margin-bottom: 15px;}
.video-alarm-filter-dialog-type span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.video-alarm-filter-dialog-type span:active{background: #fff;}
.video-alarm-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.video-alarm-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.video-alarm-filter-dialog-time .time:active{background: #fff;}
.video-alarm-filter-dialog-time .space{color: #333;}
.video-alarm-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.video-alarm-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.video-alarm-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.video-alarm-filter-dialog-action .confirm{color: #3296FA;}
.video-alarm-filter-dialog-action span:active{background: #f5f5f5;}
.video-alarm-top{display: flex; justify-content: space-between; align-items: center;
    padding: 5px 10px; background: #fff; margin-bottom: 15px;}
.video-alarm-top a{display: flex; justify-content: center; align-items: center; padding: 5px;}
.video-alarm-top a:active{background: #fff;}
.video-alarm-top a .mui-icon{font-size: 20px; color: #3296FA; margin-right: 2px;}
.video-alarm-top a .name{font-size: 14px; color: #3296FA; line-height: normal;}
.video-alarm-filter{display: flex; align-items: center; padding: 5px;}
.video-alarm-filter:active{background: #fff;}
.video-alarm-filter img{width: 16px; height: 16px; display: flex; margin-right: 2px;}
.video-alarm-filter span{font-size: 14px; color: #3296FA;}
.video-alarm-list{margin: 0 15px 0;}
.video-alarm-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.video-alarm-item:active{background: #f5f5f5;}
.video-alarm-item-left{width: 40%; height: 100px;}
.video-alarm-item-left img{width: 100%; height: 100%; display: flex;
    border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.video-alarm-item-right{display: flex; flex-direction: column; justify-content: center; width: 60%; padding: 10px 0 10px 10px;}
.video-alarm-item-right .info{display: flex; align-items: center;}
.video-alarm-item-right .info .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00; margin-right: 5px;}
.video-alarm-item-right .info .name{font-size: 16px; font-weight: 400; color: #333;}
.video-alarm-item-right .desc{font-size: 14px; color: #555; margin: 2px 0 13px;}
.video-alarm-item-right .time{font-size: 14px; color: #999;}
.video-alarm-export{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.video-alarm-export svg{width: 50px; height: 50px; fill: #3296FA; overflow: hidden;}
/* 告警详情 */
.video-alarm-detail-top{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.video-alarm-detail-top .title{font-size: 18px; font-weight: 400; color: #000;}
.video-alarm-detail-list{margin: 5px 20px 0; padding: 20px 15px; background: #fff; border-radius: 5px;}
.video-alarm-detail-item{display: flex; margin-bottom: 20px;}
.video-alarm-detail-list .video-alarm-detail-item:last-child{margin-bottom: 0;}
.video-alarm-detail-item-left{display: flex; align-items: center; width: 15%;}
.video-alarm-detail-item-left img{width: 20px; height: 20px;}
.video-alarm-detail-item-right{display: flex; width: 85%;}
.video-alarm-detail-item-right .video{width: 100%; height: 120px; border-radius: 5px;}
.video-alarm-detail-item-right .name{font-size: 16px; color: #333;}
.video-alarm-detail-item-right .time{font-size: 16px; color: #333;}
.video-alarm-detail-item-right .picture{width: 100%; height: 120px; border-radius: 5px;}
.video-alarm-detail-action{margin: 30px 40px;}
.video-alarm-detail-action .check{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-alarm-detail-action .check:active{background: #2A74F3;}
.video-alarm-remark{background: #fff; margin-bottom: 80px;}
.video-alarm-remark-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.video-alarm-remark-top .content{display: flex; align-items: center;}
.video-alarm-remark-top .content .name{font-size: 16px; font-weight: 400; color: #333;}
.video-alarm-remark-top .content .num{font-size: 16px; color: #3296FA;}
.video-alarm-remark-item{display: flex; padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.video-alarm-remark-item .left{width: 15%; display: flex; justify-content: center;}
.video-alarm-remark-item .left img{width: 40px; height: 40px; border-radius: 50%; display: flex;}
.video-alarm-remark-item .right{width: 85%; display: flex; flex-direction: column;}
.video-alarm-remark-item .right .top{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 5px; padding-right: 10px;}
.video-alarm-remark-item .right .top .name{font-size: 14px; color: #111;}
.video-alarm-remark-item .right .top .time{font-size: 12px; color: #999;}
.video-alarm-remark-item .right .bottom{font-size: 14px; color: #555;}
.video-alarm-remark-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; border-top: 1px solid #e5e5e5;
    display: flex; justify-content: space-between; align-items: center; background: #f5f5f5; padding: 0 10px; height: 60px;}
.video-alarm-remark-action input{width: 80%; height: 40px; line-height: 40px; background: #fff; border-radius: 3px;
    margin-bottom: 0; border: 0; font-size: 14px;}
.video-alarm-remark-action button{padding: 0; width: 50px; height: 32px; line-height: 32px; font-size: 14px;
 background: #3296FA; font-weight: 400; border: 0;}
/* 系统通知·消息提醒·传感报警 */
.common-msg-top{margin: 5px 0 5px; display: flex; justify-content: space-between; align-items: center;}
.common-msg-top a{display: flex; justify-content: center; align-items: center; padding: 5px 10px;}
.common-msg-top a:active{background: #fff;}
.common-msg-top a .mui-icon{font-size: 20px; color: #3296FA; font-weight: 500;}
.common-msg-top a .name{font-size: 14px; color: #3296FA;}
.common-msg-list .common-msg-item:last-child{border-bottom: 0;}
.common-msg-item{display: flex; background: #fff; padding: 15px 10px 15px 15px; border-bottom: 1px solid #f5f5f5;}
.common-msg-item:active{background: #f5f5f5;}
.common-msg-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px; position: relative;}
.common-msg-item-left img{width: 44px; height: 44px;}
.common-msg-item-left .unread{position: absolute; top: 0; right: 0; display: inline-block;
    width: 8px; height: 8px; border-radius: 50%; background-color: #f00;}
.common-msg-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%;}
.common-msg-item-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.common-msg-item-right .up .name{font-size: 16px; font-weight: 400; color: #333;}
.common-msg-item-right .up .time{font-size: 14px; color: #999;}
.common-msg-item-right .down{font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* 详情 */
.msg-detail-content{padding: 15px; background: #fff;}
.msg-detail-content .title{font-size: 18px; font-weight: 500; color: #000;}
.msg-detail-content .time{font-size: 16px; color: #999; margin: 10px 0 20px;}
.msg-detail-content .content{display: flex; display: -webkit-flex; flex-direction: column;}
.msg-detail-content .content span{font-size: 16px; color: #333; margin-bottom: 15px; letter-spacing: 1px;}
/* 首页 */
.video-idx-search{background: #3296FA;  padding-top: 15px;}
.video-idx-search .mui-search{margin: 0 15px;}
.video-idx-search .mui-search input{background-color: #fff; margin-bottom: 50px;}
.video-idx-search .mui-search.mui-active:before{top: 25px;}
.video-idx-search .mui-search .mui-placeholder{pointer-events: none;}
.video-idx-top{margin: -30px 15px 0; display: flex; background: #fff; box-shadow: 0 10px 0 #f5f5f5; border-radius: 5px;}
.video-idx-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 15px 0; position: relative;}
.video-idx-top-item:active{background: #f5f5f5;}
.video-idx-top-item .name{font-size: 14px; color: #999; margin-bottom: 5px;}
.video-idx-top-item .num{font-size: 24px; font-weight: 400; color: #555;}
.video-idx-top-item .num2{color: #E64340;}
.video-idx-top-item:after{position: absolute; top: 20px; bottom: 20px; right: 0; content: "";
    width: 1px; background-color: #f5f5f5;}
.video-idx-top2{margin: 0 15px 0;}
.video-idx-content{margin-top: 20px;}
.video-idx-content .mui-slider-indicator.mui-segmented-control{background-color: #fff; height: 40px; padding-right: 40px;}
.video-idx-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 1px solid #f5f5f5; border-bottom: 0;}
.video-idx-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    border-bottom: 2px solid #007aff;}
.video-idx-content .mui-segmented-control .mui-control-item{height: 40px;}
.video-idx-content .group{position: absolute; right: 0; top: 0; bottom: 0; z-index: 9;
    width: 40px; background: #fff; display: flex; justify-content: center; align-items: center;}
.video-idx-content .group:active{background: #f5f5f5;}
.video-idx-content .group img{width: 16px; height: 16px; display: flex;}
.video-idx-wrap1{background: #fff;}
.video-idx-title{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.video-idx-title .name{font-size: 16px; font-weight: 400; color: #000;}
.video-idx-title .action1{width: 20px !important; height: 20px !important;}
.video-idx-list1{margin: 0 15px; display: flex; flex-wrap: wrap;}
.video-idx-item1 .info{display: flex; justify-content: space-between; align-items: center;}
.video-idx-item1 .info .name{font-size: 14px; color: #333; display: inline-block; width: 70%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-idx-item1 .info .action2{padding: 5px;}
.video-idx-item1 .info .action2 img{width: 24px !important; height: 24px !important;}
.video-hor{width: 48%; margin-bottom: 10px;}
.video-idx-list1 .video-hor:nth-child(2n+1){margin-right: 4%;}
.video-idx-content .video-idx-wrap1 .video-hor .cover-img{width: 100%; height: 100px; border-radius: 10px; display: flex;}
.video-hor .content{position: relative;}
.video-hor .content .offline{position: absolute; left: 50%; top: 40px; width: 100px; margin-left: -50px; text-align: center;}
.video-hor .content .offline .desc{font-size: 16px; font-weight: 400; color: #fff;}
.video-ver{width: 100%; margin-bottom: 10px;}
.video-idx-content .video-idx-wrap1 .video-ver .cover-img{width: 100%; height: 200px; border-radius: 15px; display: flex;}
.video-ver .content{position: relative;}
.video-ver .content .offline2{position: absolute; left: 50%; top: 80px; width: 200px; margin-left: -100px;
    display: flex; flex-direction: column; align-items: center;}
.video-ver .content .offline2 .desc{font-size: 18px; font-weight: 400; color: #fff;}
.video-ver .content .offline2 .time{font-size: 14px; color: #fff;}
.video-idx-wrap2{background: #fff;}
.video-idx-list2{margin: 0 15px; display: flex; flex-wrap: wrap;}
.video-idx-item2{width: 48%; padding: 10px 10px 15px 10px; margin-bottom: 15px; border-radius: 5px;
    display: flex; flex-direction: column; background-color: #fff; position: relative; box-shadow: 0 0 10px #f5f5f5;}
.video-idx-item2:active{background: #f5f5f5;}
.video-idx-item2 .name{font-size: 14px; font-weight: 400; color: #333;}
.video-idx-item2 .status1{font-size: 12px; color: #2cd02a;}
.video-idx-item2 .status2{font-size: 12px; color: #E64340;}
.video-idx-item2 img{position: absolute; right: 10px; bottom: 10px; width: 25px !important; height: 25px !important;}
.video-idx-list2 .video-idx-item2:nth-child(2n+1){margin-right: 4%;}
.video-plus{position: fixed; right: 10px; bottom: 90px; z-index: 9;}
.video-plus img{width: 44px; height: 44px; display: flex;}
.video-popover{height: auto;}
.video-popover-list{display: flex; flex-wrap: wrap; padding: 15px 10px;}
.video-popover-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 10px 0;}
.video-popover-item:active{background-color: #eee;}
.video-popover-item img{width: 35px; height: 35px; margin-bottom: 5px;}
.video-popover-item .name{font-size: 14px; color: #555;}
.video-popover-item2{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 10px 0;}
.video-popover-item2 .mui-switch{margin-bottom: 10px;}
.video-popover-item2 .name{font-size: 14px; color: #555;}
.mui-popover.mui-popover-action.video-nav-plus{background: #FAFAFE; padding: 20px 30px 0;
    border-top-left-radius: 10px; border-top-right-radius: 10px;}
.video-nav-plus-desc{font-size: 12px; color: #999; text-align: center; padding-bottom: 10px;}
.video-nav-plus-list{display: flex; justify-content: space-around; align-items: center; margin-bottom: 20px;}
.video-nav-plus-list a{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.video-nav-plus-list a img{width: 42px; height: 42px; display: block; margin-bottom: 5px;}
.video-nav-plus-list a span{font-size: 14px; font-weight: 500; color: #555;}
.video-nav-plus-remove{display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.video-nav-plus-remove img{width: 42px; height: 42px; display: block;}
.video-no-data{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 20px;}
.video-no-data img{width: 121px; height: 94px; display: flex; margin-bottom: 15px;}
.video-no-data .add-device{padding: 5px 30px; font-size: 14px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; border-radius: 35px; line-height: normal;}
.video-no-data .add-device:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 视频加密 */
.video-pwd-list{margin-top: 15px;}
.video-pwd-item{display: flex; background: #fff; height: 40px; margin-bottom: 15px; padding: 0 10px;}
.video-pwd-item label{display: flex; align-items: center; width: 20%;}
.video-pwd-item label .name{font-size: 14px; color: #777;}
.video-pwd-item .action{width: 80%; display: flex; align-items: center; justify-content: flex-end;}
.video-pwd-item input{width: 80%; font-size: 14px; color: #333; border: 0;
    padding: 0 10px; margin: 0;}
.video-pwd-action{margin: 30px 40px;}
.video-pwd-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-pwd-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 高级设置 */
.video-high-set-list{margin-top: 15px;}
.video-high-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.video-high-set-item .name{font-size: 16px; color: #333;}
.video-high-set-item .action{display: flex; align-items: center;}
.video-high-set-item2 .right{display: flex; align-items: center;}
.video-high-set-item2 .right .desc{font-size: 14px; color: #999;}
.video-high-set-item2 .right .mui-icon{font-size: 20px; color: #999;}
.video-high-set-item2:active{background: #f5f5f5;}
.video-high-set-item3 .content-right{width: 60%;}
.video-high-set-item3 .content-right .content{margin: 0; font-size: 14px; color: #999; padding: 10px 0;
    text-align: right; border: 0;}
.video-high-set-action{margin: 30px 40px;}
.video-high-set-action .remove{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0;}
.video-high-set-action .remove:active{border: 1px solid #dd524d; background-color: #dd524d;}
.device-property{background: #fff;}
.device-property .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.device-property .title span{font-size: 16px; font-weight: 400; color: #333;}
.device-property-list{display: flex; flex-wrap: wrap; padding-bottom: 10px;}
.device-property-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 10px 0;}
.device-property-item img{width: 40px; height: 40px; margin-bottom: 5px;}
.device-property-item .name{font-size: 14px; color: #777;}
/* 通道设置 */
.video-nvr-channel .content{display: flex; flex-direction: column; margin: 10px 15px 80px;}
.video-nvr-channel .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.video-nvr-channel .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.video-nvr-channel .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #3296FA;}
.video-nvr-channel .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
.video-nvr-channel-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.video-nvr-channel-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 90%;}
.video-nvr-channel-action .save:active{border: 1px solid #3296FA; background-color: #3296FA; opacity: 0.8;}
/* 人脸库管理 */
.video-face-database .video-face-manage-title{padding-top: 10px;}
.video-face-database .video-face-manage-item{padding: 10px;}
.video-face-database .video-face-manage-item-left .info .name{margin-bottom: 0;}
/* 权限管理 */
.video-auth-set-list{margin-top: 15px;}
.video-auth-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.video-auth-set-item:active{background: #f5f5f5;}
.video-auth-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-set-item .right{display: flex; align-items: center;}
.video-auth-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-set-item .right .mui-icon{font-size: 20px; color: #999;}
.video-auth-set-item2{background: #fff;}
.video-auth-set-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-auth-set-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-set-item2 .content{display: flex; flex-wrap: wrap;}
.video-auth-set-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-auth-set-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-auth-set-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px;}
.video-auth-set-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-auth-set-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-auth-set-item2 .content .person-item .name{font-size: 14px; color: #777;}
/* 分享权限 */
.video-share-auth .mui-input-group .mui-input-row{height: 50px;}
.video-share-auth .mui-input-row label{line-height: 50px; padding: 0 15px;}
.video-share-auth .mui-checkbox input[type=checkbox]{top: 12px;}
.video-share-auth .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
/* 分享时段 */
.video-share-during .mui-table-view .mui-table-view-cell a{font-size: 16px; color: #333;}
.video-share-during .mui-table-view:before{height: 0;}
.video-share-during .mui-table-view:after{height: 0;}
.video-share-during .mui-table-view-cell:after{background-color: #e5e5e5;}
.video-share-during-time{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; height: 40px; background: #fff;}
.video-share-during-time:active{background: #f5f5f5;}
.video-share-during-time .name{font-size: 16px; color: #333;}
.video-share-during-time .time{font-size: 14px; color: #777;}
.video-share-during .content{margin-top: 15px;}
.video-share-during .content .mui-card{margin: 0 0 20px 0; box-shadow: none;}
.video-share-during-card .mui-input-group .mui-input-row{height: 50px;}
.video-share-during-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.video-share-during-card .mui-checkbox input[type=checkbox]{top: 12px;}
.video-share-during-card .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
/* 分享设备 */
.video-share-device-content .mui-slider-indicator.mui-segmented-control{background-color: #fff; height: 40px;}
.video-share-device-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 1px solid #f5f5f5; border-bottom: 0;}
.video-share-device-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    border-bottom: 2px solid #007aff;}
.video-share-device-content .mui-segmented-control .mui-control-item{height: 40px;}
.video-share-device-title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.video-share-device-title .name{font-size: 16px; font-weight: 400; color: #000;}
.video-share-device-title .action{width: 22px !important; height: 20px !important;}
.video-share-device-list{margin: 0 15px;}
.video-share-device-item{display: flex; align-items: center; padding: 10px 15px; background-color: #fff;
    border-radius: 3px; margin-bottom: 15px;}
.video-share-device-item:active{background-color: #f5f5f5;}
.video-share-device-item .select-img{width: 20px !important; height: 20px !important; display: flex;}
.video-share-device-item .select-img1{width: 20px !important; height: 20px !important; display: flex;}
.video-share-device-item .cover-img{width: 160px !important; height: 80px !important; display: flex;
    border-radius: 5px; margin: 0 10px 0 15px;}
.video-share-device-item .info{display: flex; flex-direction: column; justify-content: center;}
.video-share-device-item .info .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.video-share-device-item .info .num{font-size: 14px; color: #999;}
.video-share-device-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 66px;
    display: flex; justify-content: center; align-items: center; background-color: #fff; border-top: 1px solid #f5f5f5;}
.video-share-device-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%; position: relative;}
.video-share-device-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
.video-share-device-action .save .tips{position: absolute; right: 10px; top: 14px; font-size: 14px;}
/* 消息提醒 */
.video-msg-warn-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin: 15px 0; padding: 0 10px 0 15px;}
.video-msg-warn-top .name{font-size: 16px; color: #333;}
.video-msg-warn-top .action{display: flex; align-items: center;}
.video-msg-warn-content .mui-table-view .mui-table-view-cell a{font-size: 16px; color: #333;}
.video-msg-warn-content .mui-table-view:before{height: 0;}
.video-msg-warn-content .mui-table-view:after{height: 0;}
.video-msg-warn-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.video-msg-warn-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin-top: 15px; padding: 0 10px 0 15px;}
.video-msg-warn-item .name{font-size: 16px; color: #333;}
.video-msg-warn-item .right{display: flex; align-items: center;}
.video-msg-warn-item .right .desc{font-size: 14px; color: #999;}
.video-msg-warn-item .right .mui-icon{font-size: 20px; color: #999;}
.video-msg-warn-item:active{background: #f5f5f5;}
.video-msg-warn-time{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; height: 40px; background: #fff;}
.video-msg-warn-time:active{background: #f5f5f5;}
.video-msg-warn-time .name{font-size: 16px; color: #333;}
.video-msg-warn-time .time{font-size: 14px; color: #999;}
.video-msg-warn .video-msg-warn-card{margin: 0 0 20px 0; box-shadow: none;}
.video-msg-warn-card .mui-input-group .mui-input-row{height: 50px;}
.video-msg-warn-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.video-msg-warn-card .mui-checkbox input[type=checkbox]{top: 12px;}
.video-msg-warn-card .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
/* 添加方式 */
.video-device-add-guide-list{margin: 15px 15px 0;}
.video-device-add-guide-item{display: flex; flex-direction: column; padding: 15px 10px;
    background: #fff; border-radius: 3px;}
.video-device-add-guide-item .guide-way-top{display: flex; justify-content: space-between; align-items: center;}
.video-device-add-guide-item .guide-way-top span{font-size: 16px; font-weight: 400; color: #333;}
.video-device-add-guide-item .guide-way-top a{font-size: 14px; color: #3296FA;}
.video-device-add-guide-item .guide-way-mid{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 30px 0;}
.video-device-add-guide-item .guide-way-mid .scan{display: flex; justify-content: center; align-items: center;
    width: 70px; height: 70px; background: #3296FA; border-radius: 3px; margin-bottom: 5px;}
.video-device-add-guide-item .guide-way-mid .scan img{width: 35px; height: 35px; display: flex;}
.video-device-add-guide-item .guide-way-mid span{font-size: 14px; color: #3296FA;}
.video-device-add-guide-item .guide-way-mid .scan:active{background: #2A74F3;}
.video-device-add-guide-item .guide-way-bottom{display: flex; justify-content: space-between;}
.video-device-add-guide-item .guide-way-bottom .left{display: flex; flex-direction: column; justify-content: center;
    width: 55%;}
.video-device-add-guide-item .guide-way-bottom .desc{font-size: 14px; font-weight: 400; color: #333; margin-bottom: 5px;}
.video-device-add-guide-item .guide-way-bottom .desc2{font-size: 14px; color: #777;}
.video-device-add-guide-item .guide-way-bottom .right{display: flex; justify-content: flex-end; align-items: center; width: 40%;}
.video-device-add-guide-item .guide-way-bottom .right img{width: 105px; height: 84px; display: flex;}
/* 帮助 */
.video-device-add-help-content{margin-top: 10px; background: #fff; padding: 15px 10px;}
.video-device-add-help-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.video-device-add-help-item .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.video-device-add-help-item .desc{font-size: 14px; color: #555;}
.video-device-add-help-item .other{display: flex; align-items: center;}
.video-device-add-help-content .other span{font-size: 16px; color: #333;}
.video-device-add-help-content .other a{font-size: 16px; color: #3296FA;}
/* 添加设备 */
.video-device-add-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.video-device-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.video-device-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.video-device-add-item .video-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.video-device-add-item .video-select:active{background: #fff;}
.video-device-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.video-device-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.video-device-add-item label .group{font-size: 14px; color: #3296FA; padding: 2px 10px;
    position: absolute; right: 0; top: -1px;}
.video-device-add-item label .group:active{background: #f5f5f5;}
.video-device-add-action{margin: 20px 40px;}
.video-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-device-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 管理分组 */
.manage-group-top{margin: 5px 20px 10px; display: flex; justify-content: flex-end;}
.manage-group-top a{display: flex; justify-content: center; align-items: center; padding: 5px;}
.manage-group-top a:active{background: #fff;}
.manage-group-top a .mui-icon-plusempty{font-size: 20px; color: #3296FA; font-weight: 500;}
.manage-group-top a .name{font-size: 14px; color: #3296FA;}
.manage-group-list{margin: 0 20px 0;}
.manage-group-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.manage-group-item:active{background: #f5f5f5;}
.manage-group-item-left{display: flex; align-items: center;}
.manage-group-item-left img{width: 32px; height: 32px; margin-right: 5px;}
.manage-group-item-left .name{font-size: 16px; font-weight: 400; color: #333;}
.manage-group-item .time{font-size: 14px; color: #777;}
/* 编辑分组 */
.group-edit-list{margin-top: 15px;}
.group-edit-item{display: flex; flex-direction: column; background: #fff;}
.group-edit-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.group-edit-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.group-edit-action{margin: 40px;}
.group-edit-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.group-edit-action .save{ border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.group-edit-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 探测器管理 */
.video-detector-search{margin: 15px 15px 0;}
.video-detector-search .mui-search input{background-color: rgba(255,255,255,.9);}
.video-detector-search .mui-search .mui-placeholder{pointer-events: none;}
.video-detector-list{margin: 0 15px 30px;}
.video-detector-item{background: #fff; border-radius: 5px; padding: 15px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.video-detector-item:active{background: #f5f5f5;}
.video-detector-list .video-detector-item:last-child{margin-bottom: 0;}
.video-detector-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.video-detector-item-up .name{font-size: 16px; color: #333;}
.video-detector-item-down{display: flex; justify-content: space-between; align-items: center;}
.video-detector-item-down .num{width: 48%; font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-detector-item-down .num2{text-align: right;}
/* 探测器编辑 */
.video-detector-edit-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.video-detector-edit-item{margin-bottom: 15px;}
.video-detector-edit-list .video-detector-edit-item:last-child{margin-bottom: 0;}
.video-detector-edit-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.video-detector-edit-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.video-detector-edit-item .num{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    border-radius: 3px; padding: 0 15px;}
.video-detector-edit-action{margin: 20px 40px;}
.video-detector-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-detector-edit-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 视频详情 */
.video-detail{width: 100%; height: 100%;}
.video-detail-top{position: relative;}
.video-detail-top .player{}
.video-detail-top .action{position: absolute; left: 0; right: 0; bottom: 0; height: 40px; z-index: 9;
    padding: 0 15px 0 30px; display: flex; justify-content: space-between;}
.video-detail-top .action .action-left{display: flex; align-items: center;}
.video-detail-top .action .action-left a img{width: 18px; height: 18px; display: flex;}
.video-detail-top .action .action-right{display: flex; align-items: center;}
.video-detail-top .action .action-right a img{width: 18px; height: 18px; display: flex;}
.video-detail-top .mask{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
    display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0, .3);}
.video-detail-top .mask a img{width: 45px; height: 45px;}
.video-detail-action{display: flex; height: 50px; background-color: #fff;}
.video-detail-action a{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.video-detail-action a:active{background-color: #f5f5f5;}
.video-detail-action a img{width: 20px; height: 20px;}
.video-detail-action a .desc{font-size: 10px; color: #777;}
.video-detail-content{margin-top: 15px; background-color: #fff;}
.video-detail-alarm{width: 100%; height: 100%; position: relative;}
.video-detail-content .title{padding: 0 10px; display: flex; justify-content: space-between; align-items: center; height: 40px;}
.video-detail-content .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-detail-alarm .mui-scroll-wrapper{top: 40px;}
.video-detail-alarm-list{margin: 5px 15px 0;}
.video-detail-alarm-item{display: flex; margin-bottom: 15px;}
.video-detail-alarm-item-left{display: flex; flex-direction: column; align-items: flex-end;}
.video-detail-alarm-item-left span{font-size: 14px; color: #777;}
.video-detail-alarm-item-mid{display: flex; margin: 0 10px;}
.video-detail-alarm-item-mid img{width: 8px; height: 90px;}
.video-detail-alarm-item-right{display: flex; flex-direction: column;}
.video-detail-alarm-item-right2{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px;}
.video-detail-alarm-item-right .name{font-size: 14px; color: #555; margin-bottom: 5px;}
.video-detail-alarm-item-right2 .name{font-size: 14px; color: #555; margin-bottom: 5px;}
.video-detail-alarm-item-right img{width: 120px; height: 60px; border-radius: 5px;}
.video-detail-console{width: 100%; height: 100%; position: relative;}
.video-detail-console .console-close{padding: 5px;}
.video-detail-console .console-close img{width: 18px; height: 18px; display: flex;}
.video-detail-console-action{width: 100%; height: calc(100% - 40px); display: flex; justify-content: center; align-items: center;}
.video-detail-console-action .console{width: 200px; height: 200px; background: url("../img/video/console_center.png") center no-repeat;
    background-size: 100% 100%; position: relative;}
.video-detail-console-action .console.active1{background: url("../img/video/console_center_up.png") center no-repeat; background-size: 100% 100%;}
.video-detail-console-action .console.active2{background: url("../img/video/console_center_right.png") center no-repeat; background-size: 100% 100%;}
.video-detail-console-action .console.active3{background: url("../img/video/console_center_down.png") center no-repeat; background-size: 100% 100%;}
.video-detail-console-action .console.active4{background: url("../img/video/console_center_left.png") center no-repeat; background-size: 100% 100%;}
.video-detail-console-action .console .up{position: absolute; top: 5px; left: 50%; margin-left: -28px;}
.video-detail-console-action .console .up img{width: 56px; height: 46px;}
.video-detail-console-action .console .right{position: absolute; top: 50%; right: 10px; margin-top: -23px;}
.video-detail-console-action .console .right img{width: 46px; height: 56px;}
.video-detail-console-action .console .down{position: absolute; bottom: 5px; left: 50%; margin-left: -28px;}
.video-detail-console-action .console .down img{width: 56px; height: 46px;}
.video-detail-console-action .console .left{position: absolute; top: 50%; left: 10px; margin-top: -23px;}
.video-detail-console-action .console .left img{width: 46px; height: 56px;}
.video-detail-console-action .console2{position: absolute; left: 20px; bottom: 20px; z-index: 9;}
.video-detail-console-action .console2 .mui-icon{color: #3296FA;}
.video-detail-timeline{width: 100%; height: 100%;}
.video-detail-timeline .title .time img{width: 20px; height: 20px;}
.video-detail-timeline-action{width: 100%; height: calc(100% - 40px); position: relative; display: inline-block;}
.video-detail-timeline-action .slider-container .back-bar .pointer.low{z-index: 5;}
.video-detail-timeline-action .time-container2 .date-picker2{position: relative; display: inline-block; margin-top: 20px;}
.video-detail-timeline-action .time-container2 .date-picker2 input{width: 200px; margin: 0 auto; line-height: 40px; padding: 0 10px;
     border: 5px; border: 1px solid #e5e5e5 !important; font-size: 14px; font-weight: 400; color: #333;}
.video-detail-timeline-action .time-container2 .date-picker2 img{position: absolute; top: 10px; right: 10px;
    width: 20px; height: 20px;}
.video-detail-timeline-action .back{position: absolute; right: 20px; bottom: 20px; z-index: 9;}
.video-detail-timeline-action .back button{padding: 5px 9px; border-radius: 14px; border: 0; font-size: 12px;}
.video-detail-voice{width: 100%; height: 100%;}
.video-detail-voice-action{width: 100%; height: calc(100% - 40px); display: flex; justify-content: center; align-items: center;}
.video-detail-voice-action img{width: 375px; height: 150px;}
/* 截图详情 */
.video-screen-shot-list{margin: 15px 20px 0; padding: 20px 15px; background: #fff; border-radius: 5px;}
.video-screen-shot-item{display: flex; margin-bottom: 20px;}
.video-screen-shot-list .video-screen-shot-item:last-child{margin-bottom: 0;}
.video-screen-shot-item-left{display: flex; align-items: center; width: 15%;}
.video-screen-shot-item-left img{width: 20px; height: 20px;}
.video-screen-shot-item-right{display: flex; width: 85%;}
.video-screen-shot-item-right .name{font-size: 16px; color: #333;}
.video-screen-shot-item-right .time{font-size: 16px; color: #333;}
.video-screen-shot-item-right .picture{width: 100%; height: 120px; border-radius: 5px;}
.video-screen-shot-list2{background: #fff; margin: 15px 20px 0; border-radius: 5px;}
.video-screen-shot-list2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-screen-shot-list2 .title .name{font-size: 16px; color: #333;}
.video-screen-shot-list2 .content{display: flex; flex-wrap: wrap;}
.video-screen-shot-list2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-screen-shot-list2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-screen-shot-list2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.video-screen-shot-list2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-screen-shot-list2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-screen-shot-list2 .content .person-item .name{font-size: 14px; color: #777;}
.video-screen-shot-item-right textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.video-screen-shot-action{margin: 30px 40px;}
.video-screen-shot-action .check{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-screen-shot-action .check:active{background: #2A74F3;}
/* iOS详情 */
.video-detail-ios .video-detail-top video{width: 100%; height: 200px; display: flex; object-fit: fill;}
.video-detail-ios .video-detail-content{height: calc(100% - 265px);}
.video-detail-ios-mask{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9;
    background: rgba(0,0,0, .7); display: none;}
.video-detail-ios-mask img{width: 100%;}
/* 第二版视频回放详情 */
.video-detail-timeline .title .date-picker3{position: relative; display: inline-block;}
.video-detail-timeline .title .date-picker3 input{width: 160px; margin: 0 auto; height: 32px; line-height: 32px; padding: 0 10px;
    border: 5px; border: 1px solid #f5f5f5 !important; font-size: 14px; color: #333;}
.video-detail-timeline .title .date-picker3 img{position: absolute; top: 8px; right: 10px;
    width: 16px; height: 16px;}
.video-detail-timeline-action .time-line-container{height:300px;position:relative;margin-top:20px}
.video-detail-timeline-action .time-line-container .time-line-item-container{display:inline-block;width:30%;overflow-y:scroll;overflow-x:hidden;
    height:300px;box-sizing:border-box;white-space:nowrap;position:relative; float: left;}
.video-detail-timeline-action .time-line-container .time-line-item-container::-webkit-scrollbar{width:0;height:0}
.video-detail-timeline-action .time-line-item .time-item{position:relative;box-sizing:border-box;height:60px;font-size:14px;
    color:#969696;border-right:6px solid;border-right-color:#ddd}
.video-detail-timeline-action .time-line-item .time-item .scale{width:6px;height:9px;border-bottom:1px solid #ccc;float:right;clear:both}
.video-detail-timeline-action .time-line-item .time-item .item-unavail{width:6px;position:absolute;left:100%;background-color:#ddd}
.video-detail-timeline-action .time-line-container .current-time{position:absolute;left:0;top:40px;height:29px;border-bottom:1px solid #1d75b3;
    width:60%;padding-left:36%; box-sizing: content-box;}
.video-detail-timeline-action .time-line-container .current-time .current-time-bg{position:relative;top:15px;width:100px;height:29px;
    line-height:29px;background-color:#0e9aef;color:#fff;text-align:center;border-radius:15px}
/* 权限管理 */
.video-auth-manage .mui-slider-indicator.mui-segmented-control{background: #fff;}
.video-auth-manage .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 0; border-bottom: 0;}
.video-auth-manage-list{margin: 15px 15px 0;}
.video-auth-manage-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.video-auth-manage-item:active{background: #f5f5f5;}
.video-auth-manage-item img{width: 40% !important; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.video-auth-manage-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 10px 0 10px 10px;}
.video-auth-manage-item-right .info{display: flex; align-items: center;}
.video-auth-manage-item-right .info .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-manage-item-right .desc{font-size: 14px; color: #555; margin: 2px 0 13px;}
.video-auth-manage-item-right .time{font-size: 14px; color: #999;}
.video-auth-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.video-auth-manage-plus img{width: 44px; height: 44px; display: flex;}
/* 权限分享设置 */
.video-auth-share-set-list{margin-top: 15px;}
.video-auth-share-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.video-auth-share-set-item:active{background: #f5f5f5;}
.video-auth-share-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-share-set-item .right{display: flex; align-items: center;}
.video-auth-share-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-share-set-item .right .mui-icon{font-size: 20px; color: #999;}
.video-auth-share-set-item2{background: #fff;}
.video-auth-share-set-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-auth-share-set-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-share-set-item2 .content{display: flex; flex-wrap: wrap;}
.video-auth-share-set-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-auth-share-set-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-auth-share-set-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px;}
.video-auth-share-set-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-auth-share-set-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-auth-share-set-item2 .content .person-item .name{font-size: 14px; color: #777;}
.video-auth-share-set-action{margin: 30px 40px;}
.video-auth-share-set-action .remove{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0;}
.video-auth-share-set-action .remove:active{border: 1px solid #dd524d; background-color: #dd524d;}
.video-auth-share-set2-list{margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.video-auth-share-set2-item{display: flex; flex-direction: column;}
.video-auth-share-set2-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.video-auth-share-set2-item .name{font-size: 16px; color: #333;}
.video-auth-share-set2-action{margin: 30px 40px;}
.video-auth-share-set2-action .quit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0;}
.video-auth-share-set2-action .quit:active{border: 1px solid #dd524d; background-color: #dd524d;}
/* 权限分享 */
.video-auth-share-list{margin-top: 15px;}
.video-auth-share-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.video-auth-share-item:active{background: #f5f5f5;}
.video-auth-share-item .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-share-item .right{display: flex; align-items: center;}
.video-auth-share-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-share-item .right .mui-icon{font-size: 20px; color: #999;}
.video-auth-share-item2{background: #fff;}
.video-auth-share-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-auth-share-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-share-item2 .content{display: flex; flex-wrap: wrap;}
.video-auth-share-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-auth-share-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-auth-share-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px;}
.video-auth-share-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-auth-share-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-auth-share-item2 .content .person-item .name{font-size: 14px; color: #777;}
.video-auth-share-action{margin: 30px 40px;}
.video-auth-share-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.video-auth-share-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 展示二维码 */
.show-qrcode{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.show-qrcode span{font-size: 20px; color: #2A74F3; margin-bottom: 20px; letter-spacing: 2px;}
.show-qrcode img{width: 240px; height: 240px; display: flex;}
/* 系统设置 */
.video-system-set-list{margin: 15px 15px 0;}
.video-system-set-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-radius: 5px; margin-bottom: 15px;}
.video-system-set-item:active{background: #f5f5f5;}
.video-system-set-item-left{display: flex; align-items: center;}
.video-system-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.video-system-set-item-left .content{display: flex; flex-direction: column; justify-content: center;}
.video-system-set-item-left .content .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.video-system-set-item-left .content .desc{font-size: 14px; color: #999;}
.video-system-set-item-right{display: flex; align-items: center;}
.video-system-set-item-right span{font-size: 20px; color: #999;}
/* 行为分析设置 */
.action-analysis-set-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff;}
.action-analysis-set-switch .title{font-size: 16px; color: #333;}
.action-analysis-set-list{margin: 15px 15px 0;}
.action-analysis-set-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff; border-radius: 3px; margin-bottom: 10px;}
.action-analysis-set-item .title{font-size: 14px; color: #777;}
/* 权限列表 */
.video-auth-manage-set .mui-slider-indicator.mui-segmented-control{background: #fff;}
.video-auth-manage-set .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 0; border-bottom: 0;}
.video-auth-manage-set-list{margin: 15px 15px 0;}
.video-auth-manage-set-item{background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 15px;}
.video-auth-manage-set-item:active{background: #f5f5f5;}
.video-auth-manage-set-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.video-auth-manage-set-item .up .name{font-size: 16px; color: #333; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-manage-set-item .up .num{font-size: 14px; color: #999;}
.video-auth-manage-set-item .down{display: flex; justify-content: space-between; align-items: center;}
.video-auth-manage-set-item .down .num{font-size: 14px; color: #999;}
.video-auth-manage-set-item .down .time{font-size: 14px; color: #999;}
.video-auth-manage-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 5;}
.video-auth-manage-set-plus img{width: 44px; height: 44px; display: flex;}
.video-auth-manage-set-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.video-auth-manage-set-dialog{position: absolute; top: 70%; left: 0; right: 0; bottom: 0; z-index: 9; background: #fff;
    border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 20px 0; display: none;}
.video-auth-manage-set-dialog .list{display: flex; margin-bottom: 15px;}
.video-auth-manage-set-dialog .list .item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 5px 0;}
.video-auth-manage-set-dialog .list .item:active{background: #f5f5f5;}
.video-auth-manage-set-dialog .list .item img{width: 42px; height: 42px; display: flex; margin-bottom: 5px;}
.video-auth-manage-set-dialog .list .item span{font-size: 14px; color: #555;}
.video-auth-manage-set-dialog .action{display: flex; justify-content: center; align-items: center;}
.video-auth-manage-set-dialog .action .cancel{width: 44px; height: 44px; display: flex;}
/* 权限详情 */
.video-auth-manage-set-detail-top{display: flex; flex-direction: column; justify-content: center; padding: 15px 15px;}
.video-auth-manage-set-detail-top .title{font-size: 18px; color: #333;}
.video-auth-manage-set-detail-top .time{font-size: 14px; color: #999;}
.video-auth-manage-set-detail-list{margin: 0 15px; padding: 15px 15px; background: #fff; border-radius: 5px;}
.video-auth-manage-set-detail-item{display: flex; margin-bottom: 15px;}
.video-auth-manage-set-detail-list .video-auth-manage-set-detail-item:last-child{margin-bottom: 0;}
.video-auth-manage-set-detail-item-left{display: flex; align-items: center; width: 15%;}
.video-auth-manage-set-detail-item-left img{width: 20px; height: 20px; display: flex;}
.video-auth-manage-set-detail-item-right{display: flex; align-items: center; width: 85%;}
.video-auth-manage-set-detail-item-right .name{font-size: 16px; color: #333; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-manage-set-detail-item-right .time{font-size: 16px; color: #333; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-manage-set-detail-item-right .effect{font-size: 16px; color: #333; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-manage-set-detail-item-person{display: flex; flex-wrap: wrap; width: 85%;}
.video-auth-manage-set-detail-item-person .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-bottom: 10px; margin-right: 10px;}
.video-auth-manage-set-detail-item-person .person-item img{width: 40px; height: 40px; border-radius: 5px;
    display: flex; margin-bottom: 5px;}
.video-auth-manage-set-detail-item-person .person-item .name{font-size: 14px; color: #999;}
.video-auth-manage-set-detail-action{margin: 20px 30px;}
.video-auth-manage-set-detail-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.video-auth-manage-set-detail-action .edit{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 15px;}
.video-auth-manage-set-detail-action .edit:active{background: #2A74F3;}
/* 设备权限管理 */
.video-auth-manage-device-list{margin-top: 15px;}
.video-auth-manage-device-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.video-auth-manage-device-item:active{background: #f5f5f5;}
.video-auth-manage-device-item .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-manage-device-item .right{display: flex; align-items: center;}
.video-auth-manage-device-item .right .content{font-size: 16px; color: #999; border: 0; line-height: 40px;
    margin: 0; padding: 0; width: 240px; text-align: right;}
.video-auth-manage-device-item:active .right .content{background: #f5f5f5;}
.video-auth-manage-device-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.video-auth-manage-device-item .right .mui-icon{font-size: 20px; color: #999;}
.video-auth-manage-device-item2{background: #fff;}
.video-auth-manage-device-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.video-auth-manage-device-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.video-auth-manage-device-item2 .content{display: flex; flex-wrap: wrap;}
.video-auth-manage-device-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-auth-manage-device-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-auth-manage-device-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.video-auth-manage-device-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-auth-manage-device-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-auth-manage-device-item2 .content .person-item .name{font-size: 14px; color: #777;}
/* 管理员管理 */
.video-manager-set-list{margin-bottom: 15px; background: #fff;}
.video-manager-set-list .title{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;}
.video-manager-set-list .title .name{font-size: 16px; color: #333;}
.video-manager-set-list .title .num{font-size: 14px; color: #999;}
.video-manager-set-list .content{display: flex; flex-wrap: wrap;}
.video-manager-set-list .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.video-manager-set-list .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.video-manager-set-list .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px;}
.video-manager-set-list .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.video-manager-set-list .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.video-manager-set-list .content .person-item .name{font-size: 14px; color: #777;}
/* 操作日志 */
.video-operate-log-top{margin-bottom: 15px; background: #fff;}
.video-operate-log-select{display: flex; align-items: center; padding: 5px 10px; position: relative;}
.video-operate-log-select:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.video-operate-log-select-left{display: flex; align-items: center; padding: 5px;}
.video-operate-log-select-left:active{background: #f5f5f5;}
.video-operate-log-select-left img{width: 16px; height: 16px; display: flex;}
.video-operate-log-select-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.video-operate-log-select-left .week{font-size: 14px; color: #333; line-height: normal;}
.video-operate-log-select-left .mui-icon{font-size: 20px; color: #999;}
.video-operate-log-search{padding: 10px 15px;}
.video-operate-log-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.video-operate-log-search .mui-search .mui-placeholder{pointer-events: none;}
.video-operate-log-search .mui-search.mui-active:before{margin-top: -7px;}
.video-operate-log-list{margin: 0 15px;}
.video-operate-log-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.video-operate-log-item:active{background: #f5f5f5;}
.video-operate-log-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.video-operate-log-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.video-operate-log-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.video-operate-log-item-info .up .name{font-size: 16px; color: #333; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video-operate-log-item-info .up .time{font-size: 14px; color: #999;}
.video-operate-log-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.video-operate-log-item-info .down .desc{font-size: 14px; color: #999; max-width: 70%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.video-operate-log-item-info .down .name{font-size: 14px; color: #999; max-width: 30%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 在线人数 */
.video-online-top .title{font-size: 18px; font-weight: 500; color: #222; padding: 15px 10px 5px;}
.video-online-top .desc{font-size: 12px; color: #999; padding: 0 10px;}
.video-online-top .wrap{display: flex; justify-content: space-around; padding: 15px 0;}
.video-online-top .wrap .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.video-online-top .wrap .item .num{font-size: 20px; font-weight: 500;}
.video-online-top .wrap .item .num.num1{color: #FF5A48;}
.video-online-top .wrap .item .num.num2{color: #21D388;}
.video-online-top .wrap .item .name{font-size: 14px; color: #777;}
.video-online-title{font-size: 16px; font-weight: 500; color: #222; padding: 15px 15px 10px; background: #fff;}
.video-online-list{padding: 0 15px; background: #fff;}
.video-online-item{padding: 10px 10px; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #f5f5f5; margin-bottom: 15px; display: flex; align-items: center;}
.video-online-item img{width: 106px; height: 66px; border-radius: 3px; margin-right: 10px;}
.video-online-item .info{display: flex; flex-direction: column; justify-content: center;}
.video-online-item .info .name{font-size: 16px; color: #333;}
.video-online-item .info .dept{font-size: 14px; color: #777; margin: 3px 0;}
.video-online-item .info .device{font-size: 14px; color: #777;}
.video-online-item svg{width: 16px; height: 16px; fill: #FF5A48; overflow: hidden;
    position: absolute; top: 10px; right: 10px; z-index: 9;}

/* ========================================= 无感考勤 =========================================== */
/* 首页 */
.noninductive-index-new-top{display: flex; flex-direction: column; justify-content: center;
    height: 180px; background: #3296FA;}
.noninductive-index-new-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.noninductive-index-new-top-tip .icon{position: relative; margin-right: 10px;}
.noninductive-index-new-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.noninductive-index-new-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.noninductive-index-new-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noninductive-index-new-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.noninductive-index-new-top-tip .pay:active{opacity: 0.8;}
.noninductive-index-new-top .wrap{display: flex; align-items: center;}
.noninductive-index-new-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 10px 0;}
.noninductive-index-new-top-item .item-num{font-size: 28px; color: #fff; margin-bottom: 10px;}
.noninductive-index-new-top-item .title{font-size: 14px; color: #fff;}
.noninductive-index-new-bottom{display: flex; flex-wrap: wrap; margin: 15px 10px 10px;}
.noninductive-index-new-bottom-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 31.33%; padding: 15px 0; border-radius: 5px; box-shadow: 0px 5px 5px 0 #E3E2F2; margin-bottom: 10px; background: #fff;}
.noninductive-index-new-bottom-item:active{background: #F5F5F5;}
.noninductive-index-new-bottom .noninductive-index-new-bottom-item:nth-child(3n-1){margin-left: 3%; margin-right: 3%;}
.noninductive-index-new-bottom-item img{width: 48px; height: 48px; display: flex; margin-bottom: 5px;}
.noninductive-index-new-bottom-item .name{font-size: 14px; font-weight: 500; color: #333;}
/* 数据报表 */
.noninductive-statement-children-list{margin-top: 15px;}
.noninductive-statement-children-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.noninductive-statement-children-item:active{background: #f5f5f5;}
.noninductive-statement-children-item .name{font-size: 16px; color: #333;}
.noninductive-statement-children-item .mui-icon{font-size: 20px; color: #999;}
/* 统计数据报表 */
.noninductive-statement-data-stats-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.noninductive-statement-data-stats-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff; padding-top: 10px; display: none;}
.noninductive-statement-data-stats-dialog-item{padding: 0 15px;}
.noninductive-statement-data-stats-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.noninductive-statement-data-stats-dialog-status{margin-bottom: 15px;}
.noninductive-statement-data-stats-dialog-status span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.noninductive-statement-data-stats-dialog-status span:active{background: #fff;}
.noninductive-statement-data-stats-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.noninductive-statement-data-stats-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.noninductive-statement-data-stats-dialog-time .time:active{background: #fff;}
.noninductive-statement-data-stats-dialog-time .space{color: #333;}
.noninductive-statement-data-stats-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.noninductive-statement-data-stats-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.noninductive-statement-data-stats-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.noninductive-statement-data-stats-dialog-action .confirm{color: var(--text-color);}
.noninductive-statement-data-stats-dialog-action span:active{background: #f5f5f5;}

.noninductive-statement-data-stats-top{margin-bottom: 15px; background: #fff;}
.noninductive-statement-data-stats-date{display: flex; justify-content: space-between; align-items: center; padding: 5px 5px;}
.noninductive-statement-data-stats-left{display: flex; align-items: center; padding: 5px;}
.noninductive-statement-data-stats-left:active{background: #f5f5f5;}
.noninductive-statement-data-stats-left img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.noninductive-statement-data-stats-left .name{font-size: 14px; color: #333; line-height: normal;}
.noninductive-statement-data-stats-left .mui-icon{font-size: 20px; color: #999;}
.noninductive-statement-data-stats-right{display: flex; align-items: center; padding: 5px;}
.noninductive-statement-data-stats-right:active{background: #f5f5f5;}
.noninductive-statement-data-stats-right img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.noninductive-statement-data-stats-right span{font-size: 14px; color: #777; line-height: normal;}
.noninductive-statement-data-stats-list{background: #fff;}
.noninductive-statement-data-stats-title{display: flex;}
.noninductive-statement-data-stats-title .item{font-size: 16px; font-weight: 500; color: #333; text-align: center; padding: 10px 0;}
.noninductive-statement-data-stats-item{display: flex; padding: 10px 0;}
.noninductive-statement-data-stats-item:nth-child(even){background: #f5f5f5;}
.noninductive-statement-data-stats-item:active{background: #ddd;}
.noninductive-statement-data-stats-item .left{width: 40%; font-size: 14px; color: #777; text-align: center;}
.noninductive-statement-data-stats-item .mid{width: 30%; font-size: 14px; color: #777; text-align: center;}
.noninductive-statement-data-stats-item .right{width: 30%; font-size: 14px; color: #777; text-align: center;}
/* 时长统计报表 */
.noninductive-statement-duration-stats-top{margin-bottom: 15px; background: #fff;}
.noninductive-statement-duration-stats-date{display: flex; align-items: center; padding: 5px 5px; position: relative;}
.noninductive-statement-duration-stats-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.noninductive-statement-duration-stats-date-left{display: flex; align-items: center; padding: 5px;}
.noninductive-statement-duration-stats-date-left:active{background: #f5f5f5;}
.noninductive-statement-duration-stats-date-left img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.noninductive-statement-duration-stats-date-left .date{font-size: 14px; color: #333; line-height: normal;}
.noninductive-statement-duration-stats-date-left .line{font-size: 14px; color: #777; margin: 0 5px;}
.noninductive-statement-duration-stats-date-left .mui-icon{font-size: 20px; color: #999;}
.noninductive-statement-duration-stats-search{padding: 10px 15px;}
.noninductive-statement-duration-stats-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.noninductive-statement-duration-stats-search .mui-search .mui-placeholder{pointer-events: none;}
.noninductive-statement-duration-stats-search .mui-search.mui-active:before{margin-top: -7px;}
.noninductive-statement-duration-stats-list{margin: 0 15px;}
.noninductive-statement-duration-stats-item{background: #fff; border-radius: 5px; padding: 15px 10px; margin-bottom: 15px;}
.noninductive-statement-duration-stats-item .title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.noninductive-statement-duration-stats-item .title .left{display: flex; align-items: center}
.noninductive-statement-duration-stats-item .title .left .name{font-size: 16px; color: #333; font-weight: 500;}
.noninductive-statement-duration-stats-item .title .left .dept{font-size: 14px; color: #999;}
.noninductive-statement-duration-stats-item .desc{font-size: 14px; color: #777; margin-bottom: 5px;}
.noninductive-statement-duration-stats-item .down{display: flex;}
.noninductive-statement-duration-stats-item .down .left{font-size: 14px; color: #777;}
.noninductive-statement-duration-stats-item .down .right{display: flex;}
.noninductive-statement-duration-stats-item .down .right .item{display: flex; flex-direction: column; align-items: center;}
.noninductive-statement-duration-stats-item .down .right .item:first-child{margin-right: 15px;}
.noninductive-statement-duration-stats-item .down .right .item img{width: 60px; height: 60px; display: flex; border-radius: 5px;}
.noninductive-statement-duration-stats-item .down .right .item .desc{font-size: 12px; color: #999; margin-top: 3px;}

/* ========================================= 宿舍管理 =========================================== */
/* 底部导航 */
nav.dormitory-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.dormitory-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.dormitory-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.dormitory-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.dormitory-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.dormitory-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.dormitory-msg-top{height: 160px; background: var(--bg-color); padding-top: 20px;}
.dormitory-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.dormitory-msg-top-tip .icon{position: relative; margin-right: 10px;}
.dormitory-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.dormitory-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.dormitory-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dormitory-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.dormitory-msg-top-tip .pay:active{opacity: 0.8;}
.dormitory-msg-mid{margin: -70px 15px 20px;}
.dormitory-msg-mid-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.dormitory-msg-mid-title .left{font-size: 16px; color: #fff;}
.dormitory-msg-mid-title .right{font-size: 14px; color: #fff;}
.dormitory-msg-mid-content{display: flex; height: 100px; background: #fff;
    border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; position: relative;}
.dormitory-msg-mid-item{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 33%;}
.dormitory-msg-mid-item .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.dormitory-msg-mid-item .num1{font-size: 24px; font-weight: 500; color: var(--text-color);}
.dormitory-msg-mid-item .num2{font-size: 24px; font-weight: 500; color: #FDA850;}
.dormitory-msg-mid-content .status{position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 9;
    width: 80px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #fff;
    border-top-left-radius: 13px; border-bottom-left-radius: 13px;}
.dormitory-msg-mid-content .status1{background: var(--bg-color);}
.dormitory-msg-mid-content .status2{background: #FDA850;}
.dormitory-msg-title{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 0 10px; padding: 0 10px;}
.dormitory-msg-title .title{font-size: 16px; color: #333;}
.dormitory-msg-title .more{font-size: 14px; color: var(--text-color); line-height: normal;}
.dormitory-msg-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.dormitory-msg-item:active{background: #f5f5f5;}
.dormitory-msg-item-left{display: flex; align-items: center;}
.dormitory-msg-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.dormitory-msg-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.dormitory-msg-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #FF5A48;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.dormitory-msg-item-info{display: flex; flex-direction: column; justify-content: center;}
.dormitory-msg-item-info .title{font-size: 16px; color: #333; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.dormitory-msg-item-info .location{font-size: 14px; color: #777; margin: 2px 0 10px;}
.dormitory-msg-item-info .time{font-size: 14px; color: #999;}
.dormitory-msg-item-right{display: flex; align-items: center;}
.dormitory-msg-item-right .mui-icon{font-size: 20px; color: #999;}
/* 统计 */
.dormitory-stats{}
/* 设置 */
.dormitory-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.dormitory-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.dormitory-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.dormitory-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.dormitory-set-top-info .time{font-size: 14px; color: #999;}
.dormitory-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.dormitory-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.dormitory-set-item:active{background: #f5f5f5;}
.dormitory-set-item-left{display: flex; align-items: center;}
.dormitory-set-item-left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.dormitory-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.dormitory-set-item-info .name{font-size: 16px; color: #333;}
.dormitory-set-item-right{display: flex; align-items: center;}
.dormitory-set-item-right .mui-icon{font-size: 20px; color: #999;}

/* ============================== 会议 ====================================== */
/* 新的首页 */
.meeting-index-new{background: var(--index-new-bg-url); background-size: 100% 100%;
    padding: 20px 10px; overflow-y: auto;}
.meeting-index-new-notice{display: flex; align-items: center; height: 40px; border-radius: 5px; background: #fff; margin-bottom: 15px;}
.meeting-index-new-notice .left{display: flex; justify-content: center; align-items: center;
    width: 22%; border-right: 1px solid #777; line-height: 18px;}
.meeting-index-new-notice .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.meeting-index-new-notice .left span{font-size: 14px; font-weight: 500; color: #000;}
.meeting-index-new-notice .right{max-width: 75%; padding: 0 10px; font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-index-new-data{background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
.meeting-index-new-data .top{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-index-new-data .top .title{font-size: 16px; font-weight: 500; color: #333;}
.meeting-index-new-data .top .desc{font-size: 12px; color: #999;}
.meeting-index-new-data .mid{display: flex; align-items: center;}
.meeting-index-new-data .mid .item{flex: 1; padding: 10px 0; background: #f5f5f5; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 10px;}
.meeting-index-new-data .mid .item:last-child{margin-right: 0;}
.meeting-index-new-data .mid .item:active{background: #fff;}
.meeting-index-new-data .mid .item .name{font-size: 14px; color: #777;}
.meeting-index-new-data .mid .item .num{font-size: 16px; font-weight: 500;}
.meeting-index-new-data .mid .item .num.num1{color: #5188FF;}
.meeting-index-new-data .mid .item .num.num2{color: #1AC596;}
.meeting-index-new-data .mid .item .num.num3{color: #FF8317;}
.meeting-index-new-data .mid .item .num.num4{color: #EE4C4C;}
.meeting-index-new-first{margin-bottom: 15px;}
.meeting-index-new-first-item{display: flex; justify-content: space-between; align-items: center; padding: 20px 10px 20px 15px;
    background: #fff; border-radius: 5px;}
.meeting-index-new-first-item:active{background: #f5f5f5;}
.meeting-index-new-first-item .left{display: flex; align-items: center;}
.meeting-index-new-first-item .left img{width: 26px; height: 26px; display: flex; margin-right: 5px;}
.meeting-index-new-first-item .left .name{font-size: 16px; font-weight: 500; color: #000;}
.meeting-index-new-first-item .mui-icon{font-size: 20px; color: #999;}
.meeting-index-new-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.meeting-index-new-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.meeting-index-new-content-item .list{display: flex; flex-wrap: wrap;}
.meeting-index-new-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.meeting-index-new-content-item .list .item:active{background: #F5F5F5;}
.meeting-index-new-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.meeting-index-new-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.meeting-index-new-content-item .list .item .desc{font-size: 12px; color: #999;}
/* 旧的首页 */
.meeting-index-top{background: var(--index-bg-url); background-size: 100% 100%;
    width: 100%; height: 180px; display: flex; align-items: center;}
.meeting-index-top-list{display: flex; width: 100%;}
.meeting-index-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-index-top-item .num{font-size: 30px; font-weight: 400; color: rgba(255,255,255, .9); margin-bottom: 10px;}
.meeting-index-top-item .down{display: flex; align-items: center;}
.meeting-index-top-item .down .name{font-size: 14px; color: rgba(255,255,255, .6);}
.meeting-index-top-item .down .tip{display: flex; align-items: center; border-bottom: 0;}
.meeting-index-top-item .down .tip svg{width: 12px; height: 12px; fill: #999; overflow: hidden; margin-left: 5px;}
.meeting-index-list{margin: -40px 20px 30px;}
.meeting-index-item{display: flex; justify-content: space-between; padding: 10px 15px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-index-list .meeting-index-item:last-child{margin-bottom: 0;}
.meeting-index-item:active{background: #f5f5f5;}
.meeting-index-item-left{display: flex; align-items: center;}
.meeting-index-item-left img{width: 60px; height: 60px; margin-right: 10px;}
.meeting-index-item-left svg{width: 60px; height: 60px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-index-item-left .meeting-index-item-info{display: flex; flex-direction: column; justify-content: center;}
.meeting-index-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.meeting-index-item-info{font-size: 14px; color: #999;}
.meeting-index-item-right{display: flex; align-items: center;}
.meeting-index-item-right .num{display: inline-block; padding: 1px 5px; border-radius: 10px; line-height: normal;
    font-size: 12px; background: #F25643; color: #fff;}
.meeting-index-item-right .mui-icon{font-size: 20px; color: #999;}
/* 长三角研究院·登录 */
.meeting-csj-login{width: 100%; height: 100%;
    background: url("../img/meeting/csj/bg1.png") center no-repeat; background-size: 100% 100%;}
.meeting-csj-login .top{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 60px 0 60px;}
.meeting-csj-login .top span{font-size: 30px; font-weight: 500; color: #0060EF; letter-spacing: 1px;}
.meeting-csj-login .top span:first-child{margin-bottom: 20px;}
.meeting-csj-login .content{margin: 0 30px;}
.meeting-csj-login .content .item{margin-bottom: 20px;}
.meeting-csj-login .content .item .add-input{font-size: 16px; color: #333; margin-bottom: 0; padding: 15px 10px;
    border: 0; background: #fff;}
.meeting-csj-login .content .item .add-input::placeholder{font-size: 16px; color: #d8d8d8;}
.meeting-csj-login .content .action{margin-top: 40px;}
.meeting-csj-login .content .action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #0060EF;
    background-color: #0060EF; margin-bottom: 0; border-radius: 8px; z-index: 5;}
.meeting-csj-login .content .action .submit:active{border: 1px solid #0060EF; background-color: #0060EF; opacity: 0.8;}
.meeting-csj-login .bottom{position: fixed; left: 0; right: 0; bottom: 20px;}
.meeting-csj-login .bottom .item{font-size: 12px; color: #999; text-align: center;}
.meeting-csj-login .bottom .item span{color: #0060EF;}
/* 长三角研究院·首页 */
.meeting-csj-index{width: 100%; height: 100%; overflow-y: auto;
    background: url("../img/meeting/csj/bg2.png") center no-repeat; background-size: 100% 100%;}
.meeting-csj-index .top{padding: 60px 0 40px 20px;}
.meeting-csj-index .top .title{font-size: 24px; font-weight: 500; color: #0060EF; letter-spacing: 1px;}
.meeting-csj-index .top .desc{font-size: 14px; color: #777; margin-top: 10px;}
.meeting-csj-index .content{margin: 0 15px 15px; padding-bottom: 5px;}
.meeting-csj-index .content1{background: url("../img/meeting/csj/bg3.png") center no-repeat; background-size: 100% 100%;}
.meeting-csj-index .content2{background: url("../img/meeting/csj/bg4.png") center no-repeat; background-size: 100% 100%;}
.meeting-csj-index .content .title{padding: 15px 10px;}
.meeting-csj-index .content .title span{font-size: 16px; font-weight: 500; color: #000; padding-left: 5px; line-height: 14px;}
.meeting-csj-index .content1 .title span{border-left: 3px solid #0060EF;}
.meeting-csj-index .content2 .title span{border-left: 3px solid #EFB700;}
.meeting-csj-index .content .item{padding: 15px 10px; border-radius: 7px; background: #fff;
    display: flex; justify-content: space-between; align-items: center; margin: 0 10px 10px; box-shadow: 0px 5px 5px 0 #f5f5f5;}
.meeting-csj-index .content .item:active{background: #f5f5f5;}
.meeting-csj-index .content .item .left{display: flex; align-items: center;}
.meeting-csj-index .content .item .left img{width: 50px; height: 50px; display: flex; margin-right: 3px;}
.meeting-csj-index .content .item .left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-csj-index .content .item .left .info .name{font-size: 16px; font-weight: 500; color: #333;}
.meeting-csj-index .content .item .left .info .desc{font-size: 14px; color: #999;}
.meeting-csj-index .content .item .right{width: 16px; height: 16px; display: flex;}
/* 我的会议排期 */
.meeting-schedule-top{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 200px;}
.meeting-schedule-list{margin: -150px 15px 0;}
.meeting-schedule-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.meeting-schedule-item:active{background: #f5f5f5;}
.meeting-schedule-item-up{display: flex; justify-content: space-between; align-items: center;}
.meeting-schedule-item-up-left{display: flex; align-items: center; width: 80%;}
.meeting-schedule-item-up-left span{font-size: 16px; color: #333; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.meeting-schedule-item-up-right{display: flex; align-items: center;}
.meeting-schedule-item-mid{margin-bottom: 15px;}
.meeting-schedule-item-mid-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.meeting-schedule-item-mid-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.meeting-schedule-item-mid-time img{width: 7px; height: 12px; display: flex;}
.meeting-schedule-item-mid-date{font-size: 14px; color: #999;}
.meeting-schedule-item-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-schedule-item-down-left{display: flex; align-items: center;}
.meeting-schedule-item-down-left img{width: 30px; height: 30px; border-radius: 3px; margin-right: 5px; display: flex;}
.meeting-schedule-item-down-left span{font-size: 14px; color: #555;}
.meeting-schedule-item-down-right{display: flex; align-items: center;}
.meeting-schedule-item-four{display: flex; justify-content: space-between; align-items: center; margin: 5px 0 15px;}
.meeting-schedule-item-four span{font-size: 14px; color: #999;}
/* 选择会议室·新 */
.select-meeting-room-new-top{margin-bottom: 15px; background: #fff;}
.select-meeting-room-new-top .wrap{display: flex;}
.select-meeting-room-new-date{display: flex; align-items: center; padding: 5px 5px; position: relative;}
.select-meeting-room-new-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.select-meeting-room-new-date-left{display: flex; align-items: center; padding: 5px;}
.select-meeting-room-new-date-left:active{background: #f5f5f5;}
.select-meeting-room-new-date-left img{width: 16px; height: 16px; display: flex;}
.select-meeting-room-new-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.select-meeting-room-new-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.select-meeting-room-new-date-left .mui-icon{font-size: 20px; color: #999;}
.select-meeting-room-new-group-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.select-meeting-room-new-group-right:active{background: #f5f5f5;}
.select-meeting-room-new-group-right img{width: 16px; height: 16px; display: flex;}
.select-meeting-room-new-group-right .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-meeting-room-new-group-right .mui-icon{font-size: 20px; color: #999;}
.select-meeting-room-new-search{padding: 10px 15px;}
.select-meeting-room-new-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.select-meeting-room-new-search .mui-search .mui-placeholder{pointer-events: none;}
.select-meeting-room-new-search .mui-search.mui-active:before{margin-top: -7px;}
.select-meeting-room-new-device{display: flex; flex-wrap: wrap;}
.select-meeting-room-new-device .mui-checkbox.mui-left label{font-size: 14px; color: #777;
    padding-left: 40px; padding-top: 8px; padding-right: 0;}
.select-meeting-room-new-device .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.select-meeting-room-new-device .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.select-meeting-room-new-item{padding: 10px 10px 5px; background: #fff; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.select-meeting-room-new-item-up{display: flex; justify-content: space-between; margin-bottom: 15px;}
.select-meeting-room-new-item-info{width: 63%;}
.select-meeting-room-new-item-info .title{display: flex; align-items: center; margin-bottom: 5px;}
.select-meeting-room-new-item-info .title .name{font-size: 16px; color: #333; display: inline-block; max-width: 70%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.select-meeting-room-new-item-info .title .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.select-meeting-room-new-item-info .title .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.select-meeting-room-new-item-info .info1{display: flex; align-items: center; margin-bottom: 5px;}
.select-meeting-room-new-item-info .info1 .item{display: flex; align-items: center;}
.select-meeting-room-new-item-info .info1 .item:first-child{margin-right: 15px;}
.select-meeting-room-new-item-info .info1 .item img{width: 20px; height: 20px; display: flex; margin-right: 3px;}
.select-meeting-room-new-item-info .info1 .item span{font-size: 14px; color: #777; display: inline-block; max-width: 60px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: normal;}
.select-meeting-room-new-item-info .info2{font-size: 14px; color: #777;
    margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-meeting-room-new-item-info .info2 .item{display: flex; align-items: center;}
.select-meeting-room-new-item-info .info2 .item:first-child{margin-right: 15px;}
.select-meeting-room-new-item-info .info2 .item img{width: 20px; height: 20px; display: flex; margin-right: 3px;}
.select-meeting-room-new-item-info .info2 .item span{font-size: 14px; color: #777; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; line-height: normal;}
.select-meeting-room-new-item-info .info3{display: flex; align-items: center;}
.select-meeting-room-new-item-info .info3 img{width: 20px; height: 20px; display: flex; margin-right: 3px;}
.select-meeting-room-new-item-info .info3 span{font-size: 14px; color: #999; line-height: normal;}
.select-meeting-room-new-item-img{width: 36%; height: 90px;}
.select-meeting-room-new-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.select-meeting-room-new-item-down{padding-bottom: 15px;}
.select-meeting-room-new-item-down .timeline{counter-reset: section -1; display: flex; width: 100%;
    height: 20px; border: 1px solid #f5f5f5;}
.select-meeting-room-new-item-down .timeline>div{position: relative;}
.select-meeting-room-new-item-down .timeline .item{flex: 1; width: 100%; color: #ddd; border-right: 1px solid transparent;}
.select-meeting-room-new-item-down .timeline .expire{background: #dedede; border-right: 1px solid #dedede;}
.select-meeting-room-new-item-down .timeline .booked{background: #999; border-right: 1px solid #999;}
.select-meeting-room-new-item-down .timeline .active{background: var(--bg-color); border-right: 1px solid var(--bg-color);}
.select-meeting-room-new-item-down .timeline .num:before{counter-increment: section; content: counter(section);
    position: absolute; display: block; bottom: -20px; left: 0; font-size: 9px; transform: translateX(-50%);}
.select-meeting-room-new-item-down .timeline>div:last-child:after{counter-increment: section; content: counter(section);
    position: absolute; display: block; bottom: -20px; right: 0; font-size: 9px; transform: translateX(50%);}
.select-meeting-room-new-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.select-meeting-room-new-dialog{position: absolute; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; overflow-y: auto;}
.select-meeting-room-new-dialog .title{position: fixed; width: 100%; height: 43px; line-height: 43px; z-index: 11;
    font-size: 14px; color: #777; padding: 0 10px; background: #f5f5f5;}
.select-meeting-room-new-dialog-top{position: fixed; width: 100%; z-index: 11; padding: 15px 10px 10px; height: 80px;
    background: #f9f9f9;}
.select-meeting-room-new-dialog-top .up{display: flex; justify-content: space-between; align-items: center;}
.select-meeting-room-new-dialog-top .up .left{display: flex; align-items: center;}
.select-meeting-room-new-dialog-top .up .left .name{font-size: 16px; color: #333; max-width: 70%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-meeting-room-new-dialog-top .up .left .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.select-meeting-room-new-dialog-top .up .left .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.select-meeting-room-new-dialog-top .up .right{font-size: 14px; color: #999;}
.select-meeting-room-new-dialog-top .mid{font-size: 14px; color: #555; margin: 10px 0 5px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.select-meeting-room-new-dialog-top .down{display: flex; justify-content: space-between; align-items: center;}
.select-meeting-room-new-dialog-top .down .left{font-size: 14px; color: #999; max-width: 70%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-meeting-room-new-dialog-top .down .right{font-size: 14px; color: #999;}
.select-meeting-room-new-dialog-list{margin-bottom: 80px; margin-top: 50px}
.select-meeting-room-new-dialog-list .mui-input-group .mui-input-row{height: auto;}
.select-meeting-room-new-dialog-list .mui-input-group .mui-input-row:after{background-color: #f1f1f1;}
.select-meeting-room-new-dialog-list .mui-input-group .mui-checkbox.mui-left input[type=checkbox]{top: 50%; margin-top: -13px;}
.select-meeting-room-new-dialog-list .mui-input-group .mui-checkbox input[type=checkbox]:checked:before{color: var(--text-color);}
.select-meeting-room-new-dialog-list .mui-input-row label .time{font-size: 16px; margin-bottom: 5px;}
.select-meeting-room-new-dialog-list .mui-input-row label .name{font-size: 14px; max-width: 90%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.select-meeting-room-new-dialog-list .mui-input-row .desc{position: absolute; right: 10px; top: 10px; z-index: 10;
    font-size: 14px; color: #999; line-height: normal;}
.select-meeting-room-new-dialog-list .mui-input-row .info{position: absolute; right: 10px; top: 10px; z-index: 10;
    font-size: 14px; color: #999; line-height: normal; display: flex; align-items: center;}
.select-meeting-room-new-dialog-list .mui-input-row .info .name{font-size: 14px; color: var(--text-color); display: inline-block;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: normal; max-width: 55px; text-align: center;}
.select-meeting-room-new-dialog-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 11; height: 65px;
    display: none; justify-content: center; align-items: center;
    background: #fff; border-top: 1px solid #e5e5e5;}
.select-meeting-room-new-dialog-action .book{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.select-meeting-room-new-dialog-action .book:active{opacity: 0.8;}
/* 预订会议 */
.book-meeting-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.book-meeting-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.book-meeting-dialogs .wrap{width: 100%; height: 100%; position: relative;}
.book-meeting-dialogs-top{display: flex; justify-content: space-between; align-items: center; height: 42px; padding: 0 10px;}
.book-meeting-dialogs-top .title{font-size: 16px; color: #333;}
.book-meeting-dialogs-top .action{font-size: 14px; color: var(--text-color); line-height: normal; padding: 2px 5px;}
.book-meeting-dialogs-top .action:active{background: #f5f5f5; border-radius: 3px;}
.book-meeting-dialogs .wrap .content{height: calc(100% - 42px); overflow-y: auto; padding-top: 10px;}
.book-meeting-dialogs-list{margin: 0 10px;}
.book-meeting-dialogs-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 0px 2px 2px #e5e5e5; margin-bottom: 15px;}
.book-meeting-dialogs-item.active{box-shadow: 0px 0px 2px 2px var(--bg-color);}
.book-meeting-dialogs-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.book-meeting-dialogs-item-title .title{display: flex; align-items: center;}
.book-meeting-dialogs-item-title .title .name{font-size: 16px; color: #333; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-dialogs-item-title .title .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-dialogs-item-title .title .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-dialogs-item-title img{width: 20px; height: 20px; display: flex;}
.book-meeting-dialogs-item-info{display: flex; padding: 10px 0;}
.book-meeting-dialogs-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.book-meeting-dialogs-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.book-meeting-dialogs-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.book-meeting-dialogs-info-right .desc{font-size: 14px; color: #777;}
.book-meeting-dialogs-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.book-meeting-dialogs-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.book-meeting-dialogs-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-dialogs-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-dialogs-info-right .service span{font-size: 14px; color: #777;}
.book-meeting-dialogs-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-external-person-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.book-meeting-external-person-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.book-meeting-external-person-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.book-meeting-external-person-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.book-meeting-external-person-dialogs-top .action:active{opacity: 0.8;}
.book-meeting-external-person-dialogs .wrap .content{margin-bottom: 75px;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.book-meeting-external-person-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.book-meeting-external-person-dialogs-list{margin: 0 15px 85px;}
.book-meeting-external-person-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.book-meeting-external-person-dialogs-item:active{background: #f5f5f5;}
.book-meeting-external-person-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.book-meeting-external-person-dialogs-item-left svg{width: 20px; height: 20px; fill: #bbb; overflow: hidden;
    margin-right: 10px;}
.book-meeting-external-person-dialogs-item-left svg.select{fill: var(--svg-color);}
.book-meeting-external-person-dialogs-item-left img{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.book-meeting-external-person-dialogs-item-info{display: flex; flex-direction: column; justify-content: center;}
.book-meeting-external-person-dialogs-item-info .name{font-size: 16px; color: #333;}
.book-meeting-external-person-dialogs-item-info .mid{display: flex; align-items: center; margin: 3px 0;}
.book-meeting-external-person-dialogs-item-info .mid span{font-size: 14px; color: #777;}
.book-meeting-external-person-dialogs-item-info .mid span:first-child{margin-right: 10px;}
.book-meeting-external-person-dialogs-item-info .group{font-size: 14px; color: #777;}
.book-meeting-list{margin-top: 15px;}
.book-meeting-item{background: #fff; margin-bottom: 15px;}
.book-meeting-item .meeting-content{padding: 0 15px;}
.book-meeting-item .meeting-content textarea{font-size: 16px; color: #000; border: 0;
    padding: 10px 0; margin: 0;}
.book-meeting-item .meeting-room .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-item .meeting-room .name{font-size: 16px; color: #000; padding: 10px 0 10px 15px;}
.book-meeting-item .meeting-room .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item .meeting-room .content:active{background: #f5f5f5;}
.book-meeting-item .meeting-room .content .room-name{font-size: 16px; color: #000;}
.book-meeting-item .meeting-room .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item .meeting-room-many .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-item .meeting-room-many .select{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0 10px 15px;}
.book-meeting-item .meeting-room-many .select:active{background: #f5f5f5;}
.book-meeting-item .meeting-room-many .desc{font-size: 16px; color: #000;}
.book-meeting-item .meeting-room-many .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item .meeting-room-many .room-list{padding: 0 10px 0 15px;}
.book-meeting-item .meeting-room-many .room-item{display: flex; align-items: center; padding-bottom: 7px;}
.book-meeting-item .meeting-room-many .room-item .name{font-size: 14px; color: #555; line-height: normal; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-item .meeting-room-many .room-item .delete{width: 14px; height: 14px; display: flex; margin-left: 10px;}
.book-meeting-item-select{background: #fff; margin-bottom: 15px;}
.book-meeting-item-select .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-select .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-select .content:active{background: #f5f5f5;}
.book-meeting-item-select .content .name{font-size: 16px; color: #000;}
.book-meeting-item-select .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-item-switch .title{font-size: 14px; color: #7D8082;}
.book-meeting-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-item-cycle{background: #fff; margin-bottom: 15px;}
.book-meeting-item-cycle-up{border-bottom: 1px solid #f7f7f7;}
.book-meeting-item-cycle-up .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-cycle-up .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-cycle-up .content:active{background: #f5f5f5;}
.book-meeting-item-cycle-up .content .name{font-size: 16px; color: #000;}
.book-meeting-item-cycle-up .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-cycle-down{padding-top: 10px;}
.book-meeting-item-cycle-down .tip{font-size: 12px; color: #999; padding: 5px 15px;}
.book-meeting-item-cycle-down .week{display: flex; flex-wrap: wrap;}
.book-meeting-item-cycle-down .week .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;}
.book-meeting-item-cycle-down .week .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-item-cycle-down .week .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-item-cycle-down .month{padding: 0 15px 10px;}
.book-meeting-item-cycle-down .month-list{display: flex; justify-content: space-between; margin-bottom: 10px;}
.book-meeting-item-cycle-down .month-list:last-child{margin-bottom: 0;}
.book-meeting-item-cycle-down .month-item{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #f5f5f5; color: #777; font-size: 14px;}
.book-meeting-item-cycle-down .month-item2{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #fff;}
.book-meeting-item-cycle-down .month-item.active{background: var(--bg-color); color: #fff;}
.book-meeting-item-cycle-deadline{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-item-cycle-deadline:active{background: #f5f5f5;}
.book-meeting-item-cycle-deadline .left{font-size: 16px; color: #000;}
.book-meeting-item-cycle-deadline .right{display: flex; align-items: center;}
.book-meeting-item-cycle-deadline .right .name{font-size: 16px; color: #777;}
.book-meeting-item-cycle-deadline .right .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-sign{background: #fff; margin-bottom: 15px;}
.book-meeting-item-sign .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-sign .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-sign .content:active{background: #f5f5f5;}
.book-meeting-item-sign .content .name{font-size: 16px; color: #000;}
.book-meeting-item-sign .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-sign-time{background: #fff;}
.book-meeting-item-sign-time.sign-start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-item-sign-time.sign-end-time{margin-bottom: 15px;}
.book-meeting-item-sign-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-sign-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-sign-time .content:active{background: #f5f5f5;}
.book-meeting-item-sign-time .content .name{font-size: 16px; color: #000;}
.book-meeting-item-sign-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-time{background: #fff;}
.book-meeting-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-item-time.end-time{margin-bottom: 15px;}
.book-meeting-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-time .content .name{font-size: 16px; color: #000;}
.book-meeting-item-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-service{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-item-service .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-service .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.book-meeting-item-service .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;word-break: break-all}
.book-meeting-item-service .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-item-service .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-item-org-person{background: #fff; border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.book-meeting-item-org-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-org-person .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-item-org-person .content .name{font-size: 16px; color: #000;}
.book-meeting-item-org-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-attend-person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-item-attend-person:active{background: #f5f5f5;}
.book-meeting-item-attend-person .title{font-size: 16px; color: #000;}
.book-meeting-item-attend-person .content{display: flex; align-items: center;}
.book-meeting-item-attend-person .content .name{font-size: 16px; color: #777;}
.book-meeting-item-attend-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-item-attend-person .content .num-input{font-size: 16px; color: #000; border: 0; padding: 0 10px; margin: 0;
    text-align: right; height: 30px; background: #fff;}
.book-meeting-item-approval-person{background: #fff;}
.book-meeting-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.book-meeting-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.book-meeting-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.book-meeting-item-approval-person .content{display: flex; padding-left: 15px; padding-bottom: 10px;}
.book-meeting-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center;}
.book-meeting-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.book-meeting-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.book-meeting-item-multi-approval{background: #fff; margin-top: 15px;}
.book-meeting-item-multi-approval .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-multi-approval .content .line1{height: 50px; border-left: 2px solid #ddd; margin: 5px 0 5px 18px;}
.book-meeting-item-multi-approval .content .line2{height: 50px; border-left: 2px dashed #ddd; margin: 5px 0 5px 18px;}
.book-meeting-item-multi-approval .content{padding: 10px 10px 10px 15px;}
.book-meeting-item-multi-approval-content-item{display: flex;}
.book-meeting-item-multi-approval-content-item-left{display: flex; align-items: center; width: 40%;}
.book-meeting-item-multi-approval-content-item-left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.book-meeting-item-multi-approval-content-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.book-meeting-item-multi-approval-content-item-left .desc .desc1{font-size: 14px; color: #333;}
.book-meeting-item-multi-approval-content-item-left .desc .desc2{font-size: 12px; color: #999;}
.book-meeting-item-multi-approval-content-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.book-meeting-item-multi-approval-content-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.book-meeting-item-multi-approval-content-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.book-meeting-item-multi-approval-content-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.book-meeting-item-multi-approval-content-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.book-meeting-item-multi-approval-content-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.book-meeting-item-multi-approval-content-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.book-meeting-item-multi-approval-content-item-right .person-item.all .name{width: 50px;}
.book-meeting-item-multi-approval-content-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.book-meeting-item-attachment{background: #fff; margin-top: 15px;}
.book-meeting-item-attachment .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.book-meeting-item-attachment .content-up:active{background: #f5f5f5;}
.book-meeting-item-attachment .content-up .title{font-size: 14px; color: #7D8082;}
.book-meeting-item-attachment .content-up img{width: 20px; height: 20px; display: flex;}
.book-meeting-item-attachment .content-down{padding: 0 15px;}
.book-meeting-item-attachment .content-down .item{display: flex; justify-content: space-between; align-items: center;
    padding: 5px 0; border-bottom: 1px solid #f7f7f7;}
.book-meeting-item-attachment .content-down .item .name{font-size: 14px; color: var(--text-color); max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-item-attachment .content-down .item .delete{width: 14px; height: 14px; display: flex;}
.book-meeting-item-video{display: flex; flex-wrap: wrap; border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7; background: #fff;}
.book-meeting-item-video .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 10px; padding-right: 10px;}
.book-meeting-item-video .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-item-video .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 7px;}
.book-meeting-item-desc{background: #fff; margin-top: 16px;}
.book-meeting-item-desc .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-item-desc .content{padding: 0 15px;}
.book-meeting-item-desc .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 7px 0; margin: 0;}
.book-meeting-action{margin: 25px 20px;}
.book-meeting-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 预订会议·百秋 */
.book-meeting-buyq-list{margin-top: 16px;}
.book-meeting-buyq-item{background: #fff; margin-bottom: 16px;}
.book-meeting-buyq-item .content{padding: 0 15px;}
.book-meeting-buyq-item .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 10px 0; margin: 0;}
.book-meeting-buyq-item .meeting-room{padding: 0 15px;}
.book-meeting-buyq-item .meeting-room .title{font-size: 14px; color: #7D8082; padding: 5px 0 5px; line-height: normal;}
.book-meeting-buyq-item .meeting-room .name{font-size: 16px; color: #000; padding-bottom: 10px;}
.book-meeting-buyq-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 16px;}
.book-meeting-buyq-item-switch .title{font-size: 14px; color: #7D8082;}
.book-meeting-buyq-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-buyq-item-cycle{background: #fff; margin-bottom: 16px;}
.book-meeting-buyq-item-cycle-up{border-bottom: 1px solid #f7f7f7;}
.book-meeting-buyq-item-cycle-up .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-buyq-item-cycle-up .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-buyq-item-cycle-up .content:active{background: #f5f5f5;}
.book-meeting-buyq-item-cycle-up .content .name{font-size: 16px; color: #000;}
.book-meeting-buyq-item-cycle-up .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-buyq-item-cycle-down{padding-top: 10px;}
.book-meeting-buyq-item-cycle-down .week{display: flex; flex-wrap: wrap;}
.book-meeting-buyq-item-cycle-down .week .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;}
.book-meeting-buyq-item-cycle-down .week .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-buyq-item-cycle-down .week .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-buyq-item-cycle-down .month{padding: 0 15px 10px;}
.book-meeting-buyq-item-cycle-down .month-list{display: flex; justify-content: space-between; margin-bottom: 10px;}
.book-meeting-buyq-item-cycle-down .month-list:last-child{margin-bottom: 0;}
.book-meeting-buyq-item-cycle-down .month-item{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #f5f5f5; color: #777; font-size: 14px;}
.book-meeting-buyq-item-cycle-down .month-item2{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #fff;}
.book-meeting-buyq-item-cycle-down .month-item.active{background: var(--bg-color); color: #fff;}
.book-meeting-buyq-item-type{background: #fff; margin-bottom: 16px;}
.book-meeting-buyq-item-type .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-buyq-item-type .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-buyq-item-type .content:active{background: #f5f5f5;}
.book-meeting-buyq-item-type .content .name{font-size: 16px; color: #000;}
.book-meeting-buyq-item-type .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-buyq-item-time{background: #fff;}
.book-meeting-buyq-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-buyq-item-time.end-time{margin-bottom: 16px;}
.book-meeting-buyq-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-buyq-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-buyq-item-time .content .name{font-size: 16px; color: #000;}
.book-meeting-buyq-item-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-buyq-item-org-person{background: #fff; border-bottom: 1px solid #f7f7f7;}
.book-meeting-buyq-item-org-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-buyq-item-org-person .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-buyq-item-org-person .content .name{font-size: 16px; color: #000;}
.book-meeting-buyq-item-org-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-buyq-item-attend-person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 16px;}
.book-meeting-buyq-item-attend-person:active{background: #f5f5f5;}
.book-meeting-buyq-item-attend-person .title{font-size: 16px; color: #000;}
.book-meeting-buyq-item-attend-person .content{display: flex; align-items: center;}
.book-meeting-buyq-item-attend-person .content .name{font-size: 16px; color: #777;}
.book-meeting-buyq-item-attend-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-buyq-item-approval-person{background: #fff;}
.book-meeting-buyq-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.book-meeting-buyq-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.book-meeting-buyq-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.book-meeting-buyq-item-approval-person .content{display: flex; padding-left: 15px; padding-bottom: 10px;}
.book-meeting-buyq-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center;}
.book-meeting-buyq-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.book-meeting-buyq-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.book-meeting-buyq-item-desc{background: #fff; margin-top: 16px;}
.book-meeting-buyq-item-desc .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-buyq-item-desc .content{padding: 0 15px;}
.book-meeting-buyq-item-desc .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 7px 0; margin: 0;}
.book-meeting-buyq-action{margin: 25px 20px;}
.book-meeting-buyq-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-buyq-action .submit:active{opacity: 0.8;}
/* 预订会议·新宝 */
.book-meeting-donlim-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.book-meeting-donlim-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.book-meeting-donlim-dialogs .wrap{width: 100%; height: 100%; position: relative;}
.book-meeting-donlim-dialogs-top{display: flex; justify-content: space-between; align-items: center; height: 42px; padding: 0 10px;}
.book-meeting-donlim-dialogs-top .title{font-size: 16px; color: #333;}
.book-meeting-donlim-dialogs-top .action{font-size: 14px; color: var(--text-color); line-height: normal; padding: 2px 5px;}
.book-meeting-donlim-dialogs-top .action:active{background: #f5f5f5; border-radius: 3px;}
.book-meeting-donlim-dialogs .wrap .content{height: calc(100% - 42px); overflow-y: auto; padding-top: 10px;}
.book-meeting-donlim-dialogs-list{margin: 0 10px;}
.book-meeting-donlim-dialogs-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 0px 2px 2px #e5e5e5; margin-bottom: 15px;}
.book-meeting-donlim-dialogs-item.active{box-shadow: 0px 0px 2px 2px var(--bg-color);}
.book-meeting-donlim-dialogs-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.book-meeting-donlim-dialogs-item-title .title{display: flex; align-items: center;}
.book-meeting-donlim-dialogs-item-title .title .name{font-size: 16px; color: #333; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-donlim-dialogs-item-title .title .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-donlim-dialogs-item-title .title .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-donlim-dialogs-item-title img{width: 20px; height: 20px; display: flex;}
.book-meeting-donlim-dialogs-item-info{display: flex; padding: 10px 0;}
.book-meeting-donlim-dialogs-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.book-meeting-donlim-dialogs-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.book-meeting-donlim-dialogs-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.book-meeting-donlim-dialogs-info-right .desc{font-size: 14px; color: #777;}
.book-meeting-donlim-dialogs-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.book-meeting-donlim-dialogs-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.book-meeting-donlim-dialogs-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-donlim-dialogs-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-donlim-dialogs-info-right .service span{font-size: 14px; color: #777;}
.book-meeting-donlim-dialogs-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-donlim-list{margin-top: 15px;}
.book-meeting-donlim-item{background: #fff; margin-bottom: 15px;}
.book-meeting-donlim-item .meeting-content{padding: 0 15px;}
.book-meeting-donlim-item .meeting-content textarea{font-size: 16px; color: #000; border: 0;
    padding: 10px 0; margin: 0;}
.book-meeting-donlim-item .meeting-room .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-donlim-item .meeting-room .name{font-size: 16px; color: #000; padding: 10px 0 10px 15px;}
.book-meeting-donlim-item .meeting-room .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item .meeting-room .content:active{background: #f5f5f5;}
.book-meeting-donlim-item .meeting-room .content .room-name{font-size: 16px; color: #000;}
.book-meeting-donlim-item .meeting-room .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item .meeting-room-many .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-donlim-item .meeting-room-many .select{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0 10px 15px;}
.book-meeting-donlim-item .meeting-room-many .select:active{background: #f5f5f5;}
.book-meeting-donlim-item .meeting-room-many .desc{font-size: 16px; color: #000;}
.book-meeting-donlim-item .meeting-room-many .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item .meeting-room-many .room-list{padding: 0 10px 0 15px;}
.book-meeting-donlim-item .meeting-room-many .room-item{display: flex; align-items: center; padding-bottom: 7px;}
.book-meeting-donlim-item .meeting-room-many .room-item .name{font-size: 14px; color: #555; line-height: normal; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-donlim-item .meeting-room-many .room-item .delete{width: 14px; height: 14px; display: flex; margin-left: 10px;}
.book-meeting-donlim-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-donlim-item-switch .title{font-size: 14px; color: #7D8082;}
.book-meeting-donlim-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-donlim-item-cycle{background: #fff; margin-bottom: 15px;}
.book-meeting-donlim-item-cycle-up{border-bottom: 1px solid #f7f7f7;}
.book-meeting-donlim-item-cycle-up .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-cycle-up .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-cycle-up .content:active{background: #f5f5f5;}
.book-meeting-donlim-item-cycle-up .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-cycle-up .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-cycle-down{padding-top: 10px;}
.book-meeting-donlim-item-cycle-down .week{display: flex; flex-wrap: wrap;}
.book-meeting-donlim-item-cycle-down .week .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;}
.book-meeting-donlim-item-cycle-down .week .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-donlim-item-cycle-down .week .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-donlim-item-cycle-down .month{padding: 0 15px 10px;}
.book-meeting-donlim-item-cycle-down .month-list{display: flex; justify-content: space-between; margin-bottom: 10px;}
.book-meeting-donlim-item-cycle-down .month-list:last-child{margin-bottom: 0;}
.book-meeting-donlim-item-cycle-down .month-item{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #f5f5f5; color: #777; font-size: 14px;}
.book-meeting-donlim-item-cycle-down .month-item2{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #fff;}
.book-meeting-donlim-item-cycle-down .month-item.active{background: var(--bg-color); color: #fff;}
.book-meeting-donlim-item-sign{background: #fff; margin-bottom: 15px;}
.book-meeting-donlim-item-sign .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-sign .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-sign .content:active{background: #f5f5f5;}
.book-meeting-donlim-item-sign .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-sign .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-sign-time{background: #fff;}
.book-meeting-donlim-item-sign-time.sign-start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-donlim-item-sign-time.sign-end-time{margin-bottom: 15px;}
.book-meeting-donlim-item-sign-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-sign-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-sign-time .content:active{background: #f5f5f5;}
.book-meeting-donlim-item-sign-time .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-sign-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-time{background: #fff;}
.book-meeting-donlim-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-donlim-item-time.end-time{margin-bottom: 15px;}
.book-meeting-donlim-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-time .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-service{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-donlim-item-service .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-service .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.book-meeting-donlim-item-service .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 5px; padding-right: 10px; word-break: break-all;}
.book-meeting-donlim-item-service .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-donlim-item-service .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-donlim-item-org-person{background: #fff; border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.book-meeting-donlim-item-org-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-org-person .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-org-person .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-org-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-attend-person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-donlim-item-attend-person:active{background: #f5f5f5;}
.book-meeting-donlim-item-attend-person .title{font-size: 16px; color: #000;}
.book-meeting-donlim-item-attend-person .content{display: flex; align-items: center;}
.book-meeting-donlim-item-attend-person .content .name{font-size: 16px; color: #777;}
.book-meeting-donlim-item-attend-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-approval-person{background: #fff;}
.book-meeting-donlim-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.book-meeting-donlim-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.book-meeting-donlim-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.book-meeting-donlim-item-approval-person .content{display: flex; padding-left: 15px; padding-bottom: 10px;}
.book-meeting-donlim-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center;}
.book-meeting-donlim-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.book-meeting-donlim-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.book-meeting-donlim-item-multi-approval{background: #fff; margin-top: 15px;}
.book-meeting-donlim-item-multi-approval .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-multi-approval .content .line1{height: 50px; border-left: 2px solid #ddd; margin: 5px 0 5px 18px;}
.book-meeting-donlim-item-multi-approval .content .line2{height: 50px; border-left: 2px dashed #ddd; margin: 5px 0 5px 18px;}
.book-meeting-donlim-item-multi-approval .content{padding: 10px 10px 10px 15px;}
.book-meeting-donlim-item-multi-approval-content-item{display: flex;}
.book-meeting-donlim-item-multi-approval-content-item-left{display: flex; align-items: center; width: 40%;}
.book-meeting-donlim-item-multi-approval-content-item-left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.book-meeting-donlim-item-multi-approval-content-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.book-meeting-donlim-item-multi-approval-content-item-left .desc .desc1{font-size: 14px; color: #333;}
.book-meeting-donlim-item-multi-approval-content-item-left .desc .desc2{font-size: 12px; color: #999;}
.book-meeting-donlim-item-multi-approval-content-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.book-meeting-donlim-item-multi-approval-content-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.book-meeting-donlim-item-multi-approval-content-item-right .person-item.all .name{width: 50px;}
.book-meeting-donlim-item-multi-approval-content-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.book-meeting-donlim-item-person-info{background: #fff; border-bottom: 1px solid #f7f7f7;}
.book-meeting-donlim-item-person-info .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-person-info .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-person-info .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-person-info .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-input{background: #fff;}
.book-meeting-donlim-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-input .add-input{font-size: 16px; color: #000; border: 0; padding: 0 15px; margin: 0;}
.book-meeting-donlim-item-property{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-donlim-item-property .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-property .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-donlim-item-property .content:active{background: #f5f5f5;}
.book-meeting-donlim-item-property .content .name{font-size: 16px; color: #000;}
.book-meeting-donlim-item-property .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-donlim-item-textarea{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-donlim-item-textarea .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-donlim-item-textarea textarea{font-size: 16px; color: #000; border: 0; padding: 5px 15px; margin: 0;}
.book-meeting-donlim-action{margin: 25px 20px;}
.book-meeting-donlim-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-donlim-action .submit:active{opacity: 0.8;}
/* 预订会议·工商大学 */
.book-meeting-zjsu-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.book-meeting-zjsu-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.book-meeting-zjsu-dialogs .wrap{width: 100%; height: 100%; position: relative;}
.book-meeting-zjsu-dialogs-top{display: flex; justify-content: space-between; align-items: center; height: 42px; padding: 0 10px;}
.book-meeting-zjsu-dialogs-top .title{font-size: 16px; color: #333;}
.book-meeting-zjsu-dialogs-top .action{font-size: 14px; color: var(--text-color); line-height: normal; padding: 2px 5px;}
.book-meeting-zjsu-dialogs-top .action:active{background: #f5f5f5; border-radius: 3px;}
.book-meeting-zjsu-dialogs .wrap .content{height: calc(100% - 42px); overflow-y: auto; padding-top: 10px;}
.book-meeting-zjsu-dialogs-list{margin: 0 10px;}
.book-meeting-zjsu-dialogs-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 0px 2px 2px #e5e5e5; margin-bottom: 15px;}
.book-meeting-zjsu-dialogs-item.active{box-shadow: 0px 0px 2px 2px var(--bg-color);}
.book-meeting-zjsu-dialogs-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.book-meeting-zjsu-dialogs-item-title .title{display: flex; align-items: center;}
.book-meeting-zjsu-dialogs-item-title .title .name{font-size: 16px; color: #333; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-zjsu-dialogs-item-title .title .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-zjsu-dialogs-item-title .title .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-zjsu-dialogs-item-title img{width: 20px; height: 20px; display: flex;}
.book-meeting-zjsu-dialogs-item-info{display: flex; padding: 10px 0;}
.book-meeting-zjsu-dialogs-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.book-meeting-zjsu-dialogs-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.book-meeting-zjsu-dialogs-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.book-meeting-zjsu-dialogs-info-right .desc{font-size: 14px; color: #777;}
.book-meeting-zjsu-dialogs-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.book-meeting-zjsu-dialogs-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.book-meeting-zjsu-dialogs-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-zjsu-dialogs-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-zjsu-dialogs-info-right .service span{font-size: 14px; color: #777;}
.book-meeting-zjsu-dialogs-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-zjsu-list{margin-top: 15px;}
.book-meeting-zjsu-item{background: #fff; margin-bottom: 15px;}
.book-meeting-zjsu-item .meeting-content{padding: 0 15px;}
.book-meeting-zjsu-item .meeting-content textarea{font-size: 16px; color: #000; border: 0;
    padding: 10px 0; margin: 0;}
.book-meeting-zjsu-item .meeting-room .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-zjsu-item .meeting-room .name{font-size: 16px; color: #000; padding: 10px 0 10px 15px;}
.book-meeting-zjsu-item .meeting-room .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item .meeting-room .content:active{background: #f5f5f5;}
.book-meeting-zjsu-item .meeting-room .content .room-name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item .meeting-room .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item .meeting-room-many .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-zjsu-item .meeting-room-many .select{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0 10px 15px;}
.book-meeting-zjsu-item .meeting-room-many .select:active{background: #f5f5f5;}
.book-meeting-zjsu-item .meeting-room-many .desc{font-size: 16px; color: #000;}
.book-meeting-zjsu-item .meeting-room-many .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item .meeting-room-many .room-list{padding: 0 10px 0 15px;}
.book-meeting-zjsu-item .meeting-room-many .room-item{display: flex; align-items: center; padding-bottom: 7px;}
.book-meeting-zjsu-item .meeting-room-many .room-item .name{font-size: 14px; color: #555; line-height: normal; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-zjsu-item .meeting-room-many .room-item .delete{width: 14px; height: 14px; display: flex; margin-left: 10px;}
.book-meeting-zjsu-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-zjsu-item-switch .title{font-size: 14px; color: #7D8082;}
.book-meeting-zjsu-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-zjsu-item-cycle{background: #fff; margin-bottom: 15px;}
.book-meeting-zjsu-item-cycle-up{border-bottom: 1px solid #f7f7f7;}
.book-meeting-zjsu-item-cycle-up .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-cycle-up .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item-cycle-up .content:active{background: #f5f5f5;}
.book-meeting-zjsu-item-cycle-up .content .name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-cycle-up .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-cycle-down{padding-top: 10px;}
.book-meeting-zjsu-item-cycle-down .week{display: flex; flex-wrap: wrap;}
.book-meeting-zjsu-item-cycle-down .week .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;}
.book-meeting-zjsu-item-cycle-down .week .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-zjsu-item-cycle-down .week .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-zjsu-item-cycle-down .month{padding: 0 15px 10px;}
.book-meeting-zjsu-item-cycle-down .month-list{display: flex; justify-content: space-between; margin-bottom: 10px;}
.book-meeting-zjsu-item-cycle-down .month-list:last-child{margin-bottom: 0;}
.book-meeting-zjsu-item-cycle-down .month-item{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #f5f5f5; color: #777; font-size: 14px;}
.book-meeting-zjsu-item-cycle-down .month-item2{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #fff;}
.book-meeting-zjsu-item-cycle-down .month-item.active{background: var(--bg-color); color: #fff;}
.book-meeting-zjsu-item-sign{background: #fff; margin-bottom: 15px;}
.book-meeting-zjsu-item-sign .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-sign .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item-sign .content:active{background: #f5f5f5;}
.book-meeting-zjsu-item-sign .content .name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-sign .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-sign-time{background: #fff;}
.book-meeting-zjsu-item-sign-time.sign-start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-zjsu-item-sign-time.sign-end-time{margin-bottom: 15px;}
.book-meeting-zjsu-item-sign-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-sign-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item-sign-time .content:active{background: #f5f5f5;}
.book-meeting-zjsu-item-sign-time .content .name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-sign-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-time{background: #fff;}
.book-meeting-zjsu-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-zjsu-item-time.end-time{margin-bottom: 15px;}
.book-meeting-zjsu-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item-time .content .name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-service{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-zjsu-item-service .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-service .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.book-meeting-zjsu-item-service .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;word-break: break-all}
.book-meeting-zjsu-item-service .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-zjsu-item-service .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-zjsu-item-org-person{background: #fff; border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.book-meeting-zjsu-item-org-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-org-person .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-zjsu-item-org-person .content .name{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-org-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-attend-person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-zjsu-item-attend-person:active{background: #f5f5f5;}
.book-meeting-zjsu-item-attend-person .title{font-size: 16px; color: #000;}
.book-meeting-zjsu-item-attend-person .content{display: flex; align-items: center;}
.book-meeting-zjsu-item-attend-person .content .name{font-size: 16px; color: #777;}
.book-meeting-zjsu-item-attend-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-zjsu-item-approval-person{background: #fff;}
.book-meeting-zjsu-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.book-meeting-zjsu-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.book-meeting-zjsu-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.book-meeting-zjsu-item-approval-person .content{display: flex; padding-left: 15px; padding-bottom: 10px;}
.book-meeting-zjsu-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center;}
.book-meeting-zjsu-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.book-meeting-zjsu-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.book-meeting-zjsu-item-multi-approval{background: #fff; margin-top: 15px;}
.book-meeting-zjsu-item-multi-approval .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-zjsu-item-multi-approval .content .line1{height: 50px; border-left: 2px solid #ddd; margin: 5px 0 5px 18px;}
.book-meeting-zjsu-item-multi-approval .content .line2{height: 50px; border-left: 2px dashed #ddd; margin: 5px 0 5px 18px;}
.book-meeting-zjsu-item-multi-approval .content{padding: 10px 10px 10px 15px;}
.book-meeting-zjsu-item-multi-approval-content-item{display: flex;}
.book-meeting-zjsu-item-multi-approval-content-item-left{display: flex; align-items: center; width: 40%;}
.book-meeting-zjsu-item-multi-approval-content-item-left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.book-meeting-zjsu-item-multi-approval-content-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.book-meeting-zjsu-item-multi-approval-content-item-left .desc .desc1{font-size: 14px; color: #333;}
.book-meeting-zjsu-item-multi-approval-content-item-left .desc .desc2{font-size: 12px; color: #999;}
.book-meeting-zjsu-item-multi-approval-content-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.book-meeting-zjsu-item-multi-approval-content-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.book-meeting-zjsu-item-multi-approval-content-item-right .person-item.all .name{width: 50px;}
.book-meeting-zjsu-item-multi-approval-content-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.book-meeting-zjsu-action{margin: 25px 20px;}
.book-meeting-zjsu-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-zjsu-action .submit:active{opacity: 0.8;}
/* 预订会议·中远 */
.book-meeting-cosco-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.book-meeting-cosco-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.book-meeting-cosco-dialogs .wrap{width: 100%; height: 100%; position: relative;}
.book-meeting-cosco-dialogs-top{display: flex; justify-content: space-between; align-items: center; height: 42px; padding: 0 10px;}
.book-meeting-cosco-dialogs-top .title{font-size: 16px; color: #333;}
.book-meeting-cosco-dialogs-top .action{font-size: 14px; color: var(--text-color); line-height: normal; padding: 2px 5px;}
.book-meeting-cosco-dialogs-top .action:active{background: #f5f5f5; border-radius: 3px;}
.book-meeting-cosco-dialogs .wrap .content{height: calc(100% - 42px); overflow-y: auto; padding-top: 10px;}
.book-meeting-cosco-dialogs-list{margin: 0 10px;}
.book-meeting-cosco-dialogs-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 0px 2px 2px #e5e5e5; margin-bottom: 15px;}
.book-meeting-cosco-dialogs-item.active{box-shadow: 0px 0px 2px 2px var(--bg-color);}
.book-meeting-cosco-dialogs-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.book-meeting-cosco-dialogs-item-title .title{display: flex; align-items: center;}
.book-meeting-cosco-dialogs-item-title .title .name{font-size: 16px; color: #333; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-cosco-dialogs-item-title .title .desc1{color: #F25643; background-color: rgba(252, 232, 224, 0.85);
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-cosco-dialogs-item-title .title .desc2{color: #999; background-color: #f5f5f5;
    font-size: 10px; padding: 2px 5px; border-radius: 2px; margin-left: 5px; line-height: normal;}
.book-meeting-cosco-dialogs-item-title img{width: 20px; height: 20px; display: flex;}
.book-meeting-cosco-dialogs-item-info{display: flex; padding: 10px 0;}
.book-meeting-cosco-dialogs-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.book-meeting-cosco-dialogs-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.book-meeting-cosco-dialogs-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.book-meeting-cosco-dialogs-info-right .desc{font-size: 14px; color: #777;}
.book-meeting-cosco-dialogs-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.book-meeting-cosco-dialogs-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.book-meeting-cosco-dialogs-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-cosco-dialogs-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-cosco-dialogs-info-right .service span{font-size: 14px; color: #777;}
.book-meeting-cosco-dialogs-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-cosco-list{margin-top: 15px;}
.book-meeting-cosco-item{background: #fff; margin-bottom: 15px;}
.book-meeting-cosco-item .meeting-content{padding: 0 15px;}
.book-meeting-cosco-item .meeting-content textarea{font-size: 16px; color: #000; border: 0;
    padding: 10px 0; margin: 0;}
.book-meeting-cosco-item .meeting-room .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-cosco-item .meeting-room .name{font-size: 16px; color: #000; padding: 10px 0 10px 15px;}
.book-meeting-cosco-item .meeting-room .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item .meeting-room .content:active{background: #f5f5f5;}
.book-meeting-cosco-item .meeting-room .content .room-name{font-size: 16px; color: #000;}
.book-meeting-cosco-item .meeting-room .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item .meeting-room-many .title{font-size: 14px; color: #7D8082; padding: 5px 10px 0 15px; line-height: normal;}
.book-meeting-cosco-item .meeting-room-many .select{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0 10px 15px;}
.book-meeting-cosco-item .meeting-room-many .select:active{background: #f5f5f5;}
.book-meeting-cosco-item .meeting-room-many .desc{font-size: 16px; color: #000;}
.book-meeting-cosco-item .meeting-room-many .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item .meeting-room-many .room-list{padding: 0 10px 0 15px;}
.book-meeting-cosco-item .meeting-room-many .room-item{display: flex; align-items: center; padding-bottom: 7px;}
.book-meeting-cosco-item .meeting-room-many .room-item .name{font-size: 14px; color: #555; line-height: normal; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.book-meeting-cosco-item .meeting-room-many .room-item .delete{width: 14px; height: 14px; display: flex; margin-left: 10px;}
.book-meeting-cosco-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-cosco-item-switch .title{font-size: 14px; color: #7D8082;}
.book-meeting-cosco-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-cosco-item-cycle{background: #fff; margin-bottom: 15px;}
.book-meeting-cosco-item-cycle-up{border-bottom: 1px solid #f7f7f7;}
.book-meeting-cosco-item-cycle-up .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-cycle-up .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-cycle-up .content:active{background: #f5f5f5;}
.book-meeting-cosco-item-cycle-up .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-cycle-up .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-cycle-down{padding-top: 10px;}
.book-meeting-cosco-item-cycle-down .week{display: flex; flex-wrap: wrap;}
.book-meeting-cosco-item-cycle-down .week .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;}
.book-meeting-cosco-item-cycle-down .week .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-cosco-item-cycle-down .week .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-cosco-item-cycle-down .month{padding: 0 15px 10px;}
.book-meeting-cosco-item-cycle-down .month-list{display: flex; justify-content: space-between; margin-bottom: 10px;}
.book-meeting-cosco-item-cycle-down .month-list:last-child{margin-bottom: 0;}
.book-meeting-cosco-item-cycle-down .month-item{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #f5f5f5; color: #777; font-size: 14px;}
.book-meeting-cosco-item-cycle-down .month-item2{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #fff;}
.book-meeting-cosco-item-cycle-down .month-item.active{background: var(--bg-color); color: #fff;}
.book-meeting-cosco-item-sign{background: #fff; margin-bottom: 15px;}
.book-meeting-cosco-item-sign .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-sign .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-sign .content:active{background: #f5f5f5;}
.book-meeting-cosco-item-sign .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-sign .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-sign-time{background: #fff;}
.book-meeting-cosco-item-sign-time.sign-start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-cosco-item-sign-time.sign-end-time{margin-bottom: 15px;}
.book-meeting-cosco-item-sign-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-sign-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-sign-time .content:active{background: #f5f5f5;}
.book-meeting-cosco-item-sign-time .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-sign-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-time{background: #fff;}
.book-meeting-cosco-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.book-meeting-cosco-item-time.end-time{margin-bottom: 15px;}
.book-meeting-cosco-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-time .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-time .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-service{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-cosco-item-service .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-service .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.book-meeting-cosco-item-service .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;word-break: break-all}
.book-meeting-cosco-item-service .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-cosco-item-service .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-cosco-item-org-person{background: #fff; border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.book-meeting-cosco-item-org-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-org-person .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-org-person .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-org-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-attend-person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 15px;}
.book-meeting-cosco-item-attend-person:active{background: #f5f5f5;}
.book-meeting-cosco-item-attend-person .title{font-size: 16px; color: #000;}
.book-meeting-cosco-item-attend-person .content{display: flex; align-items: center;}
.book-meeting-cosco-item-attend-person .content .name{font-size: 16px; color: #777;}
.book-meeting-cosco-item-attend-person .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-item-approval-person{background: #fff;}
.book-meeting-cosco-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.book-meeting-cosco-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.book-meeting-cosco-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.book-meeting-cosco-item-approval-person .content{display: flex; padding-left: 15px; padding-bottom: 10px;}
.book-meeting-cosco-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center;}
.book-meeting-cosco-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.book-meeting-cosco-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.book-meeting-cosco-item-multi-approval{background: #fff; margin-top: 15px;}
.book-meeting-cosco-item-multi-approval .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-multi-approval .content .line1{height: 50px; border-left: 2px solid #ddd; margin: 5px 0 5px 18px;}
.book-meeting-cosco-item-multi-approval .content .line2{height: 50px; border-left: 2px dashed #ddd; margin: 5px 0 5px 18px;}
.book-meeting-cosco-item-multi-approval .content{padding: 10px 10px 10px 15px;}
.book-meeting-cosco-item-multi-approval-content-item{display: flex;}
.book-meeting-cosco-item-multi-approval-content-item-left{display: flex; align-items: center; width: 40%;}
.book-meeting-cosco-item-multi-approval-content-item-left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.book-meeting-cosco-item-multi-approval-content-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.book-meeting-cosco-item-multi-approval-content-item-left .desc .desc1{font-size: 14px; color: #333;}
.book-meeting-cosco-item-multi-approval-content-item-left .desc .desc2{font-size: 12px; color: #999;}
.book-meeting-cosco-item-multi-approval-content-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.book-meeting-cosco-item-multi-approval-content-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.book-meeting-cosco-item-multi-approval-content-item-right .person-item.all .name{width: 50px;}
.book-meeting-cosco-item-multi-approval-content-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.book-meeting-cosco-item-desc{background: #fff; margin-top: 16px;}
.book-meeting-cosco-item-desc .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-desc .content{padding: 0 15px;}
.book-meeting-cosco-item-desc .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 7px 0; margin: 0;}
.book-meeting-cosco-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.book-meeting-cosco-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-input .content{padding: 0 15px;}
.book-meeting-cosco-item-input .content input{font-size: 16px; color: #000; border: 0;
    padding: 0; margin: 0;}
.book-meeting-cosco-item-select{background: #fff; border-bottom: 1px solid #f7f7f7;}
.book-meeting-cosco-item-select .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.book-meeting-cosco-item-select .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.book-meeting-cosco-item-select .content:active{background: #f5f5f5;}
.book-meeting-cosco-item-select .content .name{font-size: 16px; color: #000;}
.book-meeting-cosco-item-select .content .mui-icon{font-size: 20px; color: #999;}
.book-meeting-cosco-action{margin: 25px 20px;}
.book-meeting-cosco-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-cosco-action .submit:active{opacity: 0.8;}
/* 预订会议·榆林管委会 */
.book-meeting-yl-list{margin-top: 15px;}
.book-meeting-yl-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px; background: #fff; height: 42px; border-bottom: 1px solid #f5f5f5;}
.book-meeting-yl-item-select:active{background: #F5F5F5;}
.book-meeting-yl-item-select .left{display: flex; align-items: center;}
.book-meeting-yl-item-select .left .name{font-size: 16px; color: #333;}
.book-meeting-yl-item-select .right{display: flex; align-items: center;}
.book-meeting-yl-item-select .right .desc{font-size: 16px; color: #777;}
.book-meeting-yl-item-select .right .mui-icon{font-size: 20px; color: #999;}
.book-meeting-yl-item-input{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px 0 10px; background: #fff; height: 42px;}
.book-meeting-yl-item-input .left{display: flex; align-items: center;}
.book-meeting-yl-item-input .left .name{font-size: 16px; color: #333;}
.book-meeting-yl-item-input .right{display: flex; align-items: center;}
.book-meeting-yl-item-input .right input{padding: 0; margin: 0; border: 0; font-size: 16px; color: #777;
    text-align: right; height: 36px;}
.book-meeting-yl-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff;}
.book-meeting-yl-item-switch .title{font-size: 16px; color: #333;}
.book-meeting-yl-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.book-meeting-yl-item-service{background: #fff; border-top: 1px solid #f7f7f7;}
.book-meeting-yl-item-service .title{font-size: 16px; color: #333; padding: 10px 10px 0 10px;}
.book-meeting-yl-item-service .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.book-meeting-yl-item-service .content .mui-checkbox.mui-left label{font-size: 14px; color: #777;
    padding-left: 40px; padding-top: 8px; padding-right: 10px; word-break: break-all;}
.book-meeting-yl-item-service .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.book-meeting-yl-item-service .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.book-meeting-yl-item-desc{background: #fff; margin-top: 15px;}
.book-meeting-yl-item-desc .title{font-size: 16px; color: #333; padding: 10px 10px 0 10px;}
.book-meeting-yl-item-desc .content{padding: 0 10px;}
.book-meeting-yl-item-desc .content textarea{font-size: 16px; color: #777; border: 0;
    padding: 7px 0; margin: 0;}
.book-meeting-yl-action{margin: 25px 20px;}
.book-meeting-yl-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.book-meeting-yl-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 会议记录 */
.meeting-record-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.meeting-record-filter-dialog{position: fixed; top: 0; left: 0; right: 0; bottom: 40%; z-index: 9;
    box-shadow: 0 5px 5px #ccc; background: #fff; padding-top: 10px; overflow-y: auto;}
.meeting-record-filter-dialog-item{padding: 0 15px;}
.meeting-record-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-record-filter-dialog-status{margin-bottom: 15px;}
.meeting-record-filter-dialog-status span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.meeting-record-filter-dialog-status span:active{background: #fff;}
.meeting-record-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.meeting-record-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-record-filter-dialog-time .time:active{background: #fff;}
.meeting-record-filter-dialog-time .space{color: #333;}
.meeting-record-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.meeting-record-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.meeting-record-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.meeting-record-filter-dialog-action .confirm{color: var(--text-color);}
.meeting-record-filter-dialog-action span:active{background: #f5f5f5;}
.meeting-record-list-top{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 200px; padding: 0 15px;}
.meeting-record-list-top .wrap{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0;}
.meeting-record-list-top .wrap .left{display: flex; align-items: center;}
.meeting-record-list-top .check{display: flex; align-items: center;}
.meeting-record-list-top .check a{font-size: 16px; color: #fff;}
.meeting-record-list-top .wrap .right{display: flex; align-items: center;}
.meeting-record-list-top .wrap .export{display: flex; align-items: center; margin-right: 10px;}
.meeting-record-list-top .wrap .export img{width: 16px; height: 16px; display: flex;}
.meeting-record-list-top .wrap .export span{font-size: 14px; color: #fff; margin-left: 3px; line-height: normal;}
.meeting-record-list-top .wrap .filter{display: flex; align-items: center;}
.meeting-record-list-top .wrap .filter img{width: 16px; height: 16px; display: flex;}
.meeting-record-list-top .wrap .filter span{font-size: 14px; color: #fff; margin-left: 3px; line-height: normal;}
.meeting-record-search .mui-search{margin: 0 auto;}
.meeting-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.meeting-record .mui-search .mui-placeholder{pointer-events: none;}
.meeting-record-list{margin: -100px 15px 20px;}
.meeting-record-list-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-record-list .meeting-record-list-item:last-child{margin-bottom: 0;}
.meeting-record-list-item:active{background: #f5f5f5;}
.meeting-record-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.meeting-record-item-up-left{display: flex; align-items: center;}
.meeting-record-item-up-left img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.meeting-record-item-up-left span{font-size: 16px; color: #333; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-record-item-up-left svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-left: 5px;}
.meeting-record-item-up-right{display: flex; align-items: center;}
.meeting-record-item-up-right span{display: inline-block; font-size: 10px; padding: 1px 7px;
    line-height: normal;}
.meeting-record-item-up-right .status1{background: rgba(253,168,80, .1); color: #FDA850; border-radius: 2px;}
.meeting-record-item-up-right .status2{background: rgba(33,211,136, .1); color: #21D388; border-radius: 2px;}
.meeting-record-item-up-right .status3{background: rgba(255,90,72, .1); color: #FF5A48; border-radius: 2px;}
.meeting-record-item-middle{display: flex; flex-direction: column; margin-bottom: 15px;}
.meeting-record-item-middle-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.meeting-record-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.meeting-record-item-middle-time img{width: 7px; height: 12px; display: flex;}
.meeting-record-item-middle-date{display: flex; justify-content: space-between; align-items: center; font-size: 14px; color: #999;}
.meeting-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-record-item-down-left, .meeting-record-item-down-right{display: flex; align-items: center;}
.meeting-record-item-down-left img{width: 30px; height: 30px; border-radius: 50%; margin-right: 5px; display: flex;}
.meeting-record-item-down-left span{font-size: 14px; color: #555;}
.meeting-record-item-down-right span{font-size: 14px; font-weight: 400;}
.meeting-record-item-down-right .status1{color: #FDA850;}
.meeting-record-item-down-right .status2{color: #21D388;}
.meeting-record-item-down-right .status3{color: #FF5A48;}
/* 会议记录·会议详情·新 */
.meeting-detail-new-room-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 14;
    background: rgba(0,0,0, .4); display: none;}
.meeting-detail-new-room-dialog{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 15;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-detail-new-room-dialog .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-detail-new-room-dialog-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-detail-new-room-dialog-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-detail-new-room-dialog-top .action:active{opacity: 0.8;}
.meeting-detail-new-room-dialog .wrap .content{margin-bottom: 75px;}
.meeting-detail-new-room-dialog .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.meeting-detail-new-room-dialog .wrap .content .content-item .title .name{font-size: 16px; font-weight: 500; color: #000;}
.meeting-detail-new-room-dialog .wrap .content .content-item .title .return{font-size: 14px; color: var(--text-color);}
.meeting-detail-new-room-dialog-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-detail-new-room-dialog-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-detail-new-room-dialog-item-left:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-detail-new-room-dialog-item-left .name{font-size: 14px; color: #333; margin-left: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-detail-new-room-dialog-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-detail-new-room-dialog-item-right img{width: 18px; height: 18px; display: flex; margin-right: 3px;}
.meeting-detail-new-room-dialog-item-right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-detail-new-room-dialog-item-right:active{background: #f5f5f5;}
.meeting-detail-new-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.meeting-detail-new-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.meeting-detail-new-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.meeting-detail-new-title-right{display: flex; margin-left: 20px;}
.meeting-detail-new-title-right img{width: 16px; height: 16px; display: flex; margin-top: 16px;}
.meeting-detail-new-list{margin: -130px 15px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.meeting-detail-new-info{display: flex; margin-bottom: 20px;}
.meeting-detail-new-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-detail-new-info-left img{width: 50px; height: 50px; border-radius: 5px;}
.meeting-detail-new-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.meeting-detail-new-info-right .name{font-size: 16px; color: #333;}
.meeting-detail-new-info-right .job{font-size: 14px; color: #777;}
.meeting-detail-new-item{display: flex; margin-bottom: 20px;}
.meeting-detail-new-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-detail-new-item-left img{width: 20px; height: 20px;}
.meeting-detail-new-item-right{width: 80%;}
.meeting-detail-new-item-right .title{font-size: 16px; color: #333;}
.meeting-detail-new-item-right .title.status1{color: #FDA850;}
.meeting-detail-new-item-right .title.status2{color: #21D388;}
.meeting-detail-new-item-right .title.status3{color: #FF5A48;}
.meeting-detail-new-item-right .title .tip{border-bottom: 0;}
.meeting-detail-new-item-right .title .tip svg{width: 14px; height: 14px; fill: #ccc; overflow: hidden;
    margin-left: 10px;}
.meeting-detail-new-item-right .desc{font-size: 14px; color: #999;}
.meeting-detail-new-item-right .qrcode{}
.meeting-detail-new-item-right .qrcode .canvas-div{height: 80px; width: 80px;}
.meeting-detail-new-item-right .qrcode .canvas-div img{height: 100%; width: 100%;}
.meeting-detail-new-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-detail-new-item-right-up span{font-size: 16px; color: #333;}
.meeting-detail-new-item-right-up img{width: 7px; height: 12px;}
.meeting-detail-new-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-detail-new-item-right-down span{font-size: 14px; color: #777;}
.meeting-detail-new-item-right-down img{width: 16px; height: 16px; display: flex;}
.meeting-detail-new-item-right-tea-clean{width: 80%; display: flex;}
.meeting-detail-new-item-right-tea-clean .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-detail-new-item-right-tea-clean .item img{width: 30px; height: 30px; border-radius: 3px; margin-bottom: 5px;}
.meeting-detail-new-item-right-tea-clean .item .name{font-size: 12px; color: #777; line-height: normal;}
.meeting-detail-new-item-right-service-person{width: 80%;}
.meeting-detail-new-item-right-service-person .list{display: flex; align-items: center; flex-wrap: wrap;}
.meeting-detail-new-item-right-service-person .list .item:last-child{margin-right: 0;}
.meeting-detail-new-item-right-service-person .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 20px;}
.meeting-detail-new-item-right-service-person .item img{width: 30px; height: 30px; border-radius: 3px;}
.meeting-detail-new-item-right-service-person .item .name{font-size: 12px; color: #777; max-width: 45px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}
.meeting-detail-new-item-right-service-person .desc{font-size: 14px; color: #999; margin-top: 5px;}
.meeting-detail-new-item-right-join-person{display: flex; justify-content: space-between; width: 80%;}
.meeting-detail-new-item-right-join-person .list{display: flex; align-items: center;}
.meeting-detail-new-item-right-join-person .list .item:last-child{margin-right: 0;}
.meeting-detail-new-item-right-join-person .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 20px;}
.meeting-detail-new-item-right-join-person .item img{width: 30px; height: 30px; border-radius: 3px; margin-bottom: 5px;}
.meeting-detail-new-item-right-join-person .item .name{font-size: 12px; color: #777; max-width: 45px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}
.meeting-detail-new-item-right-join-person .more{display: flex; justify-content: center; align-items: center;}
.meeting-detail-new-item-right-join-person .more span{font-size: 12px; color: #999; line-height: normal; margin-right: 5px;}
.meeting-detail-new-item-right-join-person .more img{width: 7px; height: 12px;}
.meeting-detail-new-item-right-file{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.meeting-detail-new-item-right-file .title{font-size: 16px; color: #333;}
.meeting-detail-new-item-right-file .detail{display: flex; align-items: center;}
.meeting-detail-new-item-right-file .detail span{font-size: 12px; color: #999; line-height: normal; margin-right: 5px;}
.meeting-detail-new-item-right-file .detail img{width: 7px; height: 12px;}
.meeting-detail-new-item-right textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 5px;}
.meeting-detail-new-item-right-multi-approval{width: 85%;}
.meeting-detail-new-item-right-multi-approval .line{height: 60px; border-left: 2px solid #ddd; margin: 10px 0 10px 18px;}
.meeting-detail-new-item-right-multi-approval .no-line{border-left: 2px solid #fff;}
.meeting-detail-new-item-right-multi-approval-item{display: flex; align-items: center;}
.meeting-detail-new-item-right-multi-approval-item .left{display: flex; justify-content: center; align-items: center;
    margin-right: 10px; position: relative;}
.meeting-detail-new-item-right-multi-approval-item .left img{width: 36px; height: 36px; display: flex;}
.meeting-detail-new-item-right-multi-approval-item .left .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-detail-new-item-right-multi-approval-item .right{flex: 1;}
.meeting-detail-new-item-right-multi-approval-item .right .up{display: flex; justify-content: space-between; align-items: center;}
.meeting-detail-new-item-right-multi-approval-item .right .up .title{font-size: 14px; color: #333;}
.meeting-detail-new-item-right-multi-approval-item .right .up .time{font-size: 12px; color: #999;}
.meeting-detail-new-item-right-multi-approval-item .right .down{display: flex; align-items: center;}
.meeting-detail-new-item-right-multi-approval-item .right .down .desc{font-size: 12px; color: #777;}
.meeting-detail-new-item-right-multi-approval .content{display: flex; align-items: center; width: 100%; padding-left: 16px;}
.meeting-detail-new-item-right-multi-approval .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-detail-new-item-right-multi-approval .content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.meeting-detail-new-item-right-multi-approval .content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.meeting-detail-new-item-right-multi-approval .content .person-item .person-item-img .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-detail-new-item-right-multi-approval .content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.meeting-detail-new-item-right-multi-approval .content .person-item.all .name{width: 50px;}
.meeting-detail-new-item-right-multi-approval .content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.meeting-detail-new-item2{display: flex; justify-content: center; margin-bottom: 0;}
.meeting-detail-new-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.meeting-detail-new-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.meeting-detail-new-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.meeting-detail-new-action{margin: 20px 40px 40px;}
.meeting-detail-new-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.meeting-detail-new-action .agree{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 20px;}
.meeting-detail-new-action .agree:active{opacity: 0.8;}
.meeting-detail-new-action .select{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 20px;}
.meeting-detail-new-action .select:active{opacity: 0.8;}
.meeting-detail-new-action2{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 70px;
    display: flex; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.meeting-detail-new-action2 .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-detail-new-action2 .item:active{background: #f5f5f5;}
.meeting-detail-new-action2 .item img{width: 24px; height: 24px; display: flex; margin-bottom: 5px;}
.meeting-detail-new-action2 .item span{font-size: 12px; color: #555;}
.meeting-detail-new-review{margin: 0 20px; padding: 15px 15px; background: #fff; border-radius: 5px;}
.meeting-detail-new-review .title{font-size: 16px; font-width: 500; color: #333; margin-bottom: 15px;}
.meeting-detail-new-review-up{display: flex; justify-content: space-between; align-items: center;}
.meeting-detail-new-review-up .left{display: flex; align-items: center;}
.meeting-detail-new-review-up .left img{width: 32px; height: 32px; border-radius: 3px; margin-right: 5px;}
.meeting-detail-new-review-up .left .name{font-size: 14px; color: #333;}
.meeting-detail-new-review-up .right{font-size: 14px; color: #999;}
.meeting-detail-new-review-mid{display: flex; align-items: center; margin: 10px 0 15px;}
.meeting-detail-new-review-mid .score{display: flex; align-items: center;}
.meeting-detail-new-review-mid .score .mui-icon{margin-right: 10px;}
.meeting-detail-new-review-mid .score .mui-icon-star-filled{color: var(--text-color);}
.meeting-detail-new-review-down{display: flex; flex-direction: column;}
.meeting-detail-new-review-down .text{font-size: 14px; color: #555; margin-bottom: 5px;}
.meeting-detail-new-review-down .imgs{display: flex; flex-wrap: wrap;}
.meeting-detail-new-review-down .imgs img{width: 80px; height: 80px; display: flex; border-radius: 5px;
    margin-right: 15px; margin-bottom: 15px;}
.meeting-detail-new-service-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.meeting-detail-new-service-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.meeting-detail-new-service-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.meeting-detail-new-service-dialog-top span{padding: 5px;}
.meeting-detail-new-service-dialog-top .cancel{font-size: 14px; color: #888;}
.meeting-detail-new-service-dialog-top .confirm{font-size: 14px; color: var(--text-color);}
.meeting-detail-new-service-dialog-list{height: calc(100% - 40px); display: flex; flex-wrap: wrap;}
.meeting-detail-new-service-dialog-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; height: 50%;}
.meeting-detail-new-service-dialog-item:active{background: #f5f5f5;}
.meeting-detail-new-service-dialog-item .icon{width: 32px; height: 32px; border-radius: 50%; margin-bottom: 5px;
    display: flex; justify-content: center; align-items: center; position: relative;}
.meeting-detail-new-service-dialog-item .icon .img{width: 32px; height: 32px; display: flex;}
.meeting-detail-new-service-dialog-item .icon .select{position: absolute; right: -15px; top: -5px; z-index: 10;
    width: 20px; height: 20px; display: flex;}
.meeting-detail-new-service-dialog-item .name{font-size: 14px; color: #333;}
/* 更多人员 */
.meeting-more-person .mui-slider{margin: 15px 15px; width: auto; border-radius: 5px;}
.meeting-more-person .mui-control-content{background: #fff; min-height: 550px;}
.meeting-more-person .mui-segmented-control{background: #fff;}
.meeting-more-person .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.meeting-more-person .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: var(--text-color);}
.meeting-more-person .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: var(--bg-color);}
.meeting-more-person-list{display: flex; flex-direction: column; padding-left: 20px;}
.meeting-more-person-item{display: flex; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.meeting-more-person-item-left{display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.meeting-more-person .mui-slider .mui-slider-group .meeting-more-person-item-left img{width: 50px; height: 50px; border-radius: 5px;}
.meeting-more-person-item-right{display: flex; flex-direction: column; justify-content: center;}
.meeting-more-person-item-right .name{font-size: 16px; font-weight: 400; color: #333;}
.meeting-more-person-item-right .time{font-size: 14px; color: #777;}
.meeting-more-person-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-more-person-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 会议纪要 */
.meeting-summary-top{background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    padding: 10px 10px; margin: 15px;}
.meeting-summary-top-item{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-summary-top-item:last-child{margin-bottom: 0;}
.meeting-summary-top-item img{width: 20px; height: 20px; display: flex; margin-right: 10px;}
.meeting-summary-top-item .desc{font-size: 16px; color: #555;}
.meeting-summary-top-item .desc .tip{font-size: 14px; color: #999;}
.meeting-summary-content{background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    padding: 10px 10px; margin: 0 15px 20px; min-height: 300px;}
.meeting-summary-content .title{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 10px;}
.meeting-summary-content .tip{font-size: 14px; color: #999; padding-top: 30px;
    display: flex; justify-content: center;}
.meeting-summary-content .content{font-size: 14px; color: #777;}
/* 会议附件 */
.meeting-attachment-list{margin: 15px;}
.meeting-attachment-item{display: flex; justify-content: space-between; padding: 10px 5px 10px 10px; border-radius: 5px;
    box-shadow: 0 0 10px #f5f5f5; margin-bottom: 15px; background: #fff;}
.meeting-attachment-list .meeting-attachment-item:last-child{margin-bottom: 0;}
.meeting-attachment-item:active{background: #f5f5f5;}
.meeting-attachment-item-left{display: flex; align-items: center;}
.meeting-attachment-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px}
.meeting-attachment-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-attachment-item-left .info .name{font-size: 16px; color: #555; margin-bottom: 5px;  width: 200px; word-wrap: break-word;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.meeting-attachment-item-left .info .info-content{display: flex; align-items: center;}
.meeting-attachment-item-left .info .info-content .desc{font-size: 14px; color: #999;}
.meeting-attachment-item-left .info .info-content .desc:first-child{margin-right: 5px;
    display: inline-block; max-width: 55px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.meeting-attachment-item-right{display: flex; align-items: center;}
.meeting-attachment-item-right .delete{font-size: 14px; color: #FF5A48; padding: 2px 5px;}
.meeting-attachment-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-attachment-plus img{width: 50px; height: 50px; display: flex;}
/* 签到二维码 */
.meeting-sign-qrcode-top{background: #fff; padding-top: 20px;}
.meeting-sign-qrcode-top .qrcode{display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.meeting-sign-qrcode-top .qrcode img{width: 240px; height: 240px; display: flex;}
.meeting-sign-qrcode-top .action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 10px 0;}
.meeting-sign-qrcode-top .action:active{background: #f5f5f5;}
.meeting-sign-qrcode-top .action img{width: 32px; height: 32px; display: flex; margin-bottom: 5px;}
.meeting-sign-qrcode-top .action .desc{font-size: 14px; color: #999;}
.meeting-sign-qrcode-mid{display: flex; justify-content: space-between; padding: 15px 10px 10px;}
.meeting-sign-qrcode-mid .left{font-size: 14px; color: #777; line-height: normal;}
.meeting-sign-qrcode-mid .right{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-sign-qrcode-bottom-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; background: #fff;}
.meeting-sign-qrcode-bottom-item .left{display: flex; flex-direction: column; justify-content: center;}
.meeting-sign-qrcode-bottom-item .left .title{font-size: 14px; color: #333;}
.meeting-sign-qrcode-bottom-item .left .desc{font-size: 12px; color: #999;}
.meeting-sign-qrcode-bottom-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 浏览器打开二维码 */
.meeting-browser-qrcode{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-browser-qrcode .title{font-size: 60px; color: #333; margin-bottom: 100px;}
.meeting-browser-qrcode .qrcode{width: 300px; height: 300px; border: 3px solid #000; padding: 10px;}
.meeting-browser-qrcode .qrcode canvas{width: 100%; height: 100%;}
.meeting-browser-qrcode img{width: 100%; height: 100%; display: flex;}
.meeting-browser-qrcode .tip{font-size: 18px; color: #777; margin: 15px 0 30px;}
.meeting-browser-qrcode .down{display: flex; align-items: center;}
.meeting-browser-qrcode .down .desc{font-size: 24px; color: #555;}
.meeting-browser-qrcode .down .time{font-size: 24px; font-weight: 500; letter-spacing: 3px; color: var(--text-color);}
/* 欢迎模式 */
.meeting-welcome-mode-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.meeting-welcome-mode-top .num{font-size: 14px; color: #777;}
.meeting-welcome-mode-top .action{font-size: 14px; color: var(--text-color);}
.meeting-welcome-mode-list{margin: 0 15px;}
.meeting-welcome-mode-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-welcome-mode-item:active{background: #f5f5f5;}
.meeting-welcome-mode-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.meeting-welcome-mode-item-up .left{display: flex; align-items: center; width: 70%;}
.meeting-welcome-mode-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.meeting-welcome-mode-item-up .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-welcome-mode-item-up .left span{font-size: 16px; color: #333; display: inline-block; width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-welcome-mode-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.meeting-welcome-mode-item-up .right img{width: 68px; height: 20px; display: flex;}
.meeting-welcome-mode-item-down{display: flex; flex-direction: column; justify-content: center;}
.meeting-welcome-mode-item-down .time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.meeting-welcome-mode-item-down .time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.meeting-welcome-mode-item-down .time img{width: 7px; height: 12px; display: flex;}
.meeting-welcome-mode-item-down .date{display: flex; justify-content: space-between; align-items: center}
.meeting-welcome-mode-item-down .date span{font-size: 14px; color: #999;}
.meeting-welcome-mode-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-welcome-mode-plus img{width: 50px; height: 50px; display: flex;}
.meeting-welcome-mode-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 欢迎模式·添加 */
.meeting-welcome-mode-add-list{margin: 15px 0 0;}
.meeting-welcome-mode-add-item{display: flex; flex-direction: column; justify-content: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.meeting-welcome-mode-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-welcome-mode-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-welcome-mode-add-item-select:active{background: #f5f5f5;}
.meeting-welcome-mode-add-item-select label{font-size: 14px; color: #777;}
.meeting-welcome-mode-add-item-select .right{display: flex; align-items: center;}
.meeting-welcome-mode-add-item-select .right .select{font-size: 16px; color: #333; line-height: normal;}
.meeting-welcome-mode-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-welcome-mode-add-item .wrap{display: flex; justify-content: space-between; align-items: center;}
.meeting-welcome-mode-add-item .wrap .time{font-size: 16px; color: #333; width: 47%; height: 40px;
    line-height: 40px; background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-welcome-mode-add-item .wrap .space{color: #333;}
.meeting-welcome-mode-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-welcome-mode-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 10px;}
.meeting-welcome-mode-add-item-bg{margin-bottom: 15px; padding: 10px 10px 10px 15px; background: #fff;}
.meeting-welcome-mode-add-item-bg .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-welcome-mode-add-item-bg .up .title{font-size: 16px; color: #333;}
.meeting-welcome-mode-add-item-bg .up .desc{font-size: 14px; color: #999;}
.meeting-welcome-mode-add-item-bg .down{display: flex; align-items: center;}
.meeting-welcome-mode-add-item-bg .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-welcome-mode-add-item-bg .down .mui-icon:active{background: #fff;}
.meeting-welcome-mode-add-item-bg .down .content{position: relative; width: 100%; height: 200px;}
.meeting-welcome-mode-add-item-bg .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-welcome-mode-add-item-bg .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 20px; height: 20px; display: flex;}
.meeting-welcome-mode-add-item .template-list{display: flex; flex-wrap: wrap;}
.meeting-welcome-mode-add-item .template-item{position: relative; display: flex; flex-direction: column;
    justify-content: center; align-items: center; width: 30%; margin-bottom: 10px;}
.meeting-welcome-mode-add-item .template-item:nth-child(3n-1){margin-left: 5%; margin-right: 5%;}
.meeting-welcome-mode-add-item .template-item>img{width: 100%; height: 60px; display: flex; margin-bottom: 5px;}
.meeting-welcome-mode-add-item .template-item span{font-size: 14px; color: #555;}
.meeting-welcome-mode-add-item .template-item .template-select{position: absolute; right: -7px; top: -7px; z-index: 9;}
.meeting-welcome-mode-add-item .template-item .template-select img{width: 16px; height: 16px; display: flex;}
.meeting-welcome-mode-add-action{margin: 20px 40px;}
.meeting-welcome-mode-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-welcome-mode-add-action .save:active{opacity: 0.8;}
/* 欢迎模式·详情 */
.meeting-welcome-mode-detail-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.meeting-welcome-mode-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.meeting-welcome-mode-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.meeting-welcome-mode-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.meeting-welcome-mode-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.meeting-welcome-mode-detail-title .right img{width: 15px; height: 15px; display: flex; margin-top: 16px;}
.meeting-welcome-mode-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.meeting-welcome-mode-detail-item{display: flex; margin-bottom: 20px;}
.meeting-welcome-mode-detail-list .meeting-welcome-mode-detail-item:last-child{margin-bottom: 0;}
.meeting-welcome-mode-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-welcome-mode-detail-item .left img{width: 20px; height: 20px;}
.meeting-welcome-mode-detail-item .right{display: flex; width: 80%;}
.meeting-welcome-mode-detail-item .right1{flex-direction: column; justify-content: center;}
.meeting-welcome-mode-detail-item .right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-welcome-mode-detail-item .right-up span{font-size: 16px; color: #333;}
.meeting-welcome-mode-detail-item .right-up img{width: 7px; height: 12px;}
.meeting-welcome-mode-detail-item .right-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-welcome-mode-detail-item .right-down span{font-size: 14px; color: #777;}
.meeting-welcome-mode-detail-item right2{flex-direction: column; justify-content: center;}
.meeting-welcome-mode-detail-item right2 .title{font-size: 16px; color: #333;}
.meeting-welcome-mode-detail-item .right3{flex-direction: column; justify-content: center;}
.meeting-welcome-mode-detail-item .right3 img{width: 80px; height: 50px; display: flex;
    margin-bottom: 5px; border-radius: 3px;}
.meeting-welcome-mode-detail-item .right3 span{font-size: 14px;}
.meeting-welcome-mode-detail-action{margin: 20px 40px 40px;}
.meeting-welcome-mode-detail-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 欢迎模式&发布广告·选择门牌 */
.select-meeting-screen-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.select-meeting-screen-top span{font-size: 14px; font-weight: 400; color: var(--text-color);}
.select-meeting-screen-top img{width: 22px; height: 20px;}
.select-meeting-screen-list{margin: 0 15px 30px;}
.select-meeting-screen-item{display: flex; flex-direction: column; padding: 15px 15px 15px 50px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.select-meeting-screen-list .select-meeting-screen-item:last-child{margin-bottom: 0;}
.select-meeting-screen-item:active{background: #f5f5f5;}
.select-meeting-screen-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.select-meeting-screen-item-up .left{display: flex; align-items: center;}
.select-meeting-screen-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.select-meeting-screen-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.select-meeting-screen-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.select-meeting-screen-item-up .right img{width: 68px; height: 20px; display: flex;}
.select-meeting-screen-item-down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.select-meeting-screen-item .action{position: absolute; left: 10px; top: 50%; margin-top: -12px; z-index: 9;}
.select-meeting-screen-item .action img{width: 24px; height: 24px; display: flex;}
.select-meeting-screen-action{margin: 20px 40px;}
.select-meeting-screen-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.select-meeting-screen-action .save:active{opacity: 0.8;}
/* 欢迎模式·高级管理 */
.meeting-welcome-mode-advance-list{margin-top: 15px;}
.meeting-welcome-mode-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.meeting-welcome-mode-advance-item:active{background: #f5f5f5;}
.meeting-welcome-mode-advance-item .name{font-size: 16px; color: #333;}
.meeting-welcome-mode-advance-item .right{display: flex; align-items: center;}
.meeting-welcome-mode-advance-item .right .mui-icon{font-size: 20px; color: #999;}
/* 欢迎模式·上传logo */
.meeting-welcome-mode-logo-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-top: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-welcome-mode-logo-select:active{background: #fff;}
.meeting-welcome-mode-logo-select .name{font-size: 14px; color: #777;}
.meeting-welcome-mode-logo-select .right{display: flex; align-items: center;}
.meeting-welcome-mode-logo-select .right .desc{font-size: 16px; color: #333; line-height: normal;}
.meeting-welcome-mode-logo-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-welcome-mode-logo .tip{font-size: 14px; color: #FF5A48; margin: 15px 15px 5px;}
.meeting-welcome-mode-logo-list{padding: 10px 10px 5px; background: #fff;}
.meeting-welcome-mode-logo-item{margin-bottom: 5px;}
.meeting-welcome-mode-logo-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-welcome-mode-logo-item .up .title{font-size: 16px; color: #333;}
.meeting-welcome-mode-logo-item .up .desc{font-size: 14px; color: #999;}
.meeting-welcome-mode-logo-item .down{display: flex; align-items: center;}
.meeting-welcome-mode-logo-item .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-welcome-mode-logo-item .down .mui-icon:active{background: #fff;}
.meeting-welcome-mode-logo-item .down .content{position: relative;}
.meeting-welcome-mode-logo-item .down .content1{width: 50px; height: 50px;}
.meeting-welcome-mode-logo-item .down .content2{width: 100px; height: 50px;}
.meeting-welcome-mode-logo-item .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-welcome-mode-logo-item .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
/* 欢迎模式·上传背景 */
.meeting-welcome-mode-bg-list{margin: 15px 0 0; padding: 10px 10px 5px; background: #fff;}
.meeting-welcome-mode-bg-item{margin-bottom: 5px;}
.meeting-welcome-mode-bg-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-welcome-mode-bg-item .up .title{font-size: 16px; color: #333;}
.meeting-welcome-mode-bg-item .up .desc{font-size: 14px; color: #999;}
.meeting-welcome-mode-bg-item .down{display: flex; align-items: center;}
.meeting-welcome-mode-bg-item .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-welcome-mode-bg-item .down .mui-icon:active{background: #fff;}
.meeting-welcome-mode-bg-item .down .content{position: relative; width: 100%; height: 200px;}
.meeting-welcome-mode-bg-item .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-welcome-mode-bg-item .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 20px; height: 20px; display: flex;}
.meeting-welcome-mode-bg-action{margin: 20px 40px;}
.meeting-welcome-mode-bg-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-welcome-mode-bg-action .save:active{opacity: 0.8;}
/* 欢迎模式·更多设置 */
.meeting-welcome-mode-more-list{margin-top: 15px;}
.meeting-welcome-mode-more-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.meeting-welcome-mode-more-item:active{background: #f5f5f5;}
.meeting-welcome-mode-more-list .meeting-welcome-mode-more-item:last-child{border-bottom: 0;}
.meeting-welcome-mode-more-item .name{font-size: 16px; color: #333;}
.meeting-welcome-mode-more-item .right{display: flex; align-items: center;}
.meeting-welcome-mode-more-item .right .color{width: 16px; height: 16px; border-radius: 50%; background: #f5f5f5;}
.meeting-welcome-mode-more-item .right .desc{font-size: 14px; color: #777;}
.meeting-welcome-mode-more-item .right .mui-icon{font-size: 20px; color: #999;}
.meeting-welcome-mode-more-action{margin: 30px 40px;}
.meeting-welcome-mode-more-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-welcome-mode-more-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.meeting-welcome-mode-more-action .save:active{opacity: 0.8;}
/* 会议室列表 */
.manage-meeting-room-top{background: #fff; margin-bottom: 15px;}
.manage-meeting-room-top .up{padding: 10px 10px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.manage-meeting-room-top .up:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.manage-meeting-room-top .up .left{display: flex; align-items: center;}
.manage-meeting-room-filter{display: flex; align-items: center; padding: 5px;}
.manage-meeting-room-filter:active{background: #f5f5f5;}
.manage-meeting-room-filter img{width: 16px; height: 16px; display: flex;}
.manage-meeting-room-filter .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 75px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.manage-meeting-room-filter .mui-icon{font-size: 20px; color: #999;}
.manage-meeting-room-top .up .right{display: flex; align-items: center;}
.manage-meeting-room-top .up .right .line{color: var(--text-color); margin: 0 5px;}
.manage-meeting-room-top .up .right .action{font-size: 14px; color: var(--text-color);}
.manage-meeting-room-search{padding: 10px 15px;}
.manage-meeting-room-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.manage-meeting-room-search .mui-search .mui-placeholder{pointer-events: none;}
.manage-meeting-room-search .mui-search.mui-active:before{margin-top: -7px;}
.manage-meeting-room-top-action{margin: 0 15px 15px; display: flex; align-items: center;}
.manage-meeting-room-top-action .item{width: 48.5%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.manage-meeting-room-top-action .item:active{background: #f5f5f5;}
.manage-meeting-room-top-action .item:first-child{margin-right: 3%;}
.manage-meeting-room-top-action .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.manage-meeting-room-top-action .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.manage-meeting-room-top-action .item .mui-icon{font-size: 20px; color: #999;}
.manage-meeting-room-group-crumbs{margin: 0 15px 10px; padding: 0 15px; background: #fff;}
.manage-meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-scroll{height: 38px;}
.manage-meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item{font-size: 14px; color: #777; padding: 0; border-bottom: 0;}
.manage-meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item.active{color: var(--text-color); border-bottom: 0;}
.manage-meeting-room-group-crumbs .mui-scroll-wrapper .right{width: 7px; height: 12px; margin: 0 10px 13px;}
.manage-meeting-room-group-list{margin: 0 15px 15px;}
.manage-meeting-room-group-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; border-bottom: 1px solid #f5f5f5;}
.manage-meeting-room-group-list .manage-meeting-room-group-item:last-child{border-bottom: 0;}
.manage-meeting-room-group-item:active{background: #f5f5f5;}
.manage-meeting-room-group-item .name{font-size: 16px; color: #333;}
.manage-meeting-room-group-item .mui-icon{font-size: 20px; color: #999;}
.manage-meeting-room-list{margin: 0 15px 30px;}
.manage-meeting-room-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.manage-meeting-room-item:active{background: #f5f5f5;}
.manage-meeting-room-list .manage-meeting-room-item:last-child{margin-bottom: 0;}
.manage-meeting-room-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.manage-meeting-room-item-title span{font-size: 16px; font-weight: 400; color: #333;}
.manage-meeting-room-item-title .right{display: flex; align-items: center;}
.manage-meeting-room-item-title .right .img1{width: 20px; height: 20px; display: flex;}
.manage-meeting-room-item-title .right .img2{width: 23px; height: 20px; display: flex;}
.manage-meeting-room-item-title img:first-of-type {margin-left: 0}
.manage-meeting-room-item-title img:not(:first-of-type) {margin-left: 5px;}
.manage-meeting-room-item-title .mui-btn{border: 1px solid var(--bg-color); background-color: var(--bg-color); color: #fff;
    font-size: 12px; padding: 5px 10px;}
.manage-meeting-room-item-title .mui-btn:enabled:active{opacity: 0.8;}
.manage-meeting-room-item-info{display: flex; padding: 10px 0;}
.manage-meeting-room-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.manage-meeting-room-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.manage-meeting-room-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.manage-meeting-room-info-right .desc{font-size: 14px; color: #777;}
.manage-meeting-room-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.manage-meeting-room-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.manage-meeting-room-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.manage-meeting-room-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.manage-meeting-room-info-right .service span{font-size: 14px; color: #777;}
.manage-meeting-room-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.manage-meeting-room-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.manage-meeting-room-plus img{width: 50px; height: 50px; display: flex;}
.manage-meeting-room-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 会议室添加 */
.manage-meeting-room-add form{display: flex; flex-direction: column;}
.manage-meeting-room-add-list{display: flex; flex-direction: column; margin: 15px 15px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.manage-meeting-room-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.manage-meeting-room-add-list .manage-meeting-room-add-item:last-child{margin-bottom: 0;}
.manage-meeting-room-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.manage-meeting-room-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.manage-meeting-room-add-item .group{display: flex; align-items: center; flex-wrap: wrap;}
.manage-meeting-room-add-item .group .mui-checkbox.mui-left label{font-size: 14px; color: #333;
    padding-left: 30px; padding-right: 10px;}
.manage-meeting-room-add-item .group .mui-checkbox input[type=checkbox]:before{font-size: 20px;}
.manage-meeting-room-add-item .group .mui-checkbox.mui-left input[type=checkbox]{left: 5px;}
.manage-meeting-room-add-item .group .mui-checkbox input[type=checkbox]{width: 20px; height: 20px; top: 8px;}
.manage-meeting-room-add-item .img-list{display: flex; flex-wrap: wrap;}
.manage-meeting-room-add-item .img-list .img-list-item{display: flex; justify-content: center; align-items: center;
    margin-right: 10px;}
.manage-meeting-room-add-item .img-list .img-list-item img{width: 70px; height: 70px; border-radius: 5px;}
.manage-meeting-room-add-item .img-list .img-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.manage-meeting-room-add-item .person-list{display: flex; flex-wrap: wrap;}
.manage-meeting-room-add-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.manage-meeting-room-add-item .person-list .person-list-item img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.manage-meeting-room-add-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.manage-meeting-room-add-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.manage-meeting-room-add-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.manage-meeting-room-add-item .select{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.manage-meeting-room-add-item .select:active{background: #fff;}
.manage-meeting-room-add-switch{display: flex; justify-content: space-between; align-items: center;
    height: 45px; border-bottom: 1px solid #f5f5f5; padding-bottom: 5px; margin-bottom: 10px;}
.manage-meeting-room-add-switch .name{font-size: 14px; color: #777;}
.manage-meeting-room-add-switch .action{display: flex; align-items: center;}
.manage-meeting-room-add-action{margin: 20px 40px;}
.manage-meeting-room-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.manage-meeting-room-add-action .save:active{opacity: 0.8;}
/* 添加会议室·新 */
.meeting-room-add-new-list{margin-top: 10px; margin-bottom: 80px;}
.meeting-room-add-new-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.meeting-room-add-new-item-input .title{font-size: 16px; color: #333; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-input .content{font-size: 16px; color: #777; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.meeting-room-add-new-item-picture{background: #fff; margin-bottom: 15px; border-bottom: 1px solid #f7f7f7;}
.meeting-room-add-new-item-picture .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px 10px 15px;}
.meeting-room-add-new-item-picture .content-up:active{background: #f5f5f5;}
.meeting-room-add-new-item-picture .content-up .title{font-size: 16px; color: #333;}
.meeting-room-add-new-item-picture .content-up img{width: 20px; height: 20px; display: flex;}
.meeting-room-add-new-item-picture .content-down{display: inline-block; position: relative; padding: 0 0 5px 15px;}
.meeting-room-add-new-item-picture .content-down .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.meeting-room-add-new-item-picture .content-down .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.meeting-room-add-new-item-device{background: #fff;}
.meeting-room-add-new-item-device .title{font-size: 16px; color: #333; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-device .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.meeting-room-add-new-item-device .content .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px;word-break: break-all}
.meeting-room-add-new-item-device .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.meeting-room-add-new-item-device .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.meeting-room-add-new-item-sign-time{background: #fff;}
.meeting-room-add-new-item-sign-time.sign-start-time{border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.meeting-room-add-new-item-sign-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-sign-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-room-add-new-item-sign-time .content:active{background: #f5f5f5;}
.meeting-room-add-new-item-sign-time .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-sign-time .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-top: 15px;}
.meeting-room-add-new-item-switch .title{font-size: 14px; color: #7D8082; display: flex; align-items: center;}
.meeting-room-add-new-item-switch .title .tip{display: flex; align-items: center; border-bottom: 0;}
.meeting-room-add-new-item-switch .title .tip svg{width: 12px; height: 12px; fill: #999; overflow: hidden; margin-left: 5px;}
.meeting-room-add-new-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-room-add-new .service-wrap{border-top: 1px solid #f7f7f7;}
.meeting-room-add-new-item-person{background: #fff;}
.meeting-room-add-new-item-person.approval-wrap{border-top: 1px solid #f7f7f7;}
.meeting-room-add-new-item-person .title{font-size: 14px; color: #7D8082; padding: 10px 10px 10px 15px;}
.meeting-room-add-new-item-person .content{display: flex; flex-wrap: wrap; padding-left: 15px;}
.meeting-room-add-new-item-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; padding-bottom: 10px; margin-right: 15px;}
.meeting-room-add-new-item-person .content .person-item .img-wrap{width: 50px; height: 50px; position: relative; margin-bottom: 5px;}
.meeting-room-add-new-item-person .content .person-item .img-wrap .img{width: 100%; height: 100%; display: flex;
    border-radius: 5px;}
.meeting-room-add-new-item-person .content .person-item .img-wrap .delete{position: absolute; top: -3px; right: -3px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.meeting-room-add-new-item-person .content .person-item .name{font-size: 16px; color: #000; line-height: 16px;}
.meeting-room-add-new-item-auth{background: #fff; border-top: 1px solid #f7f7f7;}
.meeting-room-add-new-item-auth .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-auth-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff;}
.meeting-room-add-new-item-auth-switch .name{font-size: 14px; color: #7D8082;}
.meeting-room-add-new-item-auth-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-room-add-new-item-auth .content{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; border-top: 1px solid #f7f7f7;}
.meeting-room-add-new-item-auth .content:active{background: #f5f5f5;}
.meeting-room-add-new-item-auth .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-auth .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-multi-approval{margin-top: 15px;}
.meeting-room-add-new-item-multi-approval-wrap{background: #fff;}
.meeting-room-add-new-item-multi-approval-type{border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7;}
.meeting-room-add-new-item-multi-approval-type .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-multi-approval-type .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-room-add-new-item-multi-approval-type .content:active{background: #f5f5f5;}
.meeting-room-add-new-item-multi-approval-type .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-multi-approval-type .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-multi-approval-content .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-multi-approval-content .line1{height: 50px; border-left: 2px solid #ddd; margin: 10px 0 10px 18px;}
.meeting-room-add-new-item-multi-approval-content .line2{height: 50px; border-left: 2px dashed #ddd; margin: 10px 0 10px 18px;}
.meeting-room-add-new-item-multi-approval-content .content{padding: 10px 10px 10px 15px;}
.meeting-room-add-new-item-multi-approval-content-item{display: flex;}
.meeting-room-add-new-item-multi-approval-content-item-left{display: flex; align-items: center; width: 40%;}
.meeting-room-add-new-item-multi-approval-content-item-left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.meeting-room-add-new-item-multi-approval-content-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.meeting-room-add-new-item-multi-approval-content-item-left .desc .desc1{font-size: 14px; color: #333;}
.meeting-room-add-new-item-multi-approval-content-item-left .desc .desc2{font-size: 12px; color: #999;}
.meeting-room-add-new-item-multi-approval-content-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.meeting-room-add-new-item-multi-approval-content-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.meeting-room-add-new-item-multi-approval-content-item-right .person-item.all .name{width: 50px;}
.meeting-room-add-new-item-multi-approval-content-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.meeting-room-add-new-item-copy{margin-top: 15px;}
.meeting-room-add-new-item-copy .content{padding: 10px 10px 10px 15px; background: #fff;}
.meeting-room-add-new-item-copy-item{display: flex;}
.meeting-room-add-new-item-copy-item-left{display: flex; align-items: center; width: 40%;}
.meeting-room-add-new-item-copy-item-left img{width: 36px !important; height: 36px !important; display: flex; margin-right: 10px;}
.meeting-room-add-new-item-copy-item-left .desc{display: flex; flex-direction: column; justify-content: center;}
.meeting-room-add-new-item-copy-item-left .desc .desc1{font-size: 14px; color: #333;}
.meeting-room-add-new-item-copy-item-left .desc .desc2{font-size: 12px; color: #999;}
.meeting-room-add-new-item-copy-item-left .desc .desc3{font-size: 14px; color: var(--text-color);}
.meeting-room-add-new-item-copy-item-right{display: flex; justify-content: flex-end; align-items: center; width: 60%;}
.meeting-room-add-new-item-copy-item-right .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-room-add-new-item-copy-item-right .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.meeting-room-add-new-item-copy-item-right .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.meeting-room-add-new-item-copy-item-right .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-room-add-new-item-copy-item-right .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.meeting-room-add-new-item-copy-item-right .person-item.all .name{width: 50px;}
.meeting-room-add-new-item-copy-item-right .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.meeting-room-add-new-item-scene{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff;}
.meeting-room-add-new-item-scene:active{background: #f5f5f5;}
.meeting-room-add-new-item-scene .title{font-size: 14px; color: #7D8082;}
.meeting-room-add-new-item-scene .right{display: flex; align-items: center;}
.meeting-room-add-new-item-scene .right .desc{font-size: 16px; color: #000}
.meeting-room-add-new-item-scene .right .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-group{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; height: 50px; background: #fff; margin-bottom: 15px;}
.meeting-room-add-new-item-group:active{background: #f5f5f5;}
.meeting-room-add-new-item-group .title{font-size: 16px; color: #333;}
.meeting-room-add-new-item-group .right{display: flex; align-items: center;}
.meeting-room-add-new-item-group .right .desc{font-size: 16px; color: #777; display: inline-block; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-add-new-item-group .right .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-sign{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-top: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.meeting-room-add-new-item-sign:active{background: #f5f5f5;}
.meeting-room-add-new-item-sign .title{font-size: 14px; color: #7D8082;}
.meeting-room-add-new-item-sign .content{display: flex; align-items: center;}
.meeting-room-add-new-item-sign .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-sign .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-open-time{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-top: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.meeting-room-add-new-item-open-time:active{background: #f5f5f5;}
.meeting-room-add-new-item-open-time .title{font-size: 14px; color: #7D8082;}
.meeting-room-add-new-item-open-time .content{display: flex; align-items: center;}
.meeting-room-add-new-item-open-time .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-open-time .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-new-item-open-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-top: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.meeting-room-add-new-item-open-select:active{background: #f5f5f5;}
.meeting-room-add-new-item-open-select .title{font-size: 14px; color: #7D8082;}
.meeting-room-add-new-item-open-select .content{display: flex; align-items: center;}
.meeting-room-add-new-item-open-select .content .name{font-size: 16px; color: #000;}
.meeting-room-add-new-item-open-select .content .mui-icon{font-size: 20px; color: #999;}
.meeting-room-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.meeting-room-add-group{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-room-add-group .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-room-add-group-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-room-add-group-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-room-add-group-top .action:active{opacity: 0.8;}
.meeting-room-add-group .wrap .content{margin-bottom: 75px;}
.meeting-room-add-group .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.meeting-room-add-group-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-room-add-group-list .meeting-room-add-group-item:last-child{border-bottom: 0;}
.meeting-room-add-group-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-room-add-group-item-left:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-room-add-group-item-left img{width: 18px; height: 18px; display: flex;
    position: absolute; left: 15px; top: 15px; z-index: 9;}
.meeting-room-add-group-item-left .name{font-size: 14px; color: #333; margin-left: 40px; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-add-group-item-left:active{background: #f5f5f5;}
.meeting-room-add-group-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-room-add-group-item-right img{width: 18px; height: 18px; display: flex; margin-right: 3px;}
.meeting-room-add-group-item-right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-room-add-group-item-right:active{background: #f5f5f5;}
.meeting-room-add-open-device{position: absolute; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-room-add-open-device .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-room-add-open-device-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-room-add-open-device-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-room-add-open-device-top .action:active{opacity: 0.8;}
.meeting-room-add-open-device .wrap .content{margin-bottom: 75px;}
.meeting-room-add-open-device .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.meeting-room-add-open-device-list{margin: 0 15px;}
.meeting-room-add-open-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-room-add-open-device-item:active{background: #f5f5f5;}
.meeting-room-add-open-device-item svg.icon1{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-room-add-open-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-room-add-open-device-item-info .up{display: flex; align-items: center; margin-bottom: 5px;}
.meeting-room-add-open-device-item-info .up .name{font-size: 16px; color: #333; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-add-open-device-item-info .up .type1{font-size: 12px; color: #FF8200; padding: 1px 6px; border-radius: 3px;
    background: rgba(255,130,0,.1); line-height: normal; margin-left: 5px;}
.meeting-room-add-open-device-item-info .up .type2{font-size: 12px; color: #0082FF; padding: 1px 6px; border-radius: 3px;
    background: rgba(0,130,255,.1); line-height: normal; margin-left: 5px;}
.meeting-room-add-open-device-item-info .down{display: flex; align-items: center;}
.meeting-room-add-open-device-item-info .down .num{font-size: 14px; color: #999; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-add-open-device-item .select{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 9;}
.meeting-room-add-open-device-item .select svg.icon2{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;}
.meeting-room-add-open-device-item .select.un svg.icon2{width: 18px; height: 18px; fill: #bbb; overflow: hidden;}
.meeting-room-add-new-item-textarea{background: #fff; margin-top: 15px;}
.meeting-room-add-new-item-textarea .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-room-add-new-item-textarea .content{padding: 0 15px;}
.meeting-room-add-new-item-textarea .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 7px 0; margin: 0;}
.meeting-room-add-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-room-add-new-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.meeting-room-add-new-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 批量移动 */
.meeting-room-batch-move-top{display: flex; justify-content: space-between; align-items: center;
    height: 40px; background: #fff; padding: 0 15px; margin: 15px 0;}
.meeting-room-batch-move-top .left{display: flex; align-items: center;}
.meeting-room-batch-move-top .left img{width: 20px; height: 20px; display: flex; margin-right: 10px;}
.meeting-room-batch-move-top .left span{font-size: 16px; color: #333;}
.meeting-room-batch-move-list{margin: 0 0 120px;}
.meeting-room-batch-move-item{padding: 0 15px; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.meeting-room-batch-move-item-title{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.meeting-room-batch-move-item-title .left{display: flex; align-items: center;}
.meeting-room-batch-move-item-title .left img{width: 20px; height: 20px; display: flex; margin-right: 10px;}
.meeting-room-batch-move-item-title .left span{font-size: 16px; color: #333;}
.meeting-room-batch-move-item-title .mui-btn{border: 1px solid var(--bg-color); background-color: var(--bg-color); color: #fff;
    font-size: 12px; padding: 5px 10px;}
.meeting-room-batch-move-item-title .mui-btn:enabled:active{opacity: 0.8;}
.meeting-room-batch-move-item-info{display: flex; padding: 10px 0;}
.meeting-room-batch-move-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.meeting-room-batch-move-info-left img{width: 120px; height: 90px; border-radius: 3px; display: flex;}
.meeting-room-batch-move-info-right{display: flex; flex-direction: column; justify-content: center; flex: 1; width: 0;}
.meeting-room-batch-move-info-right .desc{font-size: 14px; color: #777;}
.meeting-room-batch-move-info-right .item{display: flex; align-items: center; margin: 7px 0;}
.meeting-room-batch-move-info-right .item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.meeting-room-batch-move-info-right .item span{font-size: 14px; color: #777; display: inline-block; width: 55px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.meeting-room-batch-move-info-right .service{margin: 7px 0;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.meeting-room-batch-move-info-right .service span{font-size: 14px; color: #777;}
.meeting-room-batch-move-info-right .device{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-batch-move-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 100px;
    display: flex; justify-content: space-between; align-items: center; padding: 0 15px; background: #fff;}
.meeting-room-batch-move-action .left{display: flex; flex-direction: column; justify-content: center;}
.meeting-room-batch-move-action .left .num{font-size: 16px; color: var(--text-color); margin-bottom: 5px;}
.meeting-room-batch-move-action .left .name{font-size: 12px; color: #999; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-batch-move-action .move{width: 70px; padding: 7px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; line-height: normal;}
.meeting-room-batch-move-action .move:active{opacity: 0.8;}
/* 选择分组 */
.meeting-room-select-group-list{margin-top: 15px; margin-bottom: 90px;}
.meeting-room-select-group-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-room-select-group-list .meeting-room-select-group-item:last-child{border-bottom: 0;}
.meeting-room-select-group-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-room-select-group-item-left:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-room-select-group-item-left img{width: 18px; height: 18px; display: flex;
    position: absolute; left: 15px; top: 15px; z-index: 9;}
.meeting-room-select-group-item-left .name{font-size: 16px; color: #333; margin-left: 40px; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-room-select-group-item-left:active{background: #f5f5f5;}
.meeting-room-select-group-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-room-select-group-item-right img{width: 18px; height: 18px; display: flex; margin-right: 3px;}
.meeting-room-select-group-item-right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-room-select-group-item-right:active{background: #f5f5f5;}
.meeting-room-select-group-action{position: fixed; left: 0; right: 0; bottom: 0; height: 70px; z-index: 9;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-room-select-group-action .move{width: 80%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: var(--bg-color);
    text-align: center; letter-spacing: 3px; margin-bottom: 0; padding: 0; border-radius: 5px;}
.meeting-room-select-group-action .move:active{opacity: 0.8;}
/* 所属分组 */
.meeting-own-group-list{margin-top: 15px;}
.meeting-own-group-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-own-group-list .meeting-own-group-item:last-child{border-bottom: 0;}
.meeting-own-group-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-own-group-item-left:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-own-group-item-left img{width: 18px; height: 18px; display: flex;
    position: absolute; left: 15px; top: 15px; z-index: 9;}
.meeting-own-group-item-left .name{font-size: 16px; color: #333; margin-left: 40px; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-own-group-item-left:active{background: #f5f5f5;}
.meeting-own-group-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-own-group-item-right img{width: 18px; height: 18px; display: flex; margin-right: 3px;}
.meeting-own-group-item-right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-own-group-item-right:active{background: #f5f5f5;}
/* 查看更多·审批人 */
.meeting-all-approver .title{font-size: 14px; color: #999; padding: 10px;}
.meeting-all-approver-list{display: flex; align-items: center; flex-wrap: wrap; margin: 0 10px;}
.meeting-all-approver-item{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 15px;}
.meeting-all-approver-item-img{position: relative; margin-bottom: 2px;}
.meeting-all-approver-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.meeting-all-approver-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-all-approver-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.meeting-all-approver-list .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
/* 查看全部·抄送人 */
.meeting-all-ccPerson{background: #6d6d72; margin: 10px; height: 90%; width: 95%}
.meeting-all-ccPerson .title{font-size: 14px; color: #999; padding: 15px;}
.meeting-all-ccPerson-list{display: flex; align-items: center; flex-wrap: wrap; margin: 0 10px; padding: 20px 20px}
.meeting-all-ccPerson-item{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 15px;}
.meeting-all-ccPerson-item-img{position: relative; margin-bottom: 2px;}
.meeting-all-ccPerson-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.meeting-all-ccPerson-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.meeting-all-ccPerson-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.meeting-all-ccPerson-list .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
/* 会议室详情 */
.manage-meeting-room-detail{display: flex; flex-direction: column;}
.manage-meeting-room-detail-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.manage-meeting-room-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.manage-meeting-room-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.manage-meeting-room-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.manage-meeting-room-detail-title .right{display: flex;}
.manage-meeting-room-detail-title .right img{width: 15px; height: 15px; display: flex; margin-top: 16px;}
.manage-meeting-room-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.manage-meeting-room-detail-item{display: flex; margin-bottom: 20px;}
.manage-meeting-room-detail-list .manage-meeting-room-detail-item:last-child{margin-bottom: 0;}
.manage-meeting-room-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.manage-meeting-room-detail-item .left img{width: 20px; height: 20px;}
.manage-meeting-room-detail-item .right{display: flex; width: 80%;word-break: break-all}
.manage-meeting-room-detail-item .right2{flex-direction: column; justify-content: center;}
.manage-meeting-room-detail-item .right2 .title{font-size: 16px; color: #333;}
.manage-meeting-room-detail-item .right3{justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.manage-meeting-room-detail-item .right3 .list{display: flex; align-items: center;}
.manage-meeting-room-detail-item .right3 .list .item:last-child{margin-right: 0;}
.manage-meeting-room-detail-item .right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.manage-meeting-room-detail-item .right3 .item img{width: 30px; height: 30px; border-radius: 3px; margin-bottom: 5px;}
.manage-meeting-room-detail-item .right3 .item .name{font-size: 14px; color: #777;}
.manage-meeting-room-detail-action{margin: 20px 40px 40px;}
.manage-meeting-room-detail-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 会议室设置 */
.meeting-room-config-list{margin-top: 15px;}co
.meeting-room-config-title{display: flex; justify-content: space-between; align-items: center; padding: 0 10px 5px;}
.meeting-room-config-title .left{font-size: 14px; color: #999;}
.meeting-room-config-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff;}
.meeting-room-config-item.remind-switch{border-bottom: 1px solid #f7f7f7; position: relative; padding: 15px 15px 25px 15px;}
.meeting-room-config-item.remind-switch .tip{position: absolute; left: 15px; bottom: 2px; z-index: 9;
    font-size: 12px; color: #999;}
.meeting-room-config-item:active{background: #f5f5f5;}
.meeting-room-config-item .title{font-size: 14px; color: #777;}
.meeting-room-config-item .right{display: flex; align-items: center;}
.meeting-room-config-item .right .desc{font-size: 16px; color: #000}
.meeting-room-config-item .right .mui-icon{font-size: 20px; color: #999;}
.meeting-room-config-item .right .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-room-config-item-time{background: #fff; border-bottom: 1px solid #f5f5f5; position: relative;
    display: flex; justify-content: space-between; align-items: center; padding: 10px 40px 10px 10px;}
.meeting-room-config-item-time .time{width: 40%; height: 36px; line-height: 36px;
    font-size: 16px; color: #000; background: #f7f7f7; text-align: center;}
.meeting-room-config-item-time .delete{width: 16px; height: 16px; display: flex;
    position: absolute; top: 20px; right: 10px; z-index: 9;}
.meeting-room-config-item-add{display: flex; align-items: center; padding: 10px; background: #fff; margin-bottom: 15px;}
.meeting-room-config-item-add:active{background: #f5f5f5;}
.meeting-room-config-item-add img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.meeting-room-config-item-add svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-room-config-item-add span{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-room-config .meeting-room-config-card{margin: 0 0 20px 0; box-shadow: none;}
.meeting-room-config-card .mui-input-group .mui-input-row{height: 50px;}
.meeting-room-config-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.meeting-room-config-card .mui-input-row label .time{font-size: 14px; color: #999;}
.meeting-room-config-card .mui-checkbox input[type=checkbox]{top: 12px;}
.meeting-room-config-card .mui-checkbox input[type=checkbox]:checked:before{color: var(--text-color);}
.meeting-room-config-card .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
/* 审批表单 */
.meeting-room-approval-form-list{margin: 15px 15px 85px;}
.meeting-room-approval-form-item{display: flex; justify-content: space-between; padding: 15px 5px 15px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-room-approval-form-item .left{display: flex; flex-direction: column; justify-content: center;}
.meeting-room-approval-form-item .left .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-room-approval-form-item .left .num{font-size: 14px; color: #999;}
.meeting-room-approval-form-item .right{display: flex; align-items: center; padding: 0 5px;}
.meeting-room-approval-form-item .right img{width: 18px; height: 18px; display: flex;}
.meeting-room-approval-form-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-room-approval-form-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.meeting-room-approval-form-action .add:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 审批表单·添加 */
.meeting-room-approval-form-add-list{margin-top: 15px;}
.meeting-room-approval-form-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-room-approval-form-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-room-approval-form-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-room-approval-form-add-action{margin: 20px 40px;}
.meeting-room-approval-form-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-room-approval-form-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-room-approval-form-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 门牌首页 */
.screen-home-top{background: var(--top-bg-url); background-size: 100% 100%;
    width: 100%; height: 150px; padding-top: 30px;}
.screen-home-top-list{display: flex; justify-content: space-around; width: 100%;}
.screen-home-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.screen-home-top-item .num{font-size: 24px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.screen-home-top-item .name{font-size: 14px; color: #fff;}
.screen-home-top-down{display: flex; justify-content: space-between; margin: -40px 10px 0;}
.screen-home-top-down-item{display: flex; align-items: center; width: 48.5%; padding: 15px 0 15px 10px;
    background: #fff; border-radius: 5px;}
.screen-home-top-down-item:active{background: #f5f5f5;}
.screen-home-top-down-item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.screen-home-top-down-item .right{display: flex; flex-direction: column; justify-content: center;}
.screen-home-top-down-item .right .name{font-size: 15px; font-weight: 500; color: #000;}
.screen-home-top-down-item .right .desc{font-size: 12px; color: #777;}
.screen-home-content{margin: 15px 10px 30px;}
.screen-home-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.screen-home-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.screen-home-content-item .list{display: flex; flex-wrap: wrap;}
.screen-home-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.screen-home-content-item .list .item:active{background: #F5F5F5;}
.screen-home-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.screen-home-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.screen-home-content-item .list .item .desc{font-size: 12px; color: #777;}
/* 门牌管理 */
.screen-manage-top{margin: 10px 15px; display: flex; align-items: center;}
.screen-manage-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.screen-manage-top .item:active{background: #f5f5f5;}
.screen-manage-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.screen-manage-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.screen-manage-top .item .mui-icon{font-size: 20px; color: #999;}
.screen-manage-search{margin: 0 15px;}
.screen-manage-search .mui-search{margin: 0 auto;}
.screen-manage-search .mui-search input{background-color: rgba(255,255,255,.9);}
.screen-manage-search .mui-search .mui-placeholder{pointer-events: none;}
.screen-manage-list{margin: 0 15px;}
.screen-manage-item{display: flex; flex-direction: column; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.screen-manage-item:active{background: #f5f5f5;}
.screen-manage-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.screen-manage-item-up .left{display: flex; align-items: center;}
.screen-manage-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.screen-manage-item-up .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.screen-manage-item-up .left .name{font-size: 16px; color: #333; max-width: 150px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-manage-item-up .left .online{font-size: 12px; color: #21D388; padding: 1px 6px; border-radius: 3px;
    background: rgba(33,211,136,.2); line-height: normal; margin-left: 5px;}
.screen-manage-item-up .left .offline{font-size: 12px; color: #FF5A48; padding: 1px 6px; border-radius: 3px;
    background: rgba(255,90,72,.2); line-height: normal; margin-left: 5px;}
.screen-manage-item-up .right{display: flex; align-items: center; margin-right: -10px;}
.screen-manage-item-up .right img{width: 68px; height: 20px; display: flex;}
.screen-manage-item-down{display: flex; align-items: center;}
.screen-manage-item-down .left{font-size: 14px; color: #999; width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-manage-item-down .right{display: flex; justify-content: flex-end; align-items: center; width: 40%;}
.screen-manage-item-down .right img{width: 36px; height: 36px; border-radius: 50%; display: flex; margin-right: 5px;}
.screen-manage-item-down .right .name{font-size: 14px; color: #555; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-manage-plus{position: fixed; right: 10px; bottom: 80px; z-index: 9;}
.screen-manage-plus img{width: 50px; height: 50px; display: flex;}
.screen-manage-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.screen-manage-refresh{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: space-around; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.screen-manage-refresh .refresh{padding: 10px 0; font-size: 16px; color: #fff; border-color: var(--bg-color); background-color: var(--bg-color);
    margin-bottom: 0; width: 90%; line-height: normal;}
.screen-manage-refresh .refresh:active{border-color: var(--bg-color); background-color: var(--bg-color); opacity: .8;}
.screen-manage-refresh .refresh svg{width: 16px; height: 16px; fill: #fff; overflow: hidden; margin-right: 5px;}
/* 门牌管理·添加 */
.screen-manage-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.screen-manage-template{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.screen-manage-template .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.screen-manage-template-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.screen-manage-template-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.screen-manage-template-top .action:active{opacity: 0.8;}
.screen-manage-template .wrap .content{margin-bottom: 75px;}
.screen-manage-template .wrap .content .content-item{background: #fff; margin-bottom: 10px;}
.screen-manage-template .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.screen-manage-template-list{display: flex; flex-wrap: wrap;}
.screen-manage-template-item{width: 33.33%; padding: 0 10px; margin-bottom: 15px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.screen-manage-template-item .up{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.screen-manage-template-item .up img{width: 100%; height: 60px; display: flex; margin-bottom: 8px;}
.screen-manage-template-item.vertical .up img{width: 100%; height: 100px; display: flex; margin-bottom: 8px;}
.screen-manage-template-item .up span{font-size: 14px; color: #777; line-height: normal;}
.screen-manage-template-item input[type=radio]{width: 16px; height: 16px; margin-top: 2px;
    appearance: none; -webkit-appearance: none; position: relative; background-color: transparent; border: 0; outline: 0 !important;}
.screen-manage-template-item input[type=radio]:before{content: ''; width: 16px; height: 16px; border: 2px solid #ccc; display: inline-block;
    border-radius: 50%;}
.screen-manage-template-item input[type=radio]:checked:before{content: ''; width: 16px; height: 16px; border: 2px solid var(--bg-color); display: inline-block;
    border-radius: 50%;}
.screen-manage-template-item input[type=radio]:checked:after{content: ''; width: 10px; height: 10px; text-align: center; background: var(--bg-color);
    border-radius: 50%; display: block; position: absolute; top: 5px; left: 5px;}

.screen-manage-room{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.screen-manage-room .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.screen-manage-room-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.screen-manage-room-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.screen-manage-room-top .action:active{opacity: 0.8;}
.screen-manage-room .wrap .content{margin-bottom: 75px;}
.screen-manage-room .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.screen-manage-room-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.screen-manage-room-item:active{background: #f5f5f5;}
.screen-manage-room-item-left{display: flex; align-items: center; width: 85%; position: relative;}
.screen-manage-room-item-left .name{font-size: 14px; color: #333; margin-left: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.screen-manage-room-item-right{display: flex; justify-content: center; align-items: center; width: 15%;}
.screen-manage-room-item-right img{width: 18px; height: 18px; display: flex;}
.screen-manage-room-search{margin: 0 15px;}
.screen-manage-room-search .mui-search{margin: 0 auto;}
.screen-manage-room-search .mui-search input{background-color: rgba(255,255,255,.9);}
.screen-manage-room-search .mui-search .mui-placeholder{pointer-events: none;}

.screen-manage-add-list{margin-top: 10px; margin-bottom: 80px;}
.screen-manage-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.screen-manage-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.screen-manage-add-item .title{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0; margin: 0;}
.screen-manage-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.screen-manage-add-item-select:active{background: #f5f5f5;}
.screen-manage-add-item-select>label{font-size: 16px; color: #333;}
.screen-manage-add-item-select .right{display: flex; align-items: center;}
.screen-manage-add-item-select .right .select{font-size: 16px; color: #777;}
.screen-manage-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.screen-manage-add-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px;}
.screen-manage-add-item-switch>label{font-size: 16px; color: #333;}
.screen-manage-add-item-switch .mui-switch-blue.mui-active {border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.screen-manage-add-item .content{display: flex; flex-direction: column;}
.screen-manage-add-item .content .mui-checkbox.mui-left label{font-size: 16px; color: #777;
    padding-left: 40px; padding-top: 5px; padding-right: 10px; word-break: break-all}
.screen-manage-add-item .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.screen-manage-add-item .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.screen-manage-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.screen-manage-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.screen-manage-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 门牌详情·新 */
.screen-manage-detail-new-corner{position: absolute; top: 15px; right: 15px; z-index: 5;}
.screen-manage-detail-new-corner .setting{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px;}
.screen-manage-detail-new-corner .setting:active{background: rgba(255,255,255, .3);}
.screen-manage-detail-new-corner .setting img{width: 16px; height: 16px; display: flex;}
.screen-manage-detail-new-corner .setting span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.screen-manage-detail-new-top{background: var(--top-bg-url); background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.screen-manage-detail-new-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.screen-manage-detail-new-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.screen-manage-detail-new-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.screen-manage-detail-new-list{background: #fff; border-radius: 8px; margin-bottom: 10px;}
.screen-manage-detail-new-list .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.screen-manage-detail-new-list .title .left{font-size: 16px; font-weight: 500; color: #000;}
.screen-manage-detail-new-list .item{padding: 15px 10px; position: relative;}
.screen-manage-detail-new-list .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.screen-manage-detail-new-list .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.screen-manage-detail-new-list .item .desc{font-size: 14px; color: #333;}
.screen-manage-detail-new-list .item .down{display: flex; justify-content: space-between; align-items: center;}
.screen-manage-detail-new-list .item .down .left{font-size: 14px; color: #333;}
.screen-manage-detail-new-list .item .down .right{display: flex; align-items: center;}
.screen-manage-detail-new-list .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.screen-manage-detail-new-list .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.screen-manage-detail-new-bottom{display: flex; justify-content: center; align-items: center;}
.screen-manage-detail-new-bottom .open{font-size: 14px; color: var(--text-color);}
.screen-manage-detail-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.screen-manage-detail-new-action button{font-size: 16px; padding: 10px 0; margin-bottom: 0;}
.screen-manage-detail-new-action .edit{width: 67%; color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.screen-manage-detail-new-action .edit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.screen-manage-detail-new-action .delete{width: 20%; color: #333; border-color: #eee; margin-right: 3%;}
.screen-manage-detail-new-refresh{position: fixed; right: 10px; bottom: 80px; z-index: 9;}
.screen-manage-detail-new-refresh svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 门牌详情 */
.screen-manage-detail-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.screen-manage-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.screen-manage-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.screen-manage-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.screen-manage-detail-title .right{display: flex; align-items: flex-start;}
.screen-manage-detail-title .right .open{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px;}
.screen-manage-detail-title .right .open:active{background: rgba(255,255,255, .3);}
.screen-manage-detail-title .right .open img{width: 16px; height: 16px; display: flex;}
.screen-manage-detail-title .right .open span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.screen-manage-detail-title .right .setting{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px; margin-left: 7px;}
.screen-manage-detail-title .right .setting:active{background: rgba(255,255,255, .3);}
.screen-manage-detail-title .right .setting img{width: 16px; height: 16px; display: flex;}
.screen-manage-detail-title .right .setting span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.screen-manage-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.screen-manage-detail-item{display: flex; margin-bottom: 20px;}
.screen-manage-detail-list .screen-manage-detail-item:last-child{margin-bottom: 0;}
.screen-manage-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.screen-manage-detail-item .left img{width: 20px; height: 20px;}
.screen-manage-detail-item .right{display: flex; width: 80%;}
.screen-manage-detail-item .right2{flex-direction: column; justify-content: center;}
.screen-manage-detail-item .right2 .title{font-size: 16px; color: #333;}
.screen-manage-detail-item .right3{flex-direction: column; justify-content: center;}
.screen-manage-detail-item .right3 img{width: 80px; height: 50px; display: flex; border-radius: 3px;}
.screen-manage-detail-item .right3 span{font-size: 14px;}
.screen-manage-detail-action{margin: 20px 40px;}
.screen-manage-detail-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.screen-manage-detail-action .edit{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.screen-manage-detail-action .edit:active{opacity: 0.8;}
.screen-manage-detail-refresh{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.screen-manage-detail-refresh svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 门牌离线通知 */
.meeting-screen-offline-message-top{margin-top: 15px;}
.meeting-screen-offline-message-top-action{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.meeting-screen-offline-message-top-action .name{font-size: 16px; color: #333;}
.meeting-screen-offline-message-top-action .action{display: flex; align-items: center;}
.meeting-screen-offline-message-top-action .action .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-offline-message-content{margin: 15px 0 0; background: #fff;}
.meeting-screen-offline-message-content-item-picture{padding: 10px 0 0;}
.meeting-screen-offline-message-content-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-screen-offline-message-content-item-picture .up .title{font-size: 16px; color: #333;}
.meeting-screen-offline-message-content-item-picture .up .desc{font-size: 14px; color: #999;}
.meeting-screen-offline-message-content-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.meeting-screen-offline-message-content-item-picture .down .mui-icon{width: 50px; height: 50px; line-height: 50px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 28px;}
.meeting-screen-offline-message-content-item-picture .down .mui-icon:active{background: #fff;}
.meeting-screen-offline-message-content-item-picture .down .content{position: relative; margin-right: 15px; margin-bottom: 10px;}
.meeting-screen-offline-message-content-item-picture .down .content .img{width: 50px; height: 50px; border-radius: 3px;}
.meeting-screen-offline-message-content-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-screen-offline-message-content-item-picture .down .content .name{font-size: 12px; color: #777; width: 50px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; line-height: normal;}
/* 开门记录 */
.meeting-screen-open-record-top{display: flex; align-items: center; padding: 5px 10px; background: #fff;}
.meeting-screen-open-record-top-left{display: flex; align-items: center; padding: 5px;}
.meeting-screen-open-record-top-left:active{background: #f5f5f5;}
.meeting-screen-open-record-top-left img{width: 16px; height: 16px; display: flex;}
.meeting-screen-open-record-top-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.meeting-screen-open-record-top-left .week{font-size: 14px; color: #333; line-height: normal;}
.meeting-screen-open-record-top-left .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-open-record-list{margin: 15px 15px 80px;}
.meeting-screen-open-record-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-screen-open-record-item:active{background: #f5f5f5;}
.meeting-screen-open-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-screen-open-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-screen-open-record-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-screen-open-record-item-info .down{display: flex; align-items: center; justify-content: space-between;}
.meeting-screen-open-record-item-info .down .dept{font-size: 14px; color: #999; max-width: 45%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-screen-open-record-item-info .down .time{font-size: 14px; color: #999; max-width: 55%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 桌牌管理 */
.meeting-table-card-top{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; display: flex; flex-direction: column; padding-top: 30px;}
.meeting-table-card-title{display: flex; justify-content: space-around;}
.meeting-table-card-title-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-table-card-title-item .num{font-size: 28px; font-weight: 500; color: #fff; margin-bottom: 5px; letter-spacing: 2px;}
.meeting-table-card-title-item .name{font-size: 14px; font-weight: 500; color: rgba(255,255,255, .7);}
.meeting-table-card-search .mui-search{width: 80%; margin: 30px auto 0;}
.meeting-table-card-search .mui-search input{background-color: rgba(255,255,255,.9);}
.meeting-table-card .mui-search .mui-placeholder{pointer-events: none;}
.meeting-table-card-group{margin: -50px 15px 0;}
.meeting-table-card-group-item{display: flex; justify-content: space-between; align-items: center; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-table-card-group-item:active{background: #f5f5f5;}
.meeting-table-card-group-item .left{display: flex; align-items: center;}
.meeting-table-card-group-item .left img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.meeting-table-card-group-item .left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-table-card-group-item .left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-table-card-group-item .left .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-table-card-group-item .left .info .desc{font-size: 14px; color: #999;}
.meeting-table-card-group-item .mui-icon{font-size: 20px; color: #999;}
.meeting-table-card-list{margin: 0 15px 30px;}
.meeting-table-card-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-table-card-list .meeting-table-card-item:last-child{margin-bottom: 0;}
.meeting-table-card-item:active{background: #f5f5f5;}
.meeting-table-card-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.meeting-table-card-item-up .left{display: flex; align-items: center;}
.meeting-table-card-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.meeting-table-card-item-up .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-table-card-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.meeting-table-card-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.meeting-table-card-item-up .right img{width: 68px; height: 20px; display: flex;}
.meeting-table-card-item-up .right svg{width: 68px; height: 20px; fill: var(--svg-color); overflow: hidden;}
.meeting-table-card-item-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-table-card-item-down .left{font-size: 14px; color: #999;}
.meeting-table-card-item-down .right{font-size: 14px; color: #999;}
.meeting-table-card-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-table-card-plus img{width: 50px; height: 50px; display: flex;}
.meeting-table-card-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 50px;
    display: flex; background: #fff; border-top: 1px solid #eee;}
.meeting-table-card-action .item{flex: 1; display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: var(--text-color); position: relative;}
.meeting-table-card-action .item:active{background: #f5f5f5;}
.meeting-table-card-action .item:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-table-card-action .item:last-child:after{width: 0;}
/* 高级管理 */
.meeting-table-card-advance-list{margin: 15px 15px 0;}
.meeting-table-card-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-table-card-advance-item:active{background: #f5f5f5;}
.meeting-table-card-advance-item .left{display: flex; align-items: center;}
.meeting-table-card-advance-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-table-card-advance-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-table-card-advance-item .left .name{font-size: 16px; color: #333;}
.meeting-table-card-advance-item .mui-icon{font-size: 20px; color: #999;}
.meeting-table-card-advance-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 桌牌分组添加 */
.meeting-table-card-group-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.meeting-table-card-group-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-table-card-group-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-table-card-group-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-table-card-group-add-action{margin: 20px 40px;}
.meeting-table-card-group-add-action button{padding: 10px 0; font-size: 16px; }
.meeting-table-card-group-add-action .save{color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-table-card-group-add-action .save:active{opacity: 0.8;}
/* 桌牌分组编辑 */
.meeting-table-card-group-edit .meeting-table-card-group-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 桌牌添加 */
.meeting-table-card-add form{display: flex; flex-direction: column;}
.meeting-table-card-add-list{display: flex; flex-direction: column; margin: 15px 15px 0;
    padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.meeting-table-card-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-table-card-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-table-card-add-item .select{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.meeting-table-card-add-item .select:active{background: #fff;}
.meeting-table-card-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-table-card-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.meeting-table-card-add-item .template-list{display: flex; flex-wrap: wrap;}
.meeting-table-card-add-item .template-item{position: relative; display: flex; flex-direction: column;
    justify-content: center; align-items: center; width: 30%; margin-bottom: 15px;}
.meeting-table-card-add-item .template-list .template-item:nth-child(3n-1){margin-left: 5%; margin-right: 5%;}
.meeting-table-card-add-item .template-item>img{width: 100%; height: 50px; display: flex; margin-bottom: 5px;}
.meeting-table-card-add-item .template-item span{font-size: 16px; font-weight: 400;}
.meeting-table-card-add-item .template-item .template-select{position: absolute; right: -7px; top: -7px; z-index: 9;}
.meeting-table-card-add-item .template-item .template-select img{width: 20px; height: 20px; display: flex;}
.meeting-table-card-add-action{margin: 20px 40px;}
.meeting-table-card-add-action button{padding: 10px 0; font-size: 16px; }
.meeting-table-card-add-action .save{color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-table-card-add-action .save:active{opacity: 0.8;}
/* 桌牌编辑 */
.meeting-table-card-edit .meeting-table-card-add-item .address{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.meeting-table-card-edit .meeting-table-card-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 网关管理 */
.meeting-gateway-list{margin: 15px 15px 30px;}
.meeting-gateway-item{display: flex; justify-content: space-between; padding: 10px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-gateway-list .meeting-gateway-item:last-child{margin-bottom: 0;}
.meeting-gateway-item:active{background: #f5f5f5;}
.meeting-gateway-item-left{display: flex; align-items: center;}
.meeting-gateway-item-left img{width: 60px; height: 60px; display: flex; margin-right: 10px;}
.meeting-gateway-item-left svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-gateway-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-gateway-item-left .name{font-size: 16px; font-weight: 400; color: #333; margin-bottom: 5px;}
.meeting-gateway-item-left .num{font-size: 14px; color: #999;}
.meeting-gateway-item-right{display: flex; margin-right: -10px;}
.meeting-gateway-item-right .right img{width: 68px; height: 20px; display: flex;}
.meeting-gateway-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-gateway-plus img{width: 50px; height: 50px; display: flex;}
.meeting-gateway-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 网关添加 */
.meeting-gateway-add form{display: flex; flex-direction: column;}
.meeting-gateway-add-list{display: flex; flex-direction: column; margin: 15px 15px 0;
    padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.meeting-gateway-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-gateway-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-gateway-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-gateway-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.meeting-gateway-add-action{margin: 20px 40px;}
.meeting-gateway-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-gateway-add-action .save:active{opacity: 0.8;}
/* 网关编辑 */
.meeting-gateway-edit .meeting-gateway-add-item .num{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.meeting-gateway-edit .meeting-gateway-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 暂无权限 */
.meeting-no-auth{display: flex; justify-content: center; align-items: center; padding-top: 50px;}
.meeting-no-auth img{width: 90px; height: 90px; display: flex;}
/* 远程开门 */
.meeting-remote-open-door-search{margin: 15px 15px 0;}
.meeting-remote-open-door-search .mui-search{margin: 0 auto;}
.meeting-remote-open-door-search .mui-search input{background-color: rgba(255,255,255,.9);}
.meeting-remote-open-door-search .mui-search .mui-placeholder{pointer-events: none;}
.meeting-remote-open-door-list{margin: 0 15px 80px;}
.meeting-remote-open-door-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-remote-open-door-item-left .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-remote-open-door-item-left .up img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.meeting-remote-open-door-item-left .up svg{width: 36px; height: 36px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-remote-open-door-item-left .up .name{font-size: 16px; color: #333; display: inline-block; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-remote-open-door-item-left .up .desc{font-size: 14px; color: #999;}
.meeting-remote-open-door-item-left .down{display: flex; align-items: center; font-size: 14px; color: #555;}
.meeting-remote-open-door-item-right{display: flex; align-items: center;}
.meeting-remote-open-door-item-right button{padding: 5px 15px; color: #fff; font-size: 12px;}
.meeting-remote-open-door-item-right button.on{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-remote-open-door-item-right button.on:active{opacity: 0.8;}
.meeting-remote-open-door-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-remote-open-door-action .on-all{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.meeting-remote-open-door-action .on-all:active{opacity: 0.8;}
/* 远程开门记录 */
.remote-door-record-list{margin: 15px 15px 0;}
.remote-door-record-item{padding: 10px; background: #fff; border-radius: 5px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.remote-door-record-item .title{font-size: 16px; color: #333;}
.remote-door-record-item .desc1{font-size: 14px; color: #777; margin-top: 7px;}
.remote-door-record-item .desc2{font-size: 14px; color: #777;}
/* 签到设备 */
.meeting-sign-in-device-top{margin: 15px 15px 0; display: flex; align-items: center;}
.meeting-sign-in-device-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.meeting-sign-in-device-top .item:active{background: #f5f5f5;}
.meeting-sign-in-device-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.meeting-sign-in-device-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.meeting-sign-in-device-top .item .mui-icon{font-size: 20px; color: #999;}
.meeting-sign-in-device-list{margin: 15px 15px 30px;}
.meeting-sign-in-device-item{display: flex; flex-direction: column; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-sign-in-device-list .meeting-sign-in-device-item:last-child{margin-bottom: 0;}
.meeting-sign-in-device-item:active{background: #f5f5f5;}
.meeting-sign-in-device-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.meeting-sign-in-device-item-up .left{display: flex; align-items: center;}
.meeting-sign-in-device-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.meeting-sign-in-device-item-up .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-sign-in-device-item-up .left span{font-size: 16px; color: #333; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-sign-in-device-item-up .right{display: flex; align-items: center; margin-right: -10px;}
.meeting-sign-in-device-item-up .right img{width: 68px; height: 20px; display: flex;}
.meeting-sign-in-device-item-up .right svg{width: 68px; height: 20px; fill: var(--svg-color); overflow: hidden;}
.meeting-sign-in-device-item-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-sign-in-device-item-down .left{font-size: 14px; color: #999; width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-sign-in-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-sign-in-device-plus img{width: 50px; height: 50px; display: flex;}
.meeting-sign-in-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 签到设备·添加 */
.meeting-sign-in-device-add-list{margin-top: 10px; margin-bottom: 80px;}
.meeting-sign-in-device-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.meeting-sign-in-device-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-sign-in-device-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.meeting-sign-in-device-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.meeting-sign-in-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.meeting-sign-in-device-add-item-select:active{background: #f5f5f5;}
.meeting-sign-in-device-add-item-select>label{font-size: 16px; color: #333;}
.meeting-sign-in-device-add-item-select .right{display: flex; align-items: center;}
.meeting-sign-in-device-add-item-select .right .select{font-size: 16px; color: #777;}
.meeting-sign-in-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-sign-in-device-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-sign-in-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.meeting-sign-in-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 签到设备·编辑 */
.meeting-sign-in-device-edit .meeting-sign-in-device-add-action .save{width: 67%;}
.meeting-sign-in-device-edit .meeting-sign-in-device-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 签到设备·详情 */
.meeting-sign-in-device-detail-top{background: var(--top-bg-url); background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.meeting-sign-in-device-detail-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.meeting-sign-in-device-detail-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.meeting-sign-in-device-detail-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.meeting-sign-in-device-detail-list{background: #fff; border-radius: 8px; margin-bottom: 10px;}
.meeting-sign-in-device-detail-list .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.meeting-sign-in-device-detail-list .title .left{font-size: 16px; font-weight: 500; color: #000;}
.meeting-sign-in-device-detail-list .item{padding: 15px 10px; position: relative;}
.meeting-sign-in-device-detail-list .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-sign-in-device-detail-list .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.meeting-sign-in-device-detail-list .item .desc{font-size: 14px; color: #333;}
.meeting-sign-in-device-detail-list .item .down{display: flex; justify-content: space-between; align-items: center;}
.meeting-sign-in-device-detail-list .item .down .left{font-size: 14px; color: #333;}
.meeting-sign-in-device-detail-list .item .down .right{display: flex; align-items: center;}
.meeting-sign-in-device-detail-list .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-sign-in-device-detail-list .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.meeting-sign-in-device-detail-bottom{display: flex; justify-content: center; align-items: center;}
.meeting-sign-in-device-detail-bottom .open{font-size: 14px; color: var(--text-color);}
.meeting-sign-in-device-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-sign-in-device-detail-action button{font-size: 16px; padding: 10px 0; margin-bottom: 0;}
.meeting-sign-in-device-detail-action .edit{width: 67%; color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-sign-in-device-detail-action .edit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.meeting-sign-in-device-detail-action .delete{width: 20%; color: #333; border-color: #eee; margin-right: 3%;}
.meeting-sign-in-device-detail-refresh{position: fixed; right: 10px; bottom: 80px; z-index: 9;}
.meeting-sign-in-device-detail-refresh svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 签到设备 */
.sign-in-device-list{margin: 15px 15px 30px;}
.sign-in-device-item{display: flex; flex-direction: column; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.sign-in-device-list .sign-in-device-item:last-child{margin-bottom: 0;}
.sign-in-device-item:active{background: #f5f5f5;}
.sign-in-device-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.sign-in-device-item-up .left{display: flex; align-items: center;}
.sign-in-device-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.sign-in-device-item-up .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.sign-in-device-item-up .left span{font-size: 16px; color: #333; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sign-in-device-item-up .right{display: flex; align-items: center; margin-right: -10px;}
.sign-in-device-item-up .right img{width: 68px; height: 20px; display: flex;}
.sign-in-device-item-up .right svg{width: 68px; height: 20px; fill: var(--svg-color); overflow: hidden;}
.sign-in-device-item-down{display: flex; justify-content: space-between; align-items: center;}
.sign-in-device-item-down .left{font-size: 14px; color: #999; width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.sign-in-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.sign-in-device-plus img{width: 50px; height: 50px; display: flex;}
.sign-in-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 添加签到设备 */
.sign-in-device-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.sign-in-device-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.sign-in-device-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.sign-in-device-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.sign-in-device-add-item .select{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.sign-in-device-add-item .select:active{background: #fff;}
.sign-in-device-add-item .scan{position: absolute; right: 10px; top: 35px; z-index: 9;
    width: 20px; height: 20px; display: flex;}
.sign-in-device-add-action{margin: 20px 40px;}
.sign-in-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.sign-in-device-add-action .save:active{opacity: 0.8;}
/* 编辑签到设备 */
.sign-in-device-edit .sign-in-device-add-action .remove{padding: 10px 0; font-size: 16px; margin-bottom: 0;}
/* 签到设备详情 */
.sign-in-device-detail-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.sign-in-device-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.sign-in-device-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.sign-in-device-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.sign-in-device-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.sign-in-device-detail-title .right img{width: 20px; height: 20px; display: flex; margin-top: 12px;}
.sign-in-device-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.sign-in-device-detail-item{display: flex; margin-bottom: 20px;}
.sign-in-device-detail-list .sign-in-device-detail-item:last-child{margin-bottom: 0;}
.sign-in-device-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.sign-in-device-detail-item .left img{width: 20px; height: 20px;}
.sign-in-device-detail-item .right{display: flex; width: 80%;}
.sign-in-device-detail-item .right2{flex-direction: column; justify-content: center;}
.sign-in-device-detail-item .right2 .title{font-size: 16px; color: #333;}
.sign-in-device-detail-item .right3{justify-content: space-between;}
.sign-in-device-detail-item .right3 .list{display: flex; align-items: center;}
.sign-in-device-detail-item .right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.sign-in-device-detail-item .right3 .list .item:last-child{margin-right: 0;}
.sign-in-device-detail-item .right3 .item img{width: 30px; height: 30px; border-radius: 50%; margin-bottom: 5px;}
.sign-in-device-detail-item .right3 .item .name{font-size: 14px; color: #777;}
.sign-in-device-detail-item .right3 .item2{display: flex; justify-content: center; align-items: center;}
.sign-in-device-detail-item .right3 .item2 span{font-size: 14px; color: var(--text-color); margin-right: 5px;}
.sign-in-device-detail-item .right3 .item2 img{width: 9px; height: 18px;}
.sign-in-device-detail-item .right4{justify-content: space-between; align-items: center;}
.sign-in-device-detail-item .right4:active{background: #f5f5f5;}
.sign-in-device-detail-item .right4 .title{font-size: 16px; color: #333;}
.sign-in-device-detail-item .right4 .mui-icon{font-size: 20px; color: #999;}
.sign-in-device-detail-action{margin: 30px 40px; display: flex; justify-content: center; align-items: center;}
.sign-in-device-detail-action button{padding: 10px 0; font-size: 16px; margin-bottom: 0;}
.sign-in-device-detail-action .remote{border: 1px solid var(--bg-color); background-color: var(--bg-color); color: #fff; margin-right: 20px;}
.sign-in-device-detail-action .remote:active{opacity: 0.8;}
.sign-in-device-detail-action .unbind{border: 1px solid #E5E5F7; background-color: #E5E5F7; color: #8F8FA7;}
.sign-in-device-detail-action .unbind:active{opacity: 0.8;}
/* 授权人员 */
.sign-in-device-auth-content{margin-top: 15px; margin-bottom: 85px;}
.sign-in-device-auth-content .person-list .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.sign-in-device-auth-content .person-list .person-item:active{background: #F5F5F5;}
.sign-in-device-auth-content .person-list .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.sign-in-device-auth-content .person-list .person-item:last-child:after{height: 0;}
.sign-in-device-auth-content .person-list .person-item .person-item-left{display: flex; align-items: center;}
.sign-in-device-auth-content .person-list .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.sign-in-device-auth-content .person-list .person-item .person-item-left .person-item-left-up{display: flex; flex-direction: column;
    justify-content: center;}
.sign-in-device-auth-content .person-list .person-item .person-item-left .person-item-left-up .name{font-size: 16px; color: #333;}
.sign-in-device-auth-content .person-list .person-item .person-item-left .person-item-left-up .desc{font-size: 12px; color: #999;}
.sign-in-device-auth-content .person-list .person-item .remove{font-size: 15px; color: #FF5A48;}
.sign-in-device-auth-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.sign-in-device-auth-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.sign-in-device-auth-action .manage:active{opacity: 0.8;}
/* 会议上传人脸 */
.meeting-face-entry-list{margin: 15px; background: #fff; border-radius: 3px;}
.meeting-face-entry-list .top{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.meeting-face-entry-list .top .title{font-size: 16px; font-weight: 400; color: #333;}
.meeting-face-entry-list .top .time{font-size: 14px; color: #777;}
.meeting-face-entry-list .mid{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 30px 0 50px;}
.meeting-face-entry-list .mid .img-wrap{width: 175px; height: 175px; border-radius: 50%; margin-bottom: 10px;
    display: flex; justify-content: center; align-items: center; border: 1px solid #F5F5F5;}
.meeting-face-entry-list .mid .img-wrap img{width: 150px; height: 150px; border-radius: 50%; display: flex;}
.meeting-face-entry-list .mid .status1{font-size: 16px; font-weight: 400; color: #21D388;}
.meeting-face-entry-list .mid .status2{font-size: 16px; font-weight: 400; color: #FF5A48;}
.meeting-face-entry-list .action{margin: 0 20px; padding-bottom: 30px;}
.meeting-face-entry-list .action .desc{font-size: 14px; color: #999; text-align: center; margin-bottom: 7px;}
.meeting-face-entry-list .action button{padding: 10px 0; font-size: 16px;}
.meeting-face-entry-list .action .entry{color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.meeting-face-entry-list .action .entry:active{opacity: 0.8;}
.meeting-face-entry-list .action .upload{color: var(--text-color); border: 1px solid var(--bg-color); background-color: #fff; margin-bottom: 0;}
.meeting-face-entry-list .action .upload:active{opacity: 0.8;}
/* 系统设置 */
.meeting-system-set-list{margin: 15px 15px 0;}
.meeting-system-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-system-set-item:active{background: #f5f5f5;}
.meeting-system-set-item .left{display: flex; align-items: center;}
.meeting-system-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-system-set-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-system-set-item .left .name{font-size: 16px; color: #333;}
.meeting-system-set-item .right{display: flex; align-items: center;}
.meeting-system-set-item .right .desc{font-size: 14px; color: #777;}
.meeting-system-set-item .mui-icon{font-size: 20px; color: #999;}
/* 外部联系人管理 */
.meeting-external-person-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.meeting-external-person-top .cancel{font-size: 14px; color: #FF5A48;}
.meeting-external-person-top .delete{font-size: 14px; color: var(--text-color);}
.meeting-external-person-top .all{font-size: 14px; color: var(--text-color);}
.meeting-external-person-list{margin: 0 15px 85px;}
.meeting-external-person-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-external-person-item:active{background: #f5f5f5;}
.meeting-external-person-item-left{display: flex; align-items: center; margin-right: 10px;}
.meeting-external-person-item-left svg{width: 20px; height: 20px; fill: #bbb; overflow: hidden;
    margin-right: 10px; display: none;}
.meeting-external-person-item-left svg.select{fill: var(--svg-color);}
.meeting-external-person-item-left img{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.meeting-external-person-item-info{display: flex; flex-direction: column; justify-content: center;}
.meeting-external-person-item-info .name{font-size: 16px; color: #333;}
.meeting-external-person-item-info .mid{display: flex; align-items: center; margin: 3px 0;}
.meeting-external-person-item-info .mid span{font-size: 14px; color: #777;}
.meeting-external-person-item-info .mid span:first-child{margin-right: 10px;}
.meeting-external-person-item-info .group{font-size: 14px; color: #777;}
.meeting-external-person-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-external-person-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.meeting-external-person-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5; display: none;}
.meeting-external-person-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0; width: 80%;}
/* 添加外部联系人 */
.meeting-external-person-add-list{margin-top: 15px;}
.meeting-external-person-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-external-person-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-external-person-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-external-person-add-item-content{background: #fff; margin-bottom: 15px;}
.meeting-external-person-add-item-picture{padding: 10px 0;}
.meeting-external-person-add-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-external-person-add-item-picture .up .title{font-size: 16px; color: #333;}
.meeting-external-person-add-item-picture .up .desc{font-size: 12px; color: #999;}
.meeting-external-person-add-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.meeting-external-person-add-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.meeting-external-person-add-item-picture .down .mui-icon:active{background: #fff;}
.meeting-external-person-add-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.meeting-external-person-add-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-external-person-add-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 5;
    width: 16px; height: 16px; display: flex;}
.meeting-external-person-add-action{margin: 20px 40px;}
.meeting-external-person-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.meeting-external-person-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-external-person-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 外部联系人·签到码 */
.meeting-external-person-sign-code{width: 100%; height: 100%; padding: 60px 20px 0;
    background: url("../img/meeting/qdm_bg.png") center no-repeat; background-size: 100% 100%;}
.meeting-external-person-sign-code .title{font-size: 30px; font-weight: 600; color: #000; margin-bottom: 15px;}
.meeting-external-person-sign-code .sub-title{font-size: 16px; color: #777; margin-bottom: 30px;}
.meeting-external-person-sign-code .num{display: flex; align-items: center; justify-content: space-around;}
.meeting-external-person-sign-code .num .add-input{font-size: 20px; font-weight: 500; color: #000; border: 0;
    padding: 0; height: 60px; line-height: 60px; text-align: center; width: 60px; background: #f5f5f5; border-radius: 3px;}
/* 人体感应设备 */
.meeting-human-sense-top{margin: 15px 15px 0; display: flex; align-items: center;}
.meeting-human-sense-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.meeting-human-sense-top .item:active{background: #f5f5f5;}
.meeting-human-sense-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.meeting-human-sense-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.meeting-human-sense-top .item .mui-icon{font-size: 20px; color: #999;}
.meeting-human-sense-list{margin: 15px 15px 0;}
.meeting-human-sense-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-human-sense-item:active{background: #f5f5f5;}
.meeting-human-sense-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-human-sense-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-human-sense-item-info .up{display: flex; align-items: center; margin-bottom: 5px;}
.meeting-human-sense-item-info .up .name{font-size: 16px; color: #333; max-width: 150px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-human-sense-item-info .up .type1{font-size: 12px; color: #FF8200; padding: 1px 6px; border-radius: 3px;
    background: rgba(255,130,0,.1); line-height: normal; margin-left: 5px;}
.meeting-human-sense-item-info .up .type2{font-size: 12px; color: #0082FF; padding: 1px 6px; border-radius: 3px;
    background: rgba(0,130,255,.1); line-height: normal; margin-left: 5px;}
.meeting-human-sense-item-info .num{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-human-sense-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-human-sense-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 人体感应设备·添加 */
.meeting-human-sense-add-list{margin-top: 10px; margin-bottom: 80px;}
.meeting-human-sense-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.meeting-human-sense-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-human-sense-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.meeting-human-sense-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.meeting-human-sense-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.meeting-human-sense-add-item-select:active{background: #f5f5f5;}
.meeting-human-sense-add-item-select>label{font-size: 16px; color: #333;}
.meeting-human-sense-add-item-select .right{display: flex; align-items: center;}
.meeting-human-sense-add-item-select .right .select{font-size: 16px; color: #777;}
.meeting-human-sense-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-human-sense-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-human-sense-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.meeting-human-sense-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 人体感应设备·编辑 */
.meeting-human-sense-edit .meeting-human-sense-add-action .save{width: 67%;}
.meeting-human-sense-edit .meeting-human-sense-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 设备管理 */
.meeting-smart-device-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.meeting-smart-device-top .num{font-size: 14px; color: #777;}
.meeting-smart-device-top .action{font-size: 14px; color: var(--text-color);}
.meeting-smart-device-list{margin: 0 15px;}
.meeting-smart-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-smart-device-item:active{background: #f5f5f5;}
.meeting-smart-device-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.meeting-smart-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-smart-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-smart-device-item-info .num{font-size: 14px; color: #999; max-width: 95%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-smart-device-item-status{position: absolute; top: 0; right: 0; z-index: 9;
    width: 40px; height: 40px;}
.meeting-smart-device-item-status img{width: 100%; height: 100%; display: flex;}
.meeting-smart-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-smart-device-plus img{width: 50px; height: 50px; display: flex;}
/* 添加设备 */
.meeting-smart-device-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.meeting-smart-device-add-group{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-smart-device-add-group .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-smart-device-add-group-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-smart-device-add-group-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-smart-device-add-group-top .action:active{opacity: 0.8;}
.meeting-smart-device-add-group .wrap .content{margin-bottom: 75px;}
.meeting-smart-device-add-group .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.meeting-smart-device-add-group-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-smart-device-add-group-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-smart-device-add-group-item-left:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-smart-device-add-group-item-left .name{font-size: 14px; color: #333; margin-left: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-smart-device-add-group-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-smart-device-add-group-item-right img{width: 18px; height: 18px; display: flex; margin-right: 3px;}
.meeting-smart-device-add-group-item-right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-smart-device-add-group-item-right:active{background: #f5f5f5;}
.meeting-smart-device-add-room-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-smart-device-add-room-item:active{background: #f5f5f5;}
.meeting-smart-device-add-room-item-left{display: flex; align-items: center; width: 80%; position: relative;}
.meeting-smart-device-add-room-item-left .name{font-size: 14px; color: #333; margin-left: 20px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-smart-device-add-room-item-right{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-smart-device-add-room-item-right img{width: 18px; height: 18px; display: flex;}
.meeting-smart-device-add-list{margin-top: 15px;}
.meeting-smart-device-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-smart-device-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-smart-device-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-smart-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-smart-device-add-item-select:active{background: #f5f5f5;}
.meeting-smart-device-add-item-select>label{font-size: 14px; color: #777;}
.meeting-smart-device-add-item-select .right{display: flex; align-items: center;}
.meeting-smart-device-add-item-select .right .select{font-size: 16px; color: #333;}
.meeting-smart-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-smart-device-add-action{margin: 20px 40px;}
.meeting-smart-device-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-smart-device-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-smart-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 门禁管理 */
.meeting-door-manage-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.meeting-door-manage-top .num{font-size: 14px; color: #777;}
.meeting-door-manage-top .action{font-size: 14px; color: var(--text-color);}
.meeting-door-manage-list{margin: 0 15px;}
.meeting-door-manage-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.meeting-door-manage-item .info:active{background: #f5f5f5;}
.meeting-door-manage-item img{width: 42px; height: 42px; display: flex;
    margin-right: 10px; border-radius: 50%;}
.meeting-door-manage-item svg{width: 42px; height: 42px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-door-manage-item .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-door-manage-item .info .up{font-size: 16px; color: #333; margin-bottom: 8px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-door-manage-item .info .down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-door-manage-item .action{position: absolute; top: 25px; right: 10px; z-index: 9;
    display: flex; align-items: center;}
.meeting-door-manage-item .action button{padding: 2px 10px; color: #fff; font-size: 12px;}
.meeting-door-manage-item .action button.on{border: 1px solid #FDA850; background-color: #FDA850;}
.meeting-door-manage-item .action button.on:active{opacity: 0.6;}
.meeting-door-manage-item .action button.refresh{border: 1px solid #21D388; background-color: #21D388; margin-right: 10px;}
.meeting-door-manage-item .action button.refresh:active{opacity: 0.6;}
.meeting-door-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-door-manage-plus img{width: 50px; height: 50px; display: flex;}
.meeting-door-manage-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 添加门禁 */
.meeting-door-add-list{margin-top: 15px;}
.meeting-door-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-door-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-door-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-door-add-item .template-list{display: flex; flex-wrap: wrap;}
.meeting-door-add-item .template-item{position: relative; display: flex; flex-direction: column;
    justify-content: center; align-items: center; width: 30%; margin-bottom: 10px;}
.meeting-door-add-item .template-item:nth-child(3n-1){margin-left: 5%; margin-right: 5%;}
.meeting-door-add-item .template-item>img{width: 100%; height: 60px; display: flex; margin-bottom: 5px;}
.meeting-door-add-item .template-item span{font-size: 14px; color: #555;}
.meeting-door-add-item .template-item .template-select{position: absolute; right: -7px; top: -7px; z-index: 9;}
.meeting-door-add-item .template-item .template-select img{width: 16px; height: 16px; display: flex;}
.meeting-door-add-action{margin: 20px 40px;}
.meeting-door-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.meeting-door-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-door-add-action .save:active{opacity: 0.8;}
/* 门禁详情 */
.meeting-door-detail-title{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.meeting-door-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.meeting-door-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.meeting-door-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.meeting-door-detail-title .right{display: flex; align-items: flex-start;}
.meeting-door-detail-title .right .open{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px;}
.meeting-door-detail-title .right .open:active{background: rgba(255,255,255, .3);}
.meeting-door-detail-title .right .open img{width: 16px; height: 16px; display: flex;}
.meeting-door-detail-title .right .open span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.meeting-door-detail-title .right .refresh{display: flex; justify-content: center; align-items: center;
    padding: 3px 9px; background: rgba(255,255,255, .1); border-radius: 12px; margin-left: 7px;}
.meeting-door-detail-title .right .refresh:active{background: rgba(255,255,255, .3);}
.meeting-door-detail-title .right .refresh img{width: 16px; height: 16px; display: flex;}
.meeting-door-detail-title .right .refresh span{font-size: 12px; color: #fff; margin-left: 5px;
    line-height: normal; white-space: nowrap;}
.meeting-door-detail-list{margin: -130px 20px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.meeting-door-detail-item{display: flex; margin-bottom: 20px;}
.meeting-door-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.meeting-door-detail-item-left img{width: 20px; height: 20px;}
.meeting-door-detail-item-right-template{display: flex; flex-direction: column; width: 80%;}
.meeting-door-detail-item-right-template img{width: 80px; height: 50px; border-radius: 5px; display: flex; margin-bottom: 5px;}
.meeting-door-detail-item-right-template span{display: inline-block; width: 80px; font-size: 14px; color: #999; text-align: center;}
.meeting-door-detail-item-right-person{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.meeting-door-detail-item-right-person .title{font-size: 16px; color: #333;}
.meeting-door-detail-item-right-person .detail{display: flex; align-items: center;}
.meeting-door-detail-item-right-person .detail span{font-size: 12px; color: #999; line-height: normal; margin-right: 5px;}
.meeting-door-detail-item-right-person .detail img{width: 7px; height: 12px;}
.meeting-door-detail-action{margin: 20px 40px;}
.meeting-door-detail-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.meeting-door-detail-action .edit{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.meeting-door-detail-action .edit:active{opacity: 0.8;}
/* 高级管理 */
.meeting-door-advanced-manage-list{margin: 15px 0 0;}
.meeting-door-advanced-manage-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-door-advanced-manage-item:active{background: #f5f5f5;}
.meeting-door-advanced-manage-item .name{font-size: 16px; color: #333;}
.meeting-door-advanced-manage-item .right{display: flex; align-items: center;}
.meeting-door-advanced-manage-item .right .desc{font-size: 14px; color: #777;}
.meeting-door-advanced-manage-item .mui-icon{font-size: 20px; color: #999;}
.meeting-door-advanced-manage-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 自定义文字显示 */
.meeting-door-custom-text-list{margin-top: 15px;}
.meeting-door-custom-text-item{display: flex; flex-direction: column; background: #fff;}
.meeting-door-custom-text-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.meeting-door-custom-text-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.meeting-door-custom-text-action{margin: 30px 40px;}
.meeting-door-custom-text-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-door-custom-text-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-door-custom-text-action .save:active{opacity: 0.8;}
/* 设备列表 */
.meeting-door-device-list-list{margin: 15px 15px 80px;}
.meeting-door-device-list-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-door-device-list-item:active{background: #f5f5f5;}
.meeting-door-device-list-item svg.icon1{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-door-device-list-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-door-device-list-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-door-device-list-item-info .down{display: flex; align-items: center;}
.meeting-door-device-list-item-info .down .num{font-size: 14px; color: #999; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-door-device-list-item .select{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 9;}
.meeting-door-device-list-item .select svg.icon2{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;}
.meeting-door-device-list-item .select.un svg.icon2{width: 18px; height: 18px; fill: #bbb; overflow: hidden;}
.meeting-door-device-list-item .status{position: absolute; top: 0; right: 0; z-index: 9;}
.meeting-door-device-list-item .status img{width: 60px; height: 20px; display: flex;}
.meeting-door-device-list-sync{position: fixed; right: 10px; bottom: 95px; z-index: 9;}
.meeting-door-device-list-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.meeting-door-device-list-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-door-device-list-action .operate{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.meeting-door-device-list-action .operate:active{opacity: 0.8;}
/* 会议评价 */
.meeting-review-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.meeting-review-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-review-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-review-item>label .tip{font-size: 12px; color: #999;}
.meeting-review-item .score{display: flex; align-items: center;}
.meeting-review-item .score .mui-icon{margin-right: 15px;}
.meeting-review-item .score .mui-icon-star-filled{color: var(--text-color);}
.meeting-review-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.meeting-review-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-review-item .up .title{font-size: 14px; color: #777;}
.meeting-review-item .up .desc{font-size: 14px; color: #999;}
.meeting-review-item .down{display: flex; align-items: center; flex-wrap: wrap;}
.meeting-review-item .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-bottom: 15px;}
.meeting-review-item .down .mui-icon:active{background: #fff;}
.meeting-review-item .down .content{position: relative; width: 50px; height: 50px;
    margin-right: 15px; margin-bottom: 15px;}
.meeting-review-item .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-review-item .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-review-action{margin: 20px 40px;}
.meeting-review-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-review-action .save:active{opacity: 0.8}
/* 会后评价设置 */
.meeting-review-set-top{margin-top: 15px;}
.meeting-review-set-top-action{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.meeting-review-set-top-action .name{font-size: 16px; color: #333;}
.meeting-review-set-top-action .action{display: flex; align-items: center;}
.meeting-review-set-top-action .action .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-review-set-list{margin-top: 15px;}
.meeting-review-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 50px;}
.meeting-review-set-item:active{background: #f5f5f5;}
.meeting-review-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.meeting-review-set-item .right{display: flex; align-items: center;}
.meeting-review-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-review-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 自定义设置 */
.meeting-custom-set-list{margin: 15px 15px 0;}
.meeting-custom-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-custom-set-item:active{background: #f5f5f5;}
.meeting-custom-set-item .left{display: flex; align-items: center;}
.meeting-custom-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-custom-set-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-custom-set-item .left .name{font-size: 16px; color: #333;}
.meeting-custom-set-item .mui-icon{font-size: 20px; color: #999;}
.meeting-custom-set-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-custom-set-item-select{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-custom-set-item-select:active{background: #f5f5f5;}
.meeting-custom-set-item-select .left{display: flex; align-items: center;}
.meeting-custom-set-item-select .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-custom-set-item-select .left .name{font-size: 16px; color: #333;}
.meeting-custom-set-item-select .right{display: flex; align-items: center;}
.meeting-custom-set-item-select .right .desc{font-size: 14px; color: #999;}
.meeting-custom-set-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-custom-set-item-select .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 语音播报 */
.meeting-screen-voice-item-input{display: flex; flex-direction: column; justify-content: center;
    border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.meeting-screen-voice-item-input>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-screen-voice-item-input .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0; margin: 0;}
.meeting-screen-voice-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-top: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.meeting-screen-voice-item-select:active{background: #f5f5f5;}
.meeting-screen-voice-item-select>label{font-size: 16px; color: #333;}
.meeting-screen-voice-item-select .right{display: flex; align-items: center;}
.meeting-screen-voice-item-select .right .select{font-size: 16px; color: #777;}
.meeting-screen-voice-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-voice-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px;}
.meeting-screen-voice-item-switch>label{font-size: 16px; color: #333;}
.meeting-screen-voice-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-voice .tip{margin: 5px 10px 5px; font-size: 14px; color: #777;}
.meeting-screen-voice .status{margin: 0 10px 20px; font-size: 14px; color: #777;}
.meeting-screen-voice .title{margin: 0 10px 5px; font-size: 16px; color: #333;}
.meeting-screen-voice .title .desc{font-size: 12px; color: #777;}
/* 人脸对比阈值 */
.meeting-screen-face-value-list{margin-top: 15px;}
.meeting-screen-face-value-item{padding: 10px 15px; background: #fff;}
.meeting-screen-face-value-item .top{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-screen-face-value-item .top .title{font-size: 14px; color: #333;}
.meeting-screen-face-value-item .top .desc{font-size: 14px; color: #999;}
.meeting-screen-face-value-action{margin: 20px 40px;}
.meeting-screen-face-value-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-screen-face-value-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8}
/* 门牌高级管理·更多设置 */
.meeting-screen-more-list{margin: 15px 0 0;}
.meeting-screen-more-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-screen-more-item:active{background: #f5f5f5;}
.meeting-screen-more-item .name{font-size: 16px; color: #333;}
.meeting-screen-more-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-more-item .right{display: flex; align-items: center;}
.meeting-screen-more-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-screen-more-item .right .mui-icon{font-size: 20px; color: #999;}
/* 门牌语音设置 */
.meeting-screen-voice-set-list{margin-top: 15px;}
.meeting-screen-voice-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.meeting-screen-voice-set-item:active{background: #f5f5f5;}
.meeting-screen-voice-set-item .name{font-size: 16px; color: #333;}
.meeting-screen-voice-set-item .mui-icon{font-size: 20px; color: #999;}
/* 签到提示 */
.meeting-screen-sign-tip-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff;}
.meeting-screen-sign-tip-top .left{display: flex; align-items: center;}
.meeting-screen-sign-tip-top .left svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;}
.meeting-screen-sign-tip-top .left .desc{font-size: 14px; color: #333; margin: 0 2px 0 5px; line-height: normal;}
.meeting-screen-sign-tip-top .left .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-sign-tip-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.meeting-screen-sign-tip-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.meeting-screen-sign-tip-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-screen-sign-tip-item>label .tip{font-size: 12px; color: #999;}
.meeting-screen-sign-tip-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-screen-sign-tip-item .content{display: flex;}
.meeting-screen-sign-tip-item .content .mui-input-row{width: 50%;}
.meeting-screen-sign-tip-item .content .mui-radio input[type=radio]:before{font-size: 18px; color: var(--text-color);}
.meeting-screen-sign-tip-item .content .mui-radio.mui-left label{font-size: 16px; color: #333; padding: 7px 0 7px 45px;}
.meeting-screen-sign-tip-item .wrap{display: flex; align-items: center;}
.meeting-screen-sign-tip-item .wrap button{font-size: 12px; color: var(--text-color); padding: 3px 6px; border-radius: 14px; line-height: normal;
    border: 1px solid var(--bg-color); background-color: #fff; margin-right: 15px; margin-bottom: 10px;}
.meeting-screen-sign-tip-item .wrap button:active{background-color: var(--bg-color);}
.meeting-screen-sign-tip-item .wrap button .mui-icon{font-size: 20px; color: var(--text-color);}
.meeting-screen-sign-tip-action{margin: 20px 40px;}
.meeting-screen-sign-tip-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-screen-sign-tip-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.meeting-screen-sign-tip-content{background: #fff; margin-top: 15px; padding: 15px 10px; display: none;}
.meeting-screen-sign-tip-content .up{font-size: 14px; color: #777;}
.meeting-screen-sign-tip-content .mid{display: flex; align-items: center; margin: 10px 0;}
.meeting-screen-sign-tip-content .mid .name{font-size: 14px; color: #333;}
.meeting-screen-sign-tip-content .mid .desc{font-size: 12px; color: #999;}
.meeting-screen-sign-tip-content .down .upload-before{display: flex; justify-content: center; align-items: center;
    height: 40px; border: 1px solid #f5f5f5; border-radius: 5px;}
.meeting-screen-sign-tip-content .down .upload-before:active{background: #f5f5f5;}
.meeting-screen-sign-tip-content .down .upload-before svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;}
.meeting-screen-sign-tip-content .down .upload-before span{font-size: 14px; color: var(--text-color); margin-left: 5px;}
.meeting-screen-sign-tip-content .down .upload-after{display: flex; justify-content: space-between; align-items: center;}
.meeting-screen-sign-tip-content .down .upload-after .left{display: flex; align-items: center;}
.meeting-screen-sign-tip-content .down .upload-after .left svg{width: 36px; height: 36px; fill: var(--svg-color); overflow: hidden; margin-right: 5px;}
.meeting-screen-sign-tip-content .down .upload-after .left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-screen-sign-tip-content .down .upload-after .left .info .name{font-size: 14px; color: #333; max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-screen-sign-tip-content .down .upload-after .left .info .num{font-size: 12px; color: #999;}
.meeting-screen-sign-tip-content .down .upload-after .right{display: flex; align-items: center; padding: 10px;}
.meeting-screen-sign-tip-content .down .upload-after .right img{width: 16px; height: 16px; display: flex;}
/* 门牌联动门禁设置 */
.meeting-screen-door-set-list{margin-top: 15px;}
.meeting-screen-door-set-list .tip{font-size: 12px; color: #999; padding: 0 10px; margin: -10px 0 15px;}
.meeting-screen-door-set-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.meeting-screen-door-set-title .left{font-size: 14px; color: #777;}
.meeting-screen-door-set-title .right{font-size: 14px; color: var(--text-color);}
.meeting-screen-door-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 50px;}
.meeting-screen-door-set-item:active{background: #f5f5f5;}
.meeting-screen-door-set-item .name{font-size: 16px; color: #333;}
.meeting-screen-door-set-item .right{display: flex; align-items: center;}
.meeting-screen-door-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-screen-door-set-item .right .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-door-set-item .right .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-door-set-item .right .delay{display: flex; align-items: center;}
.meeting-screen-door-set-item .right .delay .sub{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.meeting-screen-door-set-item .right .delay .sub:active{background: #fff;}
.meeting-screen-door-set-item .right .delay .add{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.meeting-screen-door-set-item .right .delay .add:active{background: #fff;}
.meeting-screen-door-set-item .right .delay .time{width: 60px; height: 30px; line-height: 30px; text-align: center;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; color: #333;}
/* 屏保设置 */
.meeting-screen-saver-top{margin-top: 15px;}
.meeting-screen-saver-top-action{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.meeting-screen-saver-top-action .name{font-size: 16px; color: #333;}
.meeting-screen-saver-top-action .action{display: flex; align-items: center;}
.meeting-screen-saver-top-action .action .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-saver-list{margin-top: 15px;}
.meeting-screen-saver-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.meeting-screen-saver-title .left{font-size: 14px; color: #777;}
.meeting-screen-saver-title .right{font-size: 14px; color: var(--text-color);}
.meeting-screen-saver-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.meeting-screen-saver-item:active{background: #f5f5f5;}
.meeting-screen-saver-item .name{font-size: 16px; font-weight: 400; color: #333;}
.meeting-screen-saver-item .right{display: flex; align-items: center;}
.meeting-screen-saver-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-screen-saver-item .right .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-saver-content{margin: 15px 0 0; background: #fff;}
.meeting-screen-saver-content-item-picture{padding: 10px 0;}
.meeting-screen-saver-content-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-screen-saver-content-item-picture .up .title{font-size: 16px; color: #333;}
.meeting-screen-saver-content-item-picture .up .desc{font-size: 12px; color: #999;}
.meeting-screen-saver-content-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.meeting-screen-saver-content-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px;}
.meeting-screen-saver-content-item-picture .down .mui-icon:active{background: #fff;}
.meeting-screen-saver-content-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.meeting-screen-saver-content-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-screen-saver-content-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-screen-saver-content-item-video{padding: 10px 0; display: none;}
.meeting-screen-saver-content-item-video .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-screen-saver-content-item-video .up .title{font-size: 16px; color: #333;}
.meeting-screen-saver-content-item-video .up .desc{font-size: 12px; color: #999;}
.meeting-screen-saver-content-item-video .down{display: flex; align-items: center; padding: 0 15px;}
.meeting-screen-saver-content-item-video .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-screen-saver-content-item-video .down .mui-icon:active{background: #fff;}
.meeting-screen-saver-content-item-video .down .content{position: relative; width: 100%; height: 200px;}
.meeting-screen-saver-content-item-video .down .content .video{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-screen-saver-content-item-video .down .content .video-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-screen-saver-action{margin: 30px 40px;}
.meeting-screen-saver-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-screen-saver-action .save:active{opacity: 0.8;}
/* 灯光设置 */
.meeting-light-set-list{margin: 15px 0 0;}
.meeting-light-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-light-set-item:active{background: #f5f5f5;}
.meeting-light-set-item .name{font-size: 16px; color: #333;}
.meeting-light-set-item .right{display: flex; align-items: center;}
.meeting-light-set-item .right .desc{font-size: 14px; color: #777;}
.meeting-light-set-item .mui-icon{font-size: 20px; color: #999;}
.meeting-light-set-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.meeting-light-set-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.meeting-light-set-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.meeting-light-set-dialog-top span{padding: 5px;}
.meeting-light-set-dialog-top .cancel{font-size: 14px; color: #888;}
.meeting-light-set-dialog-top .confirm{font-size: 14px; color: var(--text-color);}
.meeting-light-set-dialog-list{height: calc(100% - 40px); display: flex; flex-wrap: wrap;}
.meeting-light-set-dialog-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 25%; height: 50%;}
.meeting-light-set-dialog-item:active{background: #f5f5f5;}
.meeting-light-set-dialog-item .bg{width: 36px; height: 36px; border-radius: 50%; margin-bottom: 5px;
    display: flex; justify-content: center; align-items: center;}
.meeting-light-set-dialog-item .bg img{width: 20px; height: 20px; display: flex;}
.meeting-light-set-dialog-item .bg1{background: #FF5A48;}
.meeting-light-set-dialog-item .bg2{background: #4879FF;}
.meeting-light-set-dialog-item .bg3{background: #4BCE00;}
.meeting-light-set-dialog-item .bg4{background: #8B48FF;}
.meeting-light-set-dialog-item .bg5{background: #0FE1A8;}
.meeting-light-set-dialog-item .bg6{background: #f5f5f5;}
.meeting-light-set-dialog-item .bg7{background: #FFFF00;}
.meeting-light-set-dialog-item .name{font-size: 14px; color: #333;}
/* 门牌开门密码 */
.meeting-screen-open-password .tip{font-size: 12px; color: #999; padding: 10px;}
.meeting-screen-open-password-item{display: flex; align-items: center; background: #fff;}
.meeting-screen-open-password-item label{font-size: 14px; color: #333; width: 30%; padding-left: 10px;}
.meeting-screen-open-password-item .content{font-size: 14px; color: #333; border: 0; line-height: 40px;
    padding: 0 10px; margin: 0; width: 70%;}
.meeting-screen-open-password-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-screen-open-password-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.meeting-screen-open-password-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 门牌管理密码 */
.meeting-screen-password .tip{font-size: 12px; color: #999; padding: 10px;}
.meeting-screen-password-item{display: flex; align-items: center; background: #fff;}
.meeting-screen-password-item label{font-size: 14px; color: #333; width: 30%; padding-left: 10px;}
.meeting-screen-password-item .content{font-size: 14px; color: #333; border: 0; line-height: 40px;
    padding: 0 10px; margin: 0; width: 70%;}
.meeting-screen-password-action{margin: 30px 40px;}
.meeting-screen-password-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-screen-password-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-screen-password-action .save:active{opacity: 0.8;}
/* 门牌使用帮助 */
.meeting-screen-use-help-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-top: 15px; margin-bottom: 15px;}
.meeting-screen-use-help-top:active{background: #f5f5f5;}
.meeting-screen-use-help-top .left{display: flex; align-items: center;}
.meeting-screen-use-help-top .left .name{font-size: 16px; color: #333;}
.meeting-screen-use-help-top .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-use-help-top .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-screen-use-help-item{display: flex; flex-direction: column; justify-content: center; margin-top: 15px; background: #fff;}
.meeting-screen-use-help-item>label{font-size: 16px; color: #333; padding: 5px 15px;}
.meeting-screen-use-help-item textarea{font-size: 14px; color: #777; border: 0; margin: 0; padding: 5px 15px;}
.meeting-screen-use-help-item2{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; height: 40px;}
.meeting-screen-use-help-item2:active{background: #f5f5f5;}
.meeting-screen-use-help-item2 .name{font-size: 16px; color: #333;}
.meeting-screen-use-help-item2 .right{display: flex; align-items: center;}
.meeting-screen-use-help-item2 .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-screen-use-help-item2 .right .mui-icon{font-size: 20px; color: #999;}
.meeting-screen-use-help-action{margin: 20px 40px;}
.meeting-screen-use-help-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-screen-use-help-action .save:active{opacity: 0.8;}
/* 广告列表 */
.meeting-ad-list{margin: 15px 15px 0;}
.meeting-ad-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.meeting-ad-list .meeting-ad-item:last-child{margin-bottom: 0;}
.meeting-ad-item:active{background: #f5f5f5;}
.meeting-ad-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.meeting-ad-item-up .left{display: flex; align-items: center; max-width: 75%;}
.meeting-ad-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.meeting-ad-item-up .left .name{font-size: 16px; color: #333; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-ad-item-up .right{display: flex; align-items: center; margin-right: -10px;}
.meeting-ad-item-up .right img{width: 54px; height: 20px; display: flex;}
.meeting-ad-item-down{display: flex; justify-content: space-between; align-items: center;}
.meeting-ad-item-down .left{font-size: 14px; color: #999;}
.meeting-ad-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-ad-plus img{width: 50px; height: 50px; display: flex;}
/* 发布广告 */
.meeting-publish-ad-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.meeting-publish-ad-template{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-publish-ad-template .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-publish-ad-template-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-publish-ad-template-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-publish-ad-template-top .action:active{opacity: 0.8;}
.meeting-publish-ad-template .wrap .content{margin-bottom: 75px;}
.meeting-publish-ad-template .wrap .content .content-item{background: #fff; margin-bottom: 10px;}
.meeting-publish-ad-template .wrap .content .content-item-top{display: flex; align-items: center; padding: 10px;}
.meeting-publish-ad-template .wrap .content .content-item-top .title{font-size: 16px; font-weight: 500; color: #000;}
.meeting-publish-ad-template .wrap .content .content-item-top .desc{font-size: 14px; color: #999;}
.meeting-publish-ad-picture-template-list{display: flex; flex-wrap: wrap;}
.meeting-publish-ad-picture-template-item{width: 33.33%; padding: 0 10px; margin-bottom: 15px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-publish-ad-picture-template-item .up{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.meeting-publish-ad-picture-template-item .up img{width: 100%; height: 60px; display: flex; margin-bottom: 8px;}
.meeting-publish-ad-picture-template-item .up span{font-size: 14px; color: #777; line-height: normal; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-publish-ad-picture-template-item input[type=checkbox]{margin-top: 2px;}
.meeting-publish-ad-video-template-list{display: flex; flex-wrap: wrap;}
.meeting-publish-ad-video-template-item{width: 50%; padding: 0 10px; margin-bottom: 15px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.meeting-publish-ad-video-template-item .up{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.meeting-publish-ad-video-template-item .up video{width: 100%; height: 100px; display: flex; margin-bottom: 8px;}
.meeting-publish-ad-video-template-item .up span{font-size: 14px; color: #777; line-height: normal; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-publish-ad-video-template-item input[type=radio]{margin-top: 2px;}
.meeting-publish-ad-list{margin-top: 15px;}
.meeting-publish-ad-list .tip{font-size: 12px; color: #FF5A48; margin: -10px 0 10px; padding: 0 10px;}
.meeting-publish-ad-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-publish-ad-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-publish-ad-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-publish-ad-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-publish-ad-item-select:active{background: #f5f5f5;}
.meeting-publish-ad-item-select label{font-size: 14px; color: #777;}
.meeting-publish-ad-item-select .right{display: flex; align-items: center;}
.meeting-publish-ad-item-select .right .select{font-size: 16px; color: #333;}
.meeting-publish-ad-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-publish-ad-action{margin: 20px 40px;}
.meeting-publish-ad-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-publish-ad-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-publish-ad-action .save:active{opacity: 0.8;}
/* 自定义会议设备 */
.meeting-room-set .tip{font-size: 12px; color: #999; margin: 10px 0 5px; padding: 0 15px;}
.meeting-room-set-list{margin: 0 15px 0;}
.meeting-room-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-room-set-item .name{font-size: 16px; color: #333; word-break:break-all;margin-right: 5px}
.meeting-room-set-item .delete{width: 20px; height: 20px; display: flex;}
.meeting-room-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-room-set-plus img{width: 50px; height: 50px; display: flex;}
.meeting-room-set-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 自定义会议服务 */
.meeting-service-set .tip{font-size: 12px; color: #999; margin: 10px 0 5px; padding: 0 15px;}
.meeting-service-set-list{margin: 0 15px 0;}
.meeting-service-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-service-set-item .name{font-size: 16px; color: #333;}
.meeting-service-set-item .delete{width: 20px; height: 20px; display: flex;}
.meeting-service-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-service-set-plus img{width: 50px; height: 50px; display: flex;}
.meeting-service-set-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 会议统计 */
.meeting-stats-set-list{margin: 15px 15px 0;}
.meeting-stats-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-stats-set-item:active{background: #f5f5f5;}
.meeting-stats-set-item .left{display: flex; align-items: center;}
.meeting-stats-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-stats-set-item .left .name{font-size: 16px; color: #333;}
.meeting-stats-set-item .mui-icon{font-size: 20px; color: #999;}
/* 会议统计表 */
.meeting-table-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.meeting-table-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: #fff;}
.meeting-table-dialog-item{padding: 0 15px;}
.meeting-table-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-table-dialog-room{margin-bottom: 15px;}
.meeting-table-dialog-room span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.meeting-table-dialog-room span:active{background: #fff;}
.meeting-table-dialog-type{margin-bottom: 15px;}
.meeting-table-dialog-type span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.meeting-table-dialog-type span:active{background: #fff;}
.meeting-table-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.meeting-table-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-table-dialog-time .time:active{background: #fff;}
.meeting-table-dialog-time .space{color: #333;}
.meeting-table-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.meeting-table-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.meeting-table-dialog-action span:active{background: #f5f5f5;}
.meeting-table-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.meeting-table-dialog-action .confirm{color: var(--text-color);}
.meeting-table-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px;}
.meeting-table-export{display: flex; align-items: center; padding: 2px 5px;}
.meeting-table-export:active{background: #f5f5f5;}
.meeting-table-export img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.meeting-table-export span{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-table-filter{display: flex; align-items: center; padding: 2px 5px;}
.meeting-table-filter:active{background: #f5f5f5;}
.meeting-table-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.meeting-table-filter span{font-size: 14px; color: #777; line-height: normal;}
.meeting-table-filter-content{display: flex; align-items: center; padding: 0 15px; margin-top: 5px;}
.meeting-table-filter-content .wrap{display: flex; align-items: center;}
.meeting-table-filter-content .wrap span{font-size: 12px; color: #999; line-height: normal; margin-right: 5px;}
.meeting-table-filter-content img{width: 16px; height: 16px; display: flex;}
.meeting-table-mid{display: flex; background: #fff; border-radius: 5px; margin: 15px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.meeting-table-mid-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0;}
.meeting-table-mid-item .num{font-size: 20px; color: #333; font-weight: 500; margin-bottom: 5px;}
.meeting-table-mid-item .name{font-size: 14px; color: #999;}
.meeting-table-bottom{margin: 0 15px;}
.meeting-table-bottom-item{display: flex; justify-content: space-between; padding: 10px; background: #fff; border-radius: 5px;
    margin-bottom: 15px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.meeting-table-bottom-item:active{background: #f5f5f5;}
.meeting-table-bottom-item-left{display: flex; flex-direction: column; justify-content: center;}
.meeting-table-bottom-item-left .up{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-table-bottom-item-left .down{display: flex; align-items: center;}
.meeting-table-bottom-item-left .down .down-item:first-child{margin-right: 15px;}
.meeting-table-bottom-item-left .down .down-item .name{font-size: 14px; color: #999;}
.meeting-table-bottom-item-left .down .down-item .num{font-size: 14px; color: #555;}
.meeting-table-bottom-item-right{display: flex; align-items: center;}
.meeting-table-bottom-item-right .mui-icon{font-size: 20px; color: #999;}
/* 会议统计图 */
.meeting-chart-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.meeting-chart-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; background: #fff;}
.meeting-chart-dialog-item{padding: 0 15px;}
.meeting-chart-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-chart-dialog-room{margin-bottom: 15px;}
.meeting-chart-dialog-room span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.meeting-chart-dialog-room span:active{background: #fff;}
.meeting-chart-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.meeting-chart-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.meeting-chart-dialog-time .time:active{background: #fff;}
.meeting-chart-dialog-time .space{color: #333;}
.meeting-chart-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.meeting-chart-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.meeting-chart-dialog-action span:active{background: #f5f5f5;}
.meeting-chart-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.meeting-chart-dialog-action .confirm{color: var(--text-color);}
.meeting-chart-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 5px 10px 5px;}
.meeting-chart-top-left{display: flex; align-items: center;}
.meeting-chart-filter{display: flex; align-items: center; padding: 2px 5px;}
.meeting-chart-filter:active{background: #f5f5f5;}
.meeting-chart-filter img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.meeting-chart-filter span{font-size: 14px; color: #777; line-height: normal;}
.meeting-chart-filter-content{display: flex; align-items: center; padding: 0 15px; margin-top: 5px;}
.meeting-chart-filter-content .wrap{display: flex; align-items: center;}
.meeting-chart-filter-content .wrap span{font-size: 12px; color: #999; line-height: normal; margin-right: 5px;}
.meeting-chart-filter-content img{width: 16px; height: 16px; display: flex;}
.meeting-chart-mid{display: flex; flex-wrap: wrap; margin: 15px 15px 15px;}
.meeting-chart-mid-item{display: flex; align-items: center; background: #fff; border-radius: 3px;
    width: 48%; margin-bottom: 12px; padding: 15px 10px;}
.meeting-chart-mid .meeting-chart-mid-item:nth-child(1){margin-right: 4%;}
.meeting-chart-mid .meeting-chart-mid-item:nth-child(3){margin-right: 4%;}
.meeting-chart-mid-item img{width: 36px; height: 36px; display: flex; margin-right: 7px;}
.meeting-chart-mid-item .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-chart-mid-item .info .title{font-size: 12px; color: #777;}
.meeting-chart-mid-item .info .num{font-size: 24px; font-weight: 500; color: #333;}
.meeting-chart-item{background: #fff; margin-bottom: 15px;}
.meeting-chart-item .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.meeting-chart-item .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.meeting-chart-item .content{width: 100%; height: 300px;}
.meeting-chart-export{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-chart-export img{width: 50px; height: 50px; display: flex;}
.meeting-chart-export svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 签到设置 */
.meeting-sign-in-set-list{margin-top: 15px;}
.meeting-sign-in-set-item{background: #fff; margin-bottom: 15px;}
.meeting-sign-in-set-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.meeting-sign-in-set-item-switch .title{font-size: 14px; color: #7D8082;}
.meeting-sign-in-set-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-sign-in-set-item-type{background: #fff; margin-bottom: 15px;}
.meeting-sign-in-set-item-type .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-sign-in-set-item-type .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-sign-in-set-item-type .content:active{background: #f5f5f5;}
.meeting-sign-in-set-item-type .content .name{font-size: 16px; color: #000;}
.meeting-sign-in-set-item-type .content .mui-icon{font-size: 20px; color: #999;}
.meeting-sign-in-set-item-time{background: #fff;}
.meeting-sign-in-set-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.meeting-sign-in-set-item-time.end-time{margin-bottom: 16px;}
.meeting-sign-in-set-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-sign-in-set-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-sign-in-set-item-time .content .name{font-size: 16px; color: #000;}
.meeting-sign-in-set-item-time .content .mui-icon{font-size: 20px; color: #999;}
/* 预定时间设置 */
.meeting-book-time-set-top{margin-top: 15px;}
.meeting-book-time-set-top-action{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.meeting-book-time-set-top-action .name{font-size: 16px; color: #333;}
.meeting-book-time-set-top-action .action{display: flex; align-items: center;}
.meeting-book-time-set-top-content .meeting-book-time-set-top-content-item:first-child{border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.meeting-book-time-set-top-content-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; height: 40px;}
.meeting-book-time-set-top-content-item:active{background: #f5f5f5;}
.meeting-book-time-set-top-content-item .name{font-size: 16px; color: #333;}
.meeting-book-time-set-top-content-item .right{display: flex; align-items: center;}
.meeting-book-time-set-top-content-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-book-time-set-top-content-item .right .mui-icon{font-size: 20px; color: #999;}
.meeting-book-time-set-list{margin-top: 15px;}
.meeting-book-time-set-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.meeting-book-time-set-title .left{font-size: 14px; color: #777;}
.meeting-book-time-set-title .right{font-size: 14px; color: var(--text-color);}
.meeting-book-time-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.meeting-book-time-set-item:active{background: #f5f5f5;}
.meeting-book-time-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.meeting-book-time-set-item .right{display: flex; align-items: center;}
.meeting-book-time-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-book-time-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 自定义背景 */
.meeting-custom-bg-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 42px;
    padding: 0 10px 0 10px; margin-top: 15px;}
.meeting-custom-bg-top:active{background: #f5f5f5;}
.meeting-custom-bg-top .left{font-size: 16px; color: #333;}
.meeting-custom-bg-top .right{display: flex; align-items: center;}
.meeting-custom-bg-top .right .desc{font-size: 14px; color: #777;}
.meeting-custom-bg-top .mui-icon{font-size: 20px; color: #999;}
.meeting-custom-bg-list{margin: 15px 0 0; padding: 10px 10px 5px; background: #fff;}
.meeting-custom-bg-item{margin-bottom: 5px;}
.meeting-custom-bg-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-custom-bg-item .up .title{font-size: 16px; color: #333;}
.meeting-custom-bg-item .up .desc{font-size: 14px; color: #999;}
.meeting-custom-bg-item .down{display: flex; align-items: center;}
.meeting-custom-bg-item .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-custom-bg-item .down .mui-icon:active{background: #fff;}
.meeting-custom-bg-item .down .content{position: relative; width: 100%; height: 200px;}
.meeting-custom-bg-item .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-custom-bg-item .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 20px; height: 20px; display: flex;}
.meeting-custom-bg-multi-list{margin: 15px 0 0; padding: 10px 10px 5px; background: #fff;}
.meeting-custom-bg-multi-item{margin-bottom: 5px;}
.meeting-custom-bg-multi-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-custom-bg-multi-item .up .title{font-size: 16px; color: #333;}
.meeting-custom-bg-multi-item .up .desc{font-size: 14px; color: #999;}
.meeting-custom-bg-multi-item .down{display: flex; align-items: center;}
.meeting-custom-bg-multi-item .down .content{display: flex; flex-wrap: wrap;}
.meeting-custom-bg-multi-item .down .content-item{display: flex; flex-direction: column; align-items: center;
    margin-right: 20px; margin-bottom: 10px;}
.meeting-custom-bg-multi-item .down .content-item-img{position: relative; width: 60px; height: 60px; margin-bottom: 5px;}
.meeting-custom-bg-multi-item .down .content-item-img .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-custom-bg-multi-item .down .content-item-img .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-custom-bg-multi-item .down .content-item .name{font-size: 14px; color: #777;}
.meeting-custom-bg-multi-item .down .content .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-custom-bg-multi-item .down .content .mui-icon:active{background: #fff;}
.meeting-custom-bg-action{margin: 20px 40px;}
.meeting-custom-bg-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.meeting-custom-bg-action .save:active{opacity: 0.8;}
/* 自定义logo */
.meeting-custom-logo .tip{font-size: 14px; color: #999; margin: 10px 15px 5px;}
.meeting-custom-logo-list{margin: 0 15px 15px; padding: 10px 10px 5px; background: #f3f3f3; border-radius: 5px;}
.meeting-custom-logo-item{margin-bottom: 5px;}
.meeting-custom-logo-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.meeting-custom-logo-item .up .title{font-size: 16px; color: #333;}
.meeting-custom-logo-item .up .desc{font-size: 14px; color: #999;}
.meeting-custom-logo-item .down{display: flex; align-items: center;}
.meeting-custom-logo-item .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #fff; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-custom-logo-item .down .mui-icon:active{background: #f5f5f5;}
.meeting-custom-logo-item .down .content{position: relative;}
.meeting-custom-logo-item .down .content1{width: 50px; height: 50px;}
.meeting-custom-logo-item .down .content2{width: 100px; height: 50px;}
.meeting-custom-logo-item .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-custom-logo-item .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
/* 会议室高级管理 */
.meeting-room-advance-manage-list{margin: 15px 15px 0;}
.meeting-room-advance-manage-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-room-advance-manage-item:active{background: #f5f5f5;}
.meeting-room-advance-manage-item .left{display: flex; align-items: center;}
.meeting-room-advance-manage-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-room-advance-manage-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-room-advance-manage-item .left .name{font-size: 16px; color: #333;}
.meeting-room-advance-manage-item .mui-icon{font-size: 20px; color: #999;}
.meeting-room-advance-manage-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-room-advance-manage-wrap{margin-bottom: 15px; background: #fff; border-radius: 3px;}
.meeting-room-advance-manage-item-down{display: flex; justify-content: flex-end; align-items: center; height: 36px;
    padding: 0 10px; border-top: 1px solid #f5f5f5;}
.meeting-room-advance-manage-item-down:active{background: #f5f5f5;}
.meeting-room-advance-manage-item-down .desc{font-size: 14px; color: #999; line-height: normal;}
.meeting-room-advance-manage-item-down .num{font-size: 14px; color: #555; line-height: normal; margin-left: 10px;}
.meeting-room-advance-manage-item-down .mui-icon{font-size: 20px; color: #999;}
/* 自定义会议类型 */
.meeting-type-set-list{margin: 15px 15px 0;}
.meeting-type-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.meeting-type-set-item .name{font-size: 16px; color: #333;}
.meeting-type-set-item .delete{font-size: 14px; color: #FF5A48;}
.meeting-type-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-type-set-plus img{width: 50px; height: 50px; display: flex;}
/* 校区管理 */
.meeting-campus-list{margin: 15px 15px 0;}
.meeting-campus-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.meeting-campus-item .name{font-size: 16px; color: #333;}
.meeting-campus-item .delete{font-size: 14px; color: #FF5A48;}
.meeting-campus-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-campus-plus img{width: 50px; height: 50px; display: flex;}
/* 会议室分组 */
.meeting-room-group-crumbs{padding: 0 15px; background: #fff;}
.meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-scroll{height: 38px; display: flex; align-items: center;}
.meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item{font-size: 14px; color: #777; padding: 0; border-bottom: 0;}
.meeting-room-group-crumbs .mui-segmented-control.mui-scroll-wrapper .mui-control-item.active{color: var(--text-color); border-bottom: 0;}
.meeting-room-group-crumbs .mui-scroll-wrapper .right{width: 7px; height: 12px; margin: 0 10px;}
.meeting-room-group-list{margin: 15px 0 70px;}
.meeting-room-group-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; border-bottom: 1px solid #f5f5f5;}
.meeting-room-group-list .meeting-room-group-item:last-child{border-bottom: 0;}
.meeting-room-group-item:active{background: #f5f5f5;}
.meeting-room-group-item .name{font-size: 16px; color: #333;}
.meeting-room-group-item .mui-icon{font-size: 20px; color: #999;}
.meeting-room-group-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 50px;
    display: flex; background: #fff; border-top: 1px solid #eee;}
.meeting-room-group-action .item{flex: 1; display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: var(--text-color); position: relative;}
.meeting-room-group-action .item:active{background: #f5f5f5;}
.meeting-room-group-action .item:after{position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-room-group-action .item:last-child:after{width: 0;}
/* 会议室分组·添加 */
.meeting-room-group-add-list{margin-top: 15px;}
.meeting-room-group-add-item{display: flex; flex-direction: column; background: #fff;}
.meeting-room-group-add-item label{font-size: 14px; color: #777; padding: 5px 10px;}
.meeting-room-group-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    padding: 0 15px; margin: 0;}
.meeting-room-group-add-action{margin: 30px 40px;}
.meeting-room-group-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.meeting-room-group-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.meeting-room-group-add-action .save:active{opacity: 0.8;}
/* 会议室高级管理·更多设置 */
.meeting-room-advance-manage-more-list{margin: 15px 0 0;}
.meeting-room-advance-manage-more-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-room-advance-manage-more-item:active{background: #f5f5f5;}
.meeting-room-advance-manage-more-item .name{font-size: 16px; color: #333;}
.meeting-room-advance-manage-more-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-room-advance-manage-more-item .right{display: flex; align-items: center;}
.meeting-room-advance-manage-more-item .right .time{font-size: 14px; color: #777;}
.meeting-room-advance-manage-more-item .right .mui-icon{font-size: 20px; color: #999;}
/* 媒体发布 */
.meeting-media-top{background: #fff; margin-bottom: 15px;}
.meeting-media-top .up{padding: 10px 10px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.meeting-media-top .up:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-media-top .up .left{display: flex; align-items: center;}
.meeting-media-filter{display: flex; align-items: center; padding: 5px;}
.meeting-media-filter:active{background: #f5f5f5;}
.meeting-media-filter img{width: 16px; height: 16px; display: flex;}
.meeting-media-filter .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 75px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-media-filter .mui-icon{font-size: 20px; color: #999;}
.meeting-media-top .up .right{display: flex; align-items: center;}
.meeting-media-top .up .right .line{color: var(--text-color); margin: 0 5px;}
.meeting-media-top .up .right .action{font-size: 14px; color: var(--text-color);}
.meeting-media-search{padding: 10px 15px;}
.meeting-media-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.meeting-media-search .mui-search .mui-placeholder{pointer-events: none;}
.meeting-media-search .mui-search.mui-active:before{margin-top: -7px;}
.meeting-media-list{margin: 0 15px;}
.meeting-media-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-media-item img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.meeting-media-item-info{width: calc(100% - 50px);}
.meeting-media-item-info .up{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.meeting-media-item-info .up .name{font-size: 16px; color: #333; max-width: 70%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-media-item-info .up img{width: 54px; height: 20px; margin-right: -10px;}
.meeting-media-item-info .down{display: flex; align-items: center; justify-content: space-between;}
.meeting-media-item-info .down .time{padding: 2px 10px; border-radius: 3px; font-size: 12px;}
.meeting-media-item-info .down .short{color: #FB9328; background: rgba(251,147,40,.1);}
.meeting-media-item-info .down .long{color: #03C573; background: rgba(3,197,115,.1); line-height: normal;}
.meeting-media-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-media-plus img{width: 50px; height: 50px; display: flex;}
.meeting-media-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 媒体发布·高级管理 */
.meeting-media-advance-list{margin: 15px 0 0;}
.meeting-media-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-media-advance-item:active{background: #f5f5f5;}
.meeting-media-advance-item .name{font-size: 16px; color: #333;}
.meeting-media-advance-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-media-advance-item .right{display: flex; align-items: center;}
.meeting-media-advance-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.meeting-media-advance-item .right .mui-icon{font-size: 20px; color: #999;}
/* 添加媒体 */
.meeting-media-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.meeting-media-add-device{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.meeting-media-add-device .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.meeting-media-add-device-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.meeting-media-add-device-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.meeting-media-add-device-top .action:active{opacity: 0.8;}
.meeting-media-add-device .wrap .content{margin-bottom: 75px;}
.meeting-media-add-device .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.meeting-media-add-device-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.meeting-media-add-device-item:active{background: #f5f5f5;}
.meeting-media-add-device-item-left{display: flex; align-items: center; width: 85%; position: relative;}
.meeting-media-add-device-item-left .name{font-size: 14px; color: #333; margin-left: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-media-add-device-item-right{display: flex; justify-content: center; align-items: center; width: 15%;}
.meeting-media-add-device-item-right img{width: 18px; height: 18px; display: flex;}
.meeting-media-add-list{margin-top: 15px;}
.meeting-media-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.meeting-media-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.meeting-media-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.meeting-media-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-media-add-item-select:active{background: #f5f5f5;}
.meeting-media-add-item-select>label{font-size: 14px; color: #777;}
.meeting-media-add-item-select .right{display: flex; align-items: center;}
.meeting-media-add-item-select .right .select{font-size: 16px; color: #333;}
.meeting-media-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-media-add-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; padding: 10px 10px 10px 15px;}
.meeting-media-add-item-switch>label{font-size: 14px; color: #777;}
.meeting-media-add-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-media-add-item-content{background: #fff; margin-bottom: 15px;}
.meeting-media-add-item-picture{padding: 10px 0;}
.meeting-media-add-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-media-add-item-picture .up .title{font-size: 16px; color: #333;}
.meeting-media-add-item-picture .up .desc{font-size: 12px; color: #999;}
.meeting-media-add-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.meeting-media-add-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.meeting-media-add-item-picture .down .mui-icon:active{background: #fff;}
.meeting-media-add-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.meeting-media-add-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-media-add-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 5;
    width: 16px; height: 16px; display: flex;}
.meeting-media-add-item-video{padding: 10px 0; display: none;}
.meeting-media-add-item-video .up{display: flex; align-items: center; padding: 0 15px 10px;}
.meeting-media-add-item-video .up .title{font-size: 16px; color: #333;}
.meeting-media-add-item-video .up .desc{font-size: 12px; color: #999;}
.meeting-media-add-item-video .down{display: flex; align-items: center; padding: 0 15px;}
.meeting-media-add-item-video .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px;}
.meeting-media-add-item-video .down .mui-icon:active{background: #fff;}
.meeting-media-add-item-video .down .content{position: relative; width: 100%; height: 200px;}
.meeting-media-add-item-video .down .content .video{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.meeting-media-add-item-video .down .content .video-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.meeting-media-add-action{margin: 20px 40px;}
.meeting-media-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.meeting-media-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-media-add-action .save:active{opacity: 0.8;}
/* 接待记录 */
.meeting-reception-top{background: var(--other-bg-url); background-size: 100% 100%;
    width: 100%; height: 200px; padding: 0 15px;}
.meeting-reception-filter{display: flex; align-items: center; padding: 15px 0; position: relative;}
.meeting-reception-filter-item{display: flex; align-items: center; margin-left: 5px;}
.meeting-reception-filter .meeting-reception-filter-item:first-child{margin-left: 0;}
/*.meeting-reception-filter-item:active{background: #ccc;}*/
.meeting-reception-filter-item img{width: 16px; height: 16px; display: flex;}
.meeting-reception-filter-item .name{font-size: 14px; color: #fff; line-height: normal; margin-left: 5px;}
.meeting-reception-filter-item .mui-icon{font-size: 20px; color: #fff;}
.meeting-reception-search .mui-search{margin: 0 auto;}
.meeting-reception-search .mui-search input{background-color: rgba(255,255,255,.9);}
.meeting-reception-search .mui-search .mui-placeholder{pointer-events: none;}
.meeting-reception-list{margin: -90px 15px 0;}
.meeting-reception-item{padding: 0 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-reception-item:active{background: #f5f5f5;}
.meeting-reception-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.meeting-reception-item-top .left{font-size: 14px; color: #777;}
.meeting-reception-item-top .right{display: flex; align-items: center;}
.meeting-reception-item-top .right .status{display: flex; align-items: center;}
.meeting-reception-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.meeting-reception-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.meeting-reception-item-top .right .status1 .dot{background: #FDA850;}
.meeting-reception-item-top .right .status1 .name{color: #FDA850;}
.meeting-reception-item-top .right .status2 .dot{background: #21D388;}
.meeting-reception-item-top .right .status2 .name{color: #21D388;}
.meeting-reception-item-top .right .status3 .dot{background: #FF5A48;}
.meeting-reception-item-top .right .status3 .name{color: #FF5A48;}
.meeting-reception-item-content{padding: 10px 0;}
.meeting-reception-item-content .up{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 10px;}
.meeting-reception-item-content .down{display: flex; justify-content: space-between; align-items: center;}
.meeting-reception-item-content .down .left{display: flex; align-items: center;}
.meeting-reception-item-content .down .left .desc{font-size: 14px; color: #777;}
.meeting-reception-item-content .down .left .info{display: flex; align-items: center;}
.meeting-reception-item-content .down .left .info img{width: 24px; height: 24px; border-radius: 50%; margin-right: 5px;}
.meeting-reception-item-content .down .left .info .name{font-size: 14px; color: #777;}
.meeting-reception-item-content .down .right{font-size: 14px; color: #777;}
.meeting-reception-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-reception-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 接待登记 */
.meeting-reception-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.meeting-reception-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.meeting-reception-add-multi-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 10px; width: 90%; height: 60%; overflow: hidden; display: none;}
.meeting-reception-add-multi-dialog .wrap{height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; padding-bottom: 10px;}
.meeting-reception-add-multi-dialog .wrap .mui-input-group .mui-input-row{height: auto;}
.meeting-reception-add-multi-dialog .wrap .mui-checkbox.mui-left label{font-size: 14px; color: #333; padding-left: 50px;}
.meeting-reception-add-multi-dialog .wrap .mui-checkbox input[type=checkbox]{top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}
.meeting-reception-add-multi-dialog .wrap .mui-checkbox input[type=checkbox]:before{font-size: 20px;}
.meeting-reception-add-multi-dialog .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.meeting-reception-add-multi-dialog .wrap .mui-input-group:before{height: 0;}
.meeting-reception-add-multi-dialog .wrap .mui-input-group:after{height: 0;}
.meeting-reception-add-multi-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 50px; border-top: 1px solid #f5f5f5;}
.meeting-reception-add-multi-dialog .confirm .mui-btn{padding: 7px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 18px;}
.meeting-reception-add-multi-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.meeting-reception-add-list{margin-top: 15px;}
.meeting-reception-add-item-input{background: #fff;}
.meeting-reception-add-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-reception-add-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.meeting-reception-add-item-select{background: #fff;}
.meeting-reception-add-item-select .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-reception-add-item-select .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-reception-add-item-select .content:active{background: #f5f5f5;}
.meeting-reception-add-item-select .content .name{font-size: 16px; color: #000;}
.meeting-reception-add-item-select .content .mui-icon{font-size: 20px; color: #999;}
.meeting-reception-add-item-radio{background: #fff; padding: 10px 10px 10px 15px;}
.meeting-reception-add-item-radio .title{font-size: 14px; color: #7D8082;}
.meeting-reception-add-item-radio .content{display: flex; align-items: center;}
.meeting-reception-add-item-radio .content .mui-radio.mui-left label{font-size: 14px; color: #999;
    padding-left: 25px; padding-top: 8px; padding-right: 10px;}
.meeting-reception-add-item-radio .content .mui-radio input[type=radio]:before{font-size: 16px; color: var(--text-color);}
.meeting-reception-add-item-radio .content .mui-radio.mui-left input[type=radio]{left: 0;}
.meeting-reception-add-item-continue{display: flex; align-items: center; padding: 5px 5px 15px 15px;}
.meeting-reception-add-item-continue:active{background: #f5f5f5;}
.meeting-reception-add-item-continue svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;margin-right: 5px;}
.meeting-reception-add-item-continue .name{font-size: 14px; color: var(--text-color); line-height: normal;}
.meeting-reception-add-action{margin: 20px 20px;}
.meeting-reception-add-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.meeting-reception-add-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 接待详情 */
.meeting-reception-detail-new-status{position: absolute; top: 20px; right: 20px; z-index: 5;}
.meeting-reception-detail-new-status img{width: 64px; height: 48px; display: flex;}
.meeting-reception-detail-new-top{background: var(--top-bg-url); background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.meeting-reception-detail-new-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.meeting-reception-detail-new-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.meeting-reception-detail-new-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.meeting-reception-detail-new-info{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.meeting-reception-detail-new-info .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.meeting-reception-detail-new-info .title .left{font-size: 16px; font-weight: 500; color: #000;}
.meeting-reception-detail-new-info .title .right{display: flex; align-items: center;}
.meeting-reception-detail-new-info .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.meeting-reception-detail-new-info .title .right span{font-size: 14px; color: var(--text-color); margin-left: 5px; line-height: normal;}
.meeting-reception-detail-new-info .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; position: relative;}
.meeting-reception-detail-new-info .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-reception-detail-new-info .item .left{font-size: 14px; color: #777;}
.meeting-reception-detail-new-info .item .right{font-size: 14px; color: #333;}
.meeting-reception-detail-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px; padding: 0 15px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-reception-detail-new-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.meeting-reception-detail-new-action .agree{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-right: 20px;}
.meeting-reception-detail-new-action .agree:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 人脸管理 */
.meeting-face-manage-top{margin: 15px 15px 0; background: #fff; border-radius: 3px; padding: 10px;
    display: flex; justify-content: space-between; align-items: center;}
.meeting-face-manage-top:active{background: #f5f5f5;}
.meeting-face-manage-top .left{display: flex; align-items: center;}
.meeting-face-manage-top .left img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.meeting-face-manage-top .left svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.meeting-face-manage-top .left .info{display: flex; flex-direction: column; justify-content: center;}
.meeting-face-manage-top .left .info .name{font-size: 16px; color: #333;}
.meeting-face-manage-top .left .info .desc{font-size: 14px; color: #777;}
.meeting-face-manage-top .mui-icon{font-size: 20px; color: #999;}
.meeting-face-manage-list{margin: 15px; background: #fff; border-radius: 3px;}
.meeting-face-manage-list .top{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.meeting-face-manage-list .top .title{font-size: 16px; font-weight: 400; color: #333;}
.meeting-face-manage-list .top .time{font-size: 14px; color: #777;}
.meeting-face-manage-list .mid{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 30px 0 50px;}
.meeting-face-manage-list .mid .img-wrap{width: 175px; height: 175px; border-radius: 50%; margin-bottom: 10px;
    display: flex; justify-content: center; align-items: center; border: 1px solid #F5F5F5;}
.meeting-face-manage-list .mid .img-wrap img{width: 150px; height: 150px; border-radius: 50%; display: flex;}
.meeting-face-manage-list .mid .status1{font-size: 16px; font-weight: 400; color: #21D388;}
.meeting-face-manage-list .mid .status2{font-size: 16px; font-weight: 400; color: #FF5A48;}
.meeting-face-manage-list .action{margin: 0 20px; padding-bottom: 30px;}
.meeting-face-manage-list .action button{padding: 10px 0; font-size: 16px;}
.meeting-face-manage-list .action .entry{color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.meeting-face-manage-list .action .entry:active{opacity: 0.8;}
.meeting-face-manage-list .action .upload{color: var(--text-color); border: 1px solid var(--bg-color); background-color: #fff; margin-bottom: 0;}
.meeting-face-manage-list .action .upload:active{opacity: 0.8;}
.meeting-face-manage-list .action .notify{color: var(--text-color); border: 1px solid var(--bg-color); background-color: #fff; margin-top: 15px;}
.meeting-face-manage-list .action .notify:active{opacity: 0.8;}
/* 视频会议设置 */
.meeting-video-set-list{margin: 15px 0 0;}
.meeting-video-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.meeting-video-set-item:active{background: #f5f5f5;}
.meeting-video-set-item .name{font-size: 16px; color: #333;}
.meeting-video-set-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-video-set-item .right{display: flex; align-items: center;}
.meeting-video-set-item .right .desc{font-size: 14px; color: #999;}
.meeting-video-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 更多设置 */
.meeting-more-set-list{margin: 15px 15px 0;}
.meeting-more-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.meeting-more-set-item:active{background: #f5f5f5;}
.meeting-more-set-item .left{display: flex; align-items: center;}
.meeting-more-set-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.meeting-more-set-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.meeting-more-set-item .left .name{font-size: 16px; color: #333;}
.meeting-more-set-item .right{display: flex; align-items: center;}
.meeting-more-set-item .right .desc{font-size: 14px; color: #777;}
.meeting-more-set-item .mui-icon{font-size: 20px; color: #999;}
.meeting-more-set-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 钉钉日程 */
.meeting-ding-schedule-list{margin-top: 15px;}
.meeting-ding-schedule-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 45px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.meeting-ding-schedule-item .name{font-size: 16px; color: #333;}
.meeting-ding-schedule-item .action{display: flex; align-items: center;}
.meeting-ding-schedule-item .action .mui-switch-blue.mui-active {border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.meeting-ding-schedule-item2 .right{display: flex; align-items: center;}
.meeting-ding-schedule-item2 .right .during{font-size: 14px; color: #777;}
.meeting-ding-schedule-item2 .right .mui-icon{font-size: 20px; color: #999;}
.meeting-ding-schedule-item2:active{background: #f5f5f5;}
/* 会议记录导出 */
.meeting-record-export-list{margin-top: 15px;}
.meeting-record-export-item{background: #fff; margin-bottom: 15px;}
.meeting-record-export-item .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-record-export-item .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-record-export-item .content:active{background: #f5f5f5;}
.meeting-record-export-item .content .name{font-size: 16px; color: #000;}
.meeting-record-export-item .content .mui-icon{font-size: 20px; color: #999;}
.meeting-record-export-item-time{background: #fff;}
.meeting-record-export-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.meeting-record-export-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.meeting-record-export-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.meeting-record-export-item-time .content:active{background: #f5f5f5;}
.meeting-record-export-item-time .content .name{font-size: 16px; color: #000;}
.meeting-record-export-item-time .content .mui-icon{font-size: 20px; color: #999;}
.meeting-record-export-action{margin: 25px 20px;}
.meeting-record-export-action .export{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; letter-spacing: 5px;}
.meeting-record-export-action .export:active{opacity: 0.8;}
/* 自定义名称 */
.meeting-custom-name .title{font-size: 14px; color: #777; padding: 15px 10px 5px 10px;}
.meeting-custom-name-item{display: flex; padding: 0 10px; background: #fff; height: 50px; position: relative;}
.meeting-custom-name-item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.meeting-custom-name-item-left{display: flex; justify-content: space-between; align-items: center; width: 75%;}
.meeting-custom-name-item-left .old-name{font-size: 16px; color: #999;}
.meeting-custom-name-item-left .mui-icon{font-size: 16px; color: var(--text-color); position: absolute;top: 12px; left: 120px; z-index: 9;}
.meeting-custom-name-item-left .new-name{font-size: 16px; color: #333;}
.meeting-custom-name-item-right{display: flex; align-items: center; justify-content: flex-end; width: 25%;}
.meeting-custom-name-item-right img{width: 20px; height: 20px; display: flex;}
/* 雷达感应设备 */
.meeting-radar-top-tip{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px;}
.meeting-radar-top-tip .left{font-size: 14px; color: var(--text-color);}
.meeting-radar-top-tip .right{font-size: 14px; color: var(--text-color);}
.meeting-radar-top{margin: 0 15px; display: flex; align-items: center;}
.meeting-radar-top .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.meeting-radar-top .item:active{background: #f5f5f5;}
.meeting-radar-top .item:first-child{margin-right: 15px;}
.meeting-radar-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.meeting-radar-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.meeting-radar-top .item .mui-icon{font-size: 20px; color: #999;}
.meeting-radar-list{margin: 15px 15px 0;}
.meeting-radar-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.meeting-radar-item:active{background: #f5f5f5;}
.meeting-radar-item svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.meeting-radar-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.meeting-radar-item-info .up{display: flex; align-items: center; margin-bottom: 5px;}
.meeting-radar-item-info .up .name{font-size: 16px; color: #333; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-item-info .up .online{font-size: 12px; color: #21D388; padding: 1px 6px; border-radius: 3px;
    background: rgba(33,211,136,.2); line-height: normal; margin-left: 5px;}
.meeting-radar-item-info .up .offline{font-size: 12px; color: #FF5A48; padding: 1px 6px; border-radius: 3px;
    background: rgba(255,90,72,.2); line-height: normal; margin-left: 5px;}
.meeting-radar-item-info .down{display: flex; align-items: center; justify-content: space-between;}
.meeting-radar-item-info .down .left{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-item-info .down .right{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-radar-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 雷达感应设备·添加 */
.meeting-radar-add-list{margin-top: 10px; margin-bottom: 80px;}
.meeting-radar-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.meeting-radar-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.meeting-radar-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.meeting-radar-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.meeting-radar-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.meeting-radar-add-item-select:active{background: #f5f5f5;}
.meeting-radar-add-item-select>label{font-size: 16px; color: #333;}
.meeting-radar-add-item-select .right{display: flex; align-items: center;}
.meeting-radar-add-item-select .right .select{font-size: 16px; color: #777;}
.meeting-radar-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.meeting-radar-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.meeting-radar-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.meeting-radar-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 雷达感应设备·编辑 */
.meeting-radar-edit .meeting-radar-add-action .save{width: 67%;}
.meeting-radar-edit .meeting-radar-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 雷达感应设备·高级管理 */
.meeting-radar-advance-list{margin-top: 15px;}
.meeting-radar-advance-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.meeting-radar-advance-item-select:active{background: #f5f5f5;}
.meeting-radar-advance-item-select>label{font-size: 14px; color: #777;}
.meeting-radar-advance-item-select .right{display: flex; align-items: center;}
.meeting-radar-advance-item-select .right .select{font-size: 16px; color: #333;}
.meeting-radar-advance-item-select .right .mui-icon{font-size: 20px; color: #999;}
/* 雷达提示记录 */
.meeting-radar-record-top{margin-bottom: 15px; background: #fff;}
.meeting-radar-record-date{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.meeting-radar-record-date-left{display: flex; align-items: center; padding: 5px;}
.meeting-radar-record-date-left:active{background: #f5f5f5;}
.meeting-radar-record-date-left img{width: 16px; height: 16px; display: flex;}
.meeting-radar-record-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.meeting-radar-record-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.meeting-radar-record-date-left .mui-icon{font-size: 20px; color: #999;}
.meeting-radar-record-date-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.meeting-radar-record-date-right:active{background: #f5f5f5;}
.meeting-radar-record-date-right img{width: 16px; height: 16px; display: flex;}
.meeting-radar-record-date-right .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 40px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-record-date-right .mui-icon{font-size: 20px; color: #999;}
.meeting-radar-record-list{margin: 0 15px;}
.meeting-radar-record-item{display: flex; align-items: center; padding: 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.meeting-radar-record-item:active{background: #f5f5f5;}
.meeting-radar-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.meeting-radar-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.meeting-radar-record-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-radar-record-item-info .up .left{font-size: 16px; color: #333; max-width: 70%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-record-item-info .up .right{font-size: 12px; color: #999; max-width: 30%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.meeting-radar-record-item-info .mid .left{font-size: 14px; color: #777; max-width: 20%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-record-item-info .mid .right{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting-radar-record-item-info .down{font-size: 14px; color: #777;}
.meeting-radar-record-export{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.meeting-radar-record-export svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}

/* ================================== 访客 =========================================== */
/* 新的首页 */
.visitor-index-new-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5); display: none;}
.visitor-index-new-dialog{position: fixed; top: 15%; bottom: 15%; left: 10%; right: 10%; z-index: 9;
    border-radius: 10px; display: flex; flex-direction: column; justify-content: center;
    background: url("../img/visitor/bg_mask.png") center no-repeat; background-size: 100% 100%; display: none;}
.visitor-index-new-dialog .top{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-new-dialog .top .title{font-size: 24px; font-weight: 500; color: #fff;
    margin-bottom: 7px; letter-spacing: 2px;}
.visitor-index-new-dialog .top .desc{font-size: 14px; color: #fff;}
.visitor-index-new-dialog .mid{display: flex; justify-content: center; margin: 10% 0 10%;}
.visitor-index-new-dialog .mid img{width: 200px; height: 200px; display: flex;}
.visitor-index-new-dialog .bottom{display: flex; justify-content: space-around; align-items: center;}
.visitor-index-new-dialog .bottom .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-new-dialog .bottom .item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.visitor-index-new-dialog .bottom .item .name{font-size: 14px; color: #555;}
.visitor-index-new{background: url("../img/visitor/index/bg.png") center no-repeat; background-size: 100% 100%;
    padding: 20px 10px; overflow-y: auto;}
.visitor-index-new-notice{display: flex; align-items: center; height: 40px; border-radius: 5px; background: #fff; margin-bottom: 15px;}
.visitor-index-new-notice .left{display: flex; justify-content: center; align-items: center;
    width: 22%; border-right: 1px solid #777; line-height: 18px;}
.visitor-index-new-notice .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.visitor-index-new-notice .left span{font-size: 14px; font-weight: 500; color: #000;}
.visitor-index-new-notice .right{max-width: 75%; padding: 0 10px; font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-index-new-data{background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
.visitor-index-new-data .top{display: flex; align-items: center; margin-bottom: 10px;}
.visitor-index-new-data .top .title{font-size: 16px; font-weight: 500; color: #333;}
.visitor-index-new-data .top .desc{font-size: 12px; color: #999;}
.visitor-index-new-data .mid{display: flex; align-items: center;}
.visitor-index-new-data .mid .item{flex: 1; padding: 10px 0; background: #f5f5f5; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-new-data .mid .item:nth-child(2){margin: 0 10px;}
.visitor-index-new-data .mid .item:active{background: #fff;}
.visitor-index-new-data .mid .item .name{font-size: 14px; color: #777;}
.visitor-index-new-data .mid .item .num{font-size: 16px; font-weight: 500;}
.visitor-index-new-data .mid .item .num.num1{color: #5188FF;}
.visitor-index-new-data .mid .item .num.num2{color: #1AC596;}
.visitor-index-new-data .mid .item .num.num3{color: #FF8317;}
.visitor-index-new-data .mid .item .num.num4{color: #EE4C4C;}
.visitor-index-new-first{display: flex; justify-content: space-between; margin-bottom: 15px;}
.visitor-index-new-first-item{display: flex; align-items: center; width: 48.5%; padding: 15px 0 15px 10px;
    background: #fff; border-radius: 5px;}
.visitor-index-new-first-item:active{background: #f5f5f5;}
.visitor-index-new-first-item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.visitor-index-new-first-item .right{display: flex; flex-direction: column; justify-content: center;}
.visitor-index-new-first-item .right .name{font-size: 15px; font-weight: 500; color: #000;}
.visitor-index-new-first-item .right .desc{font-size: 12px; color: #777;}
.visitor-index-new-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.visitor-index-new-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-index-new-content-item .list{display: flex; flex-wrap: wrap;}
.visitor-index-new-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.visitor-index-new-content-item .list .item:active{background: #F5F5F5;}
.visitor-index-new-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.visitor-index-new-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.visitor-index-new-content-item .list .item .desc{font-size: 12px; color: #999;}
/* 旧的首页 */
.visitor-index-top{background: url("../img/meeting/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 180px; display: flex; align-items: center; position: relative;}
.visitor-index-top-list{display: flex; justify-content: space-around; width: 100%;}
.visitor-index-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-top-item .num{font-size: 30px; font-weight: 400; color: rgba(255,255,255, .9); margin-bottom: 10px;}
.visitor-index-top-item .name{font-size: 14px; color: rgba(255,255,255, .6);}
.visitor-index-top .operate{position: absolute; top: 10px; right: 15px; z-index: 3;
    display: flex; align-items: center;}
.visitor-index-top .operate img{width: 14px; height: 14px; display: flex; margin-right: 3px;}
.visitor-index-top .operate span{font-size: 14px; color: #fff;}
.visitor-index-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5); display: none;}
.visitor-index-dialog{position: fixed; top: 15%; bottom: 15%; left: 10%; right: 10%; z-index: 9;
    border-radius: 10px; display: flex; flex-direction: column; justify-content: center;
    background: url("../img/visitor/bg_mask.png") center no-repeat; background-size: 100% 100%; display: none;}
.visitor-index-dialog .top{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-dialog .top .title{font-size: 24px; font-weight: 500; color: #fff;
    margin-bottom: 7px; letter-spacing: 2px;}
.visitor-index-dialog .top .desc{font-size: 14px; color: #fff;}
.visitor-index-dialog .mid{display: flex; justify-content: center; margin: 10% 0 10%;}
.visitor-index-dialog .mid img{width: 200px; height: 200px; display: flex;}
.visitor-index-dialog .bottom{display: flex; justify-content: space-around; align-items: center;}
.visitor-index-dialog .bottom .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-index-dialog .bottom .item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.visitor-index-dialog .bottom .item .name{font-size: 14px; color: #555;}
.visitor-index-list{margin: -40px 20px 30px; position: relative; z-index: 5;}
.visitor-index-item{display: flex; justify-content: space-between; padding: 10px 15px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-index-list .visitor-index-item:last-child{margin-bottom: 0;}
.visitor-index-item:active{background: #f5f5f5;}
.visitor-index-item-left{display: flex; align-items: center;}
.visitor-index-item-left img{width: 60px; height: 60px; margin-right: 10px;}
.visitor-index-item-left .visitor-index-item-info{display: flex; flex-direction: column; justify-content: center; position: relative;}
.visitor-index-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.visitor-index-item-info .desc{font-size: 14px; color: #999;}
.visitor-index-item-info .approval{position: absolute; left: 70px; top: -5px; z-index: 9;
    display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; width: 64px; height: 18px;
    background: url("../img/visitor/dsh_bg.png") center no-repeat; background-size: 100% 100%; line-height: normal;}
.visitor-index-item-info .approval_en{position: absolute; left: 150px; top: -5px; z-index: 9;
    display: flex; justify-content: center; align-items: center; font-size: 12px; color: #fff; width: 110px; height: 25px;
    background: url("../img/visitor/dsh_bg.png") center no-repeat; background-size: 100% 100%; line-height: normal;}
.visitor-index-item-right{display: flex; align-items: center;}
.visitor-index-item-right span{font-size: 20px; color: #999;}
/* 预约记录·新 */
.visitor-record-new-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-record-new-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9;
    background: #fff; padding-top: 10px; display: none;}
.visitor-record-new-dialog-item{padding: 0 15px;}
.visitor-record-new-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.visitor-record-new-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.visitor-record-new-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.visitor-record-new-dialog-time .time:active{background: #fff;}
.visitor-record-new-dialog-time .space{color: #333;}
.visitor-record-new-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.visitor-record-new-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.visitor-record-new-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.visitor-record-new-dialog-action .confirm{color: var(--text-color);}
.visitor-record-new-dialog-action span:active{background: #f5f5f5;}
.visitor-record-new-top{background: var(--top-bg-url); background-size: 100% 100%;
    width: 100%; height: 180px; padding: 0 15px;}
.visitor-record-new-filter{display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.visitor-record-new-filter-item{display: flex; align-items: center;}
.visitor-record-new-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.visitor-record-new-filter-item .mui-icon{font-size: 20px; color: #fff;}
.visitor-record-new-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.visitor-record-new-search .mui-search{margin: 0 auto;}
.visitor-record-new-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-record-new-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-record-new-list{margin: -60px 15px 0;}
.visitor-record-new-item{padding: 0 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-record-new-item:active{background: #f5f5f5;}
.visitor-record-new-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.visitor-record-new-item-top .left{font-size: 14px; color: #777;}
.visitor-record-new-item-top .right{display: flex; align-items: center;}
.visitor-record-new-item-top .right .status{display: flex; align-items: center;}
.visitor-record-new-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.visitor-record-new-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.visitor-record-new-item-top .right .status1 .dot{background: #FDA850;}
.visitor-record-new-item-top .right .status1 .name{color: #FDA850;}
.visitor-record-new-item-top .right .status2 .dot{background: #21D388;}
.visitor-record-new-item-top .right .status2 .name{color: #21D388;}
.visitor-record-new-item-top .right .status3 .dot{background: #FF5A48;}
.visitor-record-new-item-top .right .status3 .name{color: #FF5A48;}
.visitor-record-new-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.visitor-record-new-item-mid .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-record-new-item-mid .left .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-record-new-item-mid .left .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-record-new-item-mid .mui-icon{font-size: 20px; color: #999;}
.visitor-record-new-item-mid .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-record-new-item-mid .right .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-record-new-item-mid .right .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-record-new-item-bottom{padding: 10px 10px; background: #f5f5f5;}
.visitor-record-new-item-bottom .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-record-new-item-bottom .up .left{display: flex; align-items: center;}
.visitor-record-new-item-bottom .up .left img{width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.visitor-record-new-item-bottom .up .left .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-record-new-item-bottom .up .left .info .name{font-size: 16px; color: #333;}
.visitor-record-new-item-bottom .up .left .info .desc{font-size: 14px; color: #777;}
.visitor-record-new-item-bottom .up .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-record-new-item-bottom .up .right .status{font-size: 14px;}
.visitor-record-new-item-bottom .up .right .status.status1{color: #FDA850;}
.visitor-record-new-item-bottom .up .right .status.status2{color: #21D388;}
.visitor-record-new-item-bottom .up .right .status.status3{color: #FF5A48;}
.visitor-record-new-item-bottom .up .right .time{font-size: 12px; color: #999;}
.visitor-record-new-item-bottom .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-record-new-item-bottom .down .left{display: flex; align-items: center;}
.visitor-record-new-item-bottom .down .left .desc{font-size: 14px; color: #777;}
.visitor-record-new-item-bottom .down .left .info{display: flex; align-items: center;}
.visitor-record-new-item-bottom .down .left .info img{width: 24px; height: 24px; border-radius: 50%; margin-right: 5px;}
.visitor-record-new-item-bottom .down .left .info .name{font-size: 14px; color: #777;}
.visitor-record-new-item-bottom .down .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 预约记录&登记记录&未还卡列表 */
.visitor-record-top{background: url("../img/meeting/wdhy_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px; padding: 5px 15px 0;}
.visitor-record-date{display: flex; justify-content: space-between;}
.visitor-record-date-left{display: flex; align-items: center; padding: 5px;}
.visitor-record-date-left img{width: 16px; height: 16px; display: flex;}
.visitor-record-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.visitor-record-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.visitor-record-date-left .mui-icon{font-size: 20px; color: #fff;}
.visitor-record-date-right{display: flex; align-items: center; padding: 5px;}
.visitor-record-date-right img{width: 16px; height: 16px; display: flex;}
.visitor-record-date-right .name{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.visitor-record-date-right .mui-icon{font-size: 20px; color: #fff;}
.visitor-record-search{margin-top: 10px;}
.visitor-record-search .mui-search{margin: 0 auto;}
.visitor-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-record .mui-search .mui-placeholder{pointer-events: none;}
.visitor-record-list{margin: -100px 15px 20px;}
.visitor-record-list-item{padding: 15px; background: #fff; border-radius: 5px;
    box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visitor-record-list .visitor-record-list-item:last-child{margin-bottom: 0;}
.visitor-record-list-item:active{background: #f5f5f5;}
.visitor-record-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.visitor-record-item-up-left{display: flex; align-items: center;}
.visitor-record-item-up-left .img-wrap{position: relative;}
.visitor-record-item-up-left .img-wrap .icon{width: 42px; height: 42px; border-radius: 50%; display: flex;}
.visitor-record-item-up-left .img-wrap .mask{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5;
    background: rgba(0,0,0, .3); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.visitor-record-item-up-left .img-wrap .mask .warn{width: 24px; height: 24px; display: flex;}
.visitor-record-item-up-left .info{display: flex; flex-direction: column; justify-content: center; margin-left: 10px;}
.visitor-record-item-up-left .info .name{font-size: 16px; color: #333;}
.visitor-record-item-up-left .info .type{font-size: 14px; color: #999;}
.visitor-record-item-up-right{display: flex; align-items: center;}
.visitor-record-item-up-right span{font-size: 14px; color: #777;}
.visitor-record-item-middle{display: flex; flex-direction: column; margin-bottom: 15px;}
.visitor-record-item-middle-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.visitor-record-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-record-item-middle-time img{width: 7px; height: 12px; display: flex;}
.visitor-record-item-middle-date{display: flex; justify-content: space-between; align-items: center;}
.visitor-record-item-middle-date span{font-size: 14px; color: #999;}
.visitor-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-record-item-down-left, .visitor-record-item-down-mid, .visitor-record-item-down-right{display: flex; align-items: center;}
.visitor-record-item-down-left span{font-size: 14px; color: #555;}
.visitor-record-item-down-left img{width: 24px; height: 24px; border-radius: 5px; display: flex; margin-right: 5px;}
.visitor-record-item-down-mid span{font-size: 14px; color: #555;}
.visitor-record-item-down-right span{font-size: 14px;}
.visitor-record-item-down-right .status1{color: #FDA850;}
.visitor-record-item-down-right .status2{color: #21D388;}
.visitor-record-item-down-right .status3{color: #FF5A48;}
.visitor-record-list-item-status{position: absolute; top: 0; right: 0; z-index: 9;}
.visitor-record-list-item-status img{width: 50px; height: 50px; display: flex;}
.visitor-record-export{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-record-export img{width: 50px; height: 50px; display: flex;}
/* 预约详情·最新 */
.visitor-detail-new-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-detail-new-eat-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visitor-detail-new-eat-dialog-top{display: flex; justify-content: center; align-items: center;
    height: 40px; font-size: 16px; color: #000;}
.visitor-detail-new-eat-dialog-item-switch{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; border-bottom: 1px solid #f7f7f7;}
.visitor-detail-new-eat-dialog-item-switch .title{font-size: 14px; color: #7D8082;}
.visitor-detail-new-eat-dialog-item-switch .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-detail-new-eat-dialog-item-textarea .title{font-size: 14px; color: #7D8082; padding: 10px 10px 5px 10px;}
.visitor-detail-new-eat-dialog-item-textarea .content{padding: 0 10px;}
.visitor-detail-new-eat-dialog-item-textarea .content textarea{font-size: 16px; color: #333; border: 0;
    padding: 7px; margin: 0; background: #f5f5f5;}
.visitor-detail-new-eat-dialog-action{margin: 20px 20px 0;}
.visitor-detail-new-eat-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.visitor-detail-new-eat-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-detail-new-auth-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visitor-detail-new-auth-dialog-top{display: flex; justify-content: center; align-items: center;
    height: 40px; font-size: 16px; font-weight: 500; color: #000;}
.visitor-detail-new-auth-dialog-content{width: 100%; height: calc(100% - 120px);}
.visitor-detail-new-auth-dialog-content .mui-slider{width: auto; height: 100%;}
.visitor-detail-new-auth-dialog-content .mui-slider .mui-slider-group{height: calc(100% - 45px);}
.visitor-detail-new-auth-dialog-content .mui-control-content{background: #fff;}
.visitor-detail-new-auth-dialog-content .mui-segmented-control{background: #fff;}
.visitor-detail-new-auth-dialog-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 1px solid #f5f5f5;}
.visitor-detail-new-auth-dialog-content .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.visitor-detail-new-auth-dialog-content .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.visitor-detail-new-auth-dialog-content-item{display: flex; justify-content: space-between; width: 100%;
    border-bottom: 1px solid #f5f5f5; padding: 15px 15px; position: relative;}
.visitor-detail-new-auth-dialog-content-item-left{display: flex; align-items: center;}
.visitor-detail-new-auth-dialog-content-item-left svg{width: 20px; height: 20px; overflow: hidden; margin-right: 10px;}
.visitor-detail-new-auth-dialog-content-item-left svg.un{fill: #bbb;}
.visitor-detail-new-auth-dialog-content-item-left svg.select{fill: var(--svg-color);}
.visitor-detail-new-auth-dialog-content .mui-slider .mui-slider-group .visitor-detail-new-auth-dialog-content-item-left .name{font-size: 16px; color: #333;}
.visitor-detail-new-auth-dialog-content-item-right{display: flex; align-items: center;}
.visitor-detail-new-auth-dialog-action{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}
.visitor-detail-new-auth-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%;}
.visitor-detail-new-auth-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-detail-new-status{position: absolute; top: 20px; right: 20px; z-index: 5;}
.visitor-detail-new-status img{width: 64px; height: 48px; display: flex;}
.visitor-detail-new-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.visitor-detail-new-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-detail-new-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-detail-new-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visitor-detail-new-msg{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #f5f5f5; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.visitor-detail-new-msg .left{display: flex; align-items: center;}
.visitor-detail-new-msg .left .wrap{display: flex; align-items: center;}
.visitor-detail-new-msg .left .wrap .name{font-size: 14px; color: #555;}
.visitor-detail-new-msg .left .wrap .status1{color: #FDA850; font-size: 14px;}
.visitor-detail-new-msg .left .wrap .status2{color: #21D388; font-size: 14px;}
.visitor-detail-new-msg .left .wrap .status3{color: #FF5A48; font-size: 14px;}
.visitor-detail-new-msg .left .hand{font-size: 14px; color: var(--text-color); margin-left: 10px;}
.visitor-detail-new-msg .right{display: flex; align-items: center;}
.visitor-detail-new-msg .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.visitor-detail-new-msg .right span{font-size: 14px; color: var(--text-color); margin-left: 3px; line-height: normal;}
.visitor-detail-new-info{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.visitor-detail-new-info .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-detail-new-info .title .left{font-size: 16px; font-weight: 500; color: #000;}
.visitor-detail-new-info .title .right{display: flex; align-items: center;}
.visitor-detail-new-info .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.visitor-detail-new-info .title .right span{font-size: 14px; color: var(--text-color); margin-left: 5px; line-height: normal;}
.visitor-detail-new-info .person{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; position: relative;}
.visitor-detail-new-info .person:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-detail-new-info .person .left{display: flex; align-items: center;}
.visitor-detail-new-info .person .left img{width: 50px; height: 50px; border-radius: 50%; display: flex; margin-right: 10px;}
.visitor-detail-new-info .person .left .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-detail-new-info .person .left .info .name{font-size: 14px; color: #333; margin-bottom: 3px;}
.visitor-detail-new-info .person .left .info .desc{display: flex; align-items: center;}
.visitor-detail-new-info .person .left .info .desc svg{width: 14px; height: 14px; fill: #FF5A48; overflow: hidden;}
.visitor-detail-new-info .person .left .info .desc span{font-size: 12px; color: #FF5A48; margin-left: 5px; line-height: normal;}
.visitor-detail-new-info .person .right{display: flex; align-items: center;}
.visitor-detail-new-info .person .right .status1{display: flex; align-items: center;}
.visitor-detail-new-info .person .right .status1 svg{width: 16px; height: 16px; fill: #FDA850; overflow: hidden;}
.visitor-detail-new-info .person .right .status1 span{font-size: 14px; color: #FDA850; margin-left: 5px; line-height: normal;}
.visitor-detail-new-info .person .right .status2{display: flex; align-items: center;}
.visitor-detail-new-info .person .right .status2 svg{width: 16px; height: 16px; fill: #21D388; overflow: hidden;}
.visitor-detail-new-info .person .right .status2 span{font-size: 14px; color: #21D388; margin-left: 5px; line-height: normal;}
.visitor-detail-new-info .person .right .status3{display: flex; align-items: center;}
.visitor-detail-new-info .person .right .status3 svg{width: 16px; height: 16px; fill: #FF5A48; overflow: hidden;}
.visitor-detail-new-info .person .right .status3 span{font-size: 14px; color: #FF5A48; margin-left: 5px; line-height: normal;}
.visitor-detail-new-info .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; position: relative;}
.visitor-detail-new-info .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-detail-new-info .item2:active{background: #F5F5F5;}
.visitor-detail-new-info .item .left{font-size: 14px; color: #777;}
.visitor-detail-new-info .item .right{font-size: 14px; color: #333;}
.visitor-detail-new-info .item .right2{display: flex; align-items: center;}
.visitor-detail-new-info .item .right2 .num1{font-size: 14px; color: #333;}
.visitor-detail-new-info .item .right2 .num2{font-size: 14px; color: var(--text-color);}
.visitor-detail-new-info .item .right2 .mui-icon{font-size: 20px; color: var(--text-color);}
.visitor-detail-new-record{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.visitor-detail-new-record .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-detail-new-record .title .left{font-size: 16px; font-weight: 500; color: #000;}
.visitor-detail-new-record .item{padding: 15px 10px; position: relative;}
.visitor-detail-new-record .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-detail-new-record .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.visitor-detail-new-record .item .desc{font-size: 14px; color: #333;}
.visitor-detail-new-record .item .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-detail-new-record .item .down .left{font-size: 14px; color: #333;}
.visitor-detail-new-record .item .down .right{display: flex; align-items: center;}
.visitor-detail-new-record .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.visitor-detail-new-record .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.visitor-detail-new-record .item .img-wrap{display: flex; align-items: center; flex-wrap: wrap;}
.visitor-detail-new-record .item .img-wrap .img{width: 60px; height: 60px; display: flex; border-radius: 3px;
    margin-right: 15px; margin-bottom: 5px;}
.visitor-detail-new-approval{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.visitor-detail-new-approval .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-detail-new-approval .title .left{font-size: 16px; font-weight: 500; color: #000;}
.visitor-detail-new-approval-content{padding: 10px}
.visitor-detail-new-approval-content .line{height: 60px; border-left: 2px solid #ddd; margin: 10px 0 10px 18px;}
.visitor-detail-new-approval-content .no-line{border-left: 2px solid #fff;}
.visitor-detail-new-approval-content-item{display: flex; align-items: center;}
.visitor-detail-new-approval-content-item .left{display: flex; justify-content: center; align-items: center;
    margin-right: 10px; position: relative;}
.visitor-detail-new-approval-content-item .left img{width: 36px; height: 36px; display: flex;}
.visitor-detail-new-approval-content-item .left .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.visitor-detail-new-approval-content-item .right{flex: 1;}
.visitor-detail-new-approval-content-item .right .up{display: flex; justify-content: space-between; align-items: center;}
.visitor-detail-new-approval-content-item .right .up .title{font-size: 14px; color: #333;}
.visitor-detail-new-approval-content-item .right .up .time{font-size: 12px; color: #999;}
.visitor-detail-new-approval-content-item .right .down{display: flex; align-items: center;}
.visitor-detail-new-approval-content-item .right .down .desc{font-size: 12px; color: #777;}
.visitor-detail-new-approval-content .content{display: flex; align-items: center; width: 100%; padding-left: 16px;}
.visitor-detail-new-approval-content .content .wrap{display: flex; align-items: center;}
.visitor-detail-new-approval-content .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-detail-new-approval-content .content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.visitor-detail-new-approval-content .content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.visitor-detail-new-approval-content .content .person-item .person-item-img .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.visitor-detail-new-approval-content .content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.visitor-detail-new-approval-content .content .person-item.all .name{width: 50px;}
.visitor-detail-new-approval-content .content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.visitor-detail-new-verify{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.visitor-detail-new-verify .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-detail-new-verify .title .left{font-size: 16px; font-weight: 500; color: #000;}
.visitor-detail-new-verify .title .right{font-size: 12px; color: #FF5A48;}
.visitor-detail-new-verify .pic-list{display: flex; flex-wrap: wrap; padding: 10px;}
.visitor-detail-new-verify .pic-list .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.visitor-detail-new-verify .pic-list .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.visitor-detail-new-verify .pic-list .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-detail-new-verify .pic-list .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.visitor-detail-new-verify .pic-list .pic-action:active{background: #f5f5f5;}
.visitor-detail-new-verify .pic-list .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.visitor-detail-new-verify .pic-list .pic-action .name{font-size: 12px; color: #999;}
.visitor-detail-new-verify .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; position: relative;}
.visitor-detail-new-verify .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-detail-new-verify .item .left{font-size: 14px; color: #777;}
.visitor-detail-new-verify .item .right{font-size: 14px; color: #333;}
.visitor-detail-new-bottom{display: flex; justify-content: center; align-items: center;}
.visitor-detail-new-bottom .left{display: flex; align-items: center;}
.visitor-detail-new-bottom .left .item{font-size: 14px; color: var(--text-color);}
.visitor-detail-new-bottom .right{display: flex; align-items: center; margin-left: 15px;}
.visitor-detail-new-bottom .right .item{font-size: 14px; color: var(--text-color);}
.visitor-detail-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-detail-new-action .agree{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 67%;}
.visitor-detail-new-action .agree:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.visitor-detail-new-action .refuse{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
.visitor-detail-new-action .manual{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-detail-new-action .manual:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 预约详情·旧 */
.visitor-book-detail{display: flex; flex-direction: column;}
.visitor-book-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-book-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-book-detail-title-right{display: flex;}
.visitor-book-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-book-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-book-detail-title-right img{width: 15px; height: 15px; display: flex;}
.visitor-book-detail-title-right .link{display: flex;}
.visitor-book-detail-title-right .link img{width: 15px; height: 15px; display: flex; margin-right: 1px;}
.visitor-book-detail-title-right .link .desc{font-size: 12px; color: #fff;}
.visitor-book-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-book-detail-info{display: flex; margin-bottom: 20px;}
.visitor-book-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-book-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.visitor-book-detail-info-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-info-right .up .left{display: flex; align-items: center;}
.visitor-book-detail-info-right .up .name{font-size: 16px; color: #333;}
.visitor-book-detail-info-right .up .left .status{font-size: 12px; color: #fff; padding: 0 9px;
    background: #5C50F8; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-info-right .up .left .status1{font-size: 12px; color: #fff; padding: 0 9px;
    background: #21D388; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-info-right .up .left .status2{font-size: 12px; color: #fff; padding: 0 9px;
    background: #FF5A48; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-info-right .up .black{display: flex; align-items: center;}
.visitor-book-detail-info-right .up .black .action{font-size: 12px; padding: 2px 10px; line-height: normal; border-radius: 12px;}
.visitor-book-detail-info-right .up .black .action.join{color: #5C50F8; border: 1px solid #5C50F8;}
.visitor-book-detail-info-right .up .black .action.remove{color: #999; border: 1px solid #999;}
.visitor-book-detail-info-right .down{display: flex; align-items: center;}
.visitor-book-detail-info-right .down .role{font-size: 14px; color: #777;}
.visitor-book-detail-info-right .down .status{font-size: 14px; color: #FF5A48; margin-left: 10px;}
.visitor-book-detail-item{display: flex; margin-bottom: 20px;}
.visitor-book-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-item-left img{width: 20px; height: 20px;}
.visitor-book-detail-item-right{display: flex; width: 80%;}
.visitor-book-detail-item-right1{flex-direction: column; justify-content: center;}
.visitor-book-detail-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-item-right-up span{font-size: 16px; color: #333;}
.visitor-book-detail-item-right-up img{width: 7px; height: 12px;}
.visitor-book-detail-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-book-detail-item-right-down span{font-size: 14px; color: #777;}
.visitor-book-detail-item-right2{flex-direction: column; justify-content: center;}
.visitor-book-detail-item-right2 .title{font-size: 16px; color: #333;}
.visitor-book-detail-item-right3{justify-content: space-between;}
.visitor-book-detail-item-right3 .list{display: flex; align-items: center;}
.visitor-book-detail-item-right3 .list .item:last-child{margin-right: 0;}
.visitor-book-detail-item-right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.visitor-book-detail-item-right3 .item2{display: flex; justify-content: center; align-items: center;}
.visitor-book-detail-item-right3 .item img{width: 30px; height: 30px; border-radius: 50%; margin-bottom: 5px;}
.visitor-book-detail-item-right3 .item .name{font-size: 14px; color: #777;}
.visitor-book-detail-item-right3 .item2 span{font-size: 14px; color: #999; margin-right: 5px;}
.visitor-book-detail-item-right3 .item2 img{width: 9px; height: 18px;}
.visitor-book-detail-item-right4 img{width: 50px; height: 50px;}
.visitor-book-detail-item-right5{justify-content: flex-start; flex-wrap: wrap; align-items: center;}
.visitor-book-detail-item-right5 .item{margin-right: 15px;}
.visitor-book-detail-item-right6{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.visitor-book-detail-item-right6 .title{font-size: 16px; color: #333;}
.visitor-book-detail-item-right6 .right{display: flex; align-items: center;}
.visitor-book-detail-item-right6 .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-book-detail-item-right6 .right .mui-icon{font-size: 20px; color: #5C50F8;}
.visitor-book-detail-item2{justify-content: center; margin-bottom: 0;}
.visitor-book-detail-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.visitor-book-detail-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.visitor-book-detail-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.visitor-book-detail-item-right-picture{display: flex; align-items: center; width: 80%;}
.visitor-book-detail-item-right-picture .content{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-detail-item-right-picture .content:first-child{margin-right: 20px;}
.visitor-book-detail-item-right-picture .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-item-right-picture .content .name{font-size: 14px; color: #999; margin-top: 5px;}
.visitor-book-detail-item-accompany-person{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.visitor-book-detail-item-accompany-person .left{display: flex; flex-direction: column; justify-content: center;}
.visitor-book-detail-item-accompany-person .left .title{font-size: 16px; color: #333;}
.visitor-book-detail-item-accompany-person .left .desc{font-size: 14px; color: #999;}
.visitor-book-detail-item-accompany-person .right{display: flex; align-items: center;}
.visitor-book-detail-item-accompany-person .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-book-detail-item-accompany-person .right .mui-icon{font-size: 20px; color: #5C50F8;}
.visitor-book-detail-item-right-accompany-goods{display: flex; align-items: center; flex-wrap: wrap; width: 80%;}
.visitor-book-detail-item-right-accompany-goods .content{display: flex; flex-direction: column; justify-content: center;
    align-items: center; margin-right: 15px; margin-bottom: 10px;}
.visitor-book-detail-item-right-accompany-goods .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-action{margin: 20px 40px;}
.visitor-book-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.visitor-book-detail-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 20px;}
.visitor-book-detail-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.visitor-book-detail-blacklist-action{display: flex; justify-content: center; align-items: center;
    margin-bottom: 5px;}
.visitor-book-detail-blacklist-action .action{font-size: 14px; color: #999;}
.visitor-book-detail-check-record{display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: #5C50F8; margin-bottom: 10px;}
/* 预约详情·新 */
.visitor-book-detail-new-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-book-detail-new-eat-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visitor-book-detail-new-eat-dialog-top{display: flex; justify-content: center; align-items: center;
    height: 40px; font-size: 16px; color: #000;}
.visitor-book-detail-new-eat-dialog-item-switch{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; border-bottom: 1px solid #f7f7f7;}
.visitor-book-detail-new-eat-dialog-item-switch .title{font-size: 14px; color: #7D8082;}
.visitor-book-detail-new-eat-dialog-item-switch .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-book-detail-new-eat-dialog-item-textarea .title{font-size: 14px; color: #7D8082; padding: 10px 10px 5px 10px;}
.visitor-book-detail-new-eat-dialog-item-textarea .content{padding: 0 10px;}
.visitor-book-detail-new-eat-dialog-item-textarea .content textarea{font-size: 16px; color: #333; border: 0;
    padding: 7px; margin: 0; background: #f5f5f5;}
.visitor-book-detail-new-eat-dialog-action{margin: 20px 20px 0;}
.visitor-book-detail-new-eat-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.visitor-book-detail-new-eat-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-book-detail-new-auth-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.visitor-book-detail-new-auth-dialog-top{display: flex; justify-content: center; align-items: center;
    height: 40px; font-size: 16px; font-weight: 500; color: #000;}
.visitor-book-detail-new-auth-dialog-content{width: 100%; height: calc(100% - 120px);}
.visitor-book-detail-new-auth-dialog-content .mui-slider{width: auto; height: 100%;}
.visitor-book-detail-new-auth-dialog-content .mui-slider .mui-slider-group{height: calc(100% - 45px);}
.visitor-book-detail-new-auth-dialog-content .mui-control-content{background: #fff;}
.visitor-book-detail-new-auth-dialog-content .mui-segmented-control{background: #fff;}
.visitor-book-detail-new-auth-dialog-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 1px solid #f5f5f5;}
.visitor-book-detail-new-auth-dialog-content .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.visitor-book-detail-new-auth-dialog-content .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.visitor-book-detail-new-auth-dialog-content-item{display: flex; justify-content: space-between; width: 100%;
    border-bottom: 1px solid #f5f5f5; padding: 15px 15px; position: relative;}
.visitor-book-detail-new-auth-dialog-content-item-left{display: flex; align-items: center;}
.visitor-book-detail-new-auth-dialog-content-item-left svg{width: 20px; height: 20px; overflow: hidden; margin-right: 10px;}
.visitor-book-detail-new-auth-dialog-content-item-left svg.un{fill: #bbb;}
.visitor-book-detail-new-auth-dialog-content-item-left svg.select{fill: var(--svg-color);}
.visitor-book-detail-new-auth-dialog-content .mui-slider .mui-slider-group .visitor-book-detail-new-auth-dialog-content-item-left .name{font-size: 16px; color: #333;}
.visitor-book-detail-new-auth-dialog-content-item-right{display: flex; align-items: center;}
.visitor-book-detail-new-auth-dialog-action{width: 100%; height: 80px; display: flex; justify-content: center; align-items: center;}
.visitor-book-detail-new-auth-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%;}
.visitor-book-detail-new-auth-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-book-detail-new-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-book-detail-new-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-book-detail-new-title-right{display: flex;}
.visitor-book-detail-new-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-book-detail-new-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-book-detail-new-title-right img{width: 15px; height: 15px; display: flex;}
.visitor-book-detail-new-title-right .link{display: flex;}
.visitor-book-detail-new-title-right .link img{width: 15px; height: 15px; display: flex; margin-right: 1px;}
.visitor-book-detail-new-title-right .link .desc{font-size: 12px; color: #fff;}
.visitor-book-detail-new-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-book-detail-new-info{display: flex; margin-bottom: 20px;}
.visitor-book-detail-new-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-new-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-book-detail-new-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.visitor-book-detail-new-info-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-new-info-right .up .left{display: flex; align-items: center;}
.visitor-book-detail-new-info-right .up .name{font-size: 16px; color: #333;}
.visitor-book-detail-new-info-right .up .left .card{font-size: 12px; color: #fff; padding: 0 9px;
    background: #5C50F8; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-new-info-right .up .left .status1{font-size: 12px; color: #fff; padding: 0 9px;
    background: #FDA850; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-new-info-right .up .left .status2{font-size: 12px; color: #fff; padding: 0 9px;
    background: #21D388; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-new-info-right .up .left .status3{font-size: 12px; color: #fff; padding: 0 9px;
    background: #FF5A48; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-new-info-right .up .black{display: flex; align-items: center;}
.visitor-book-detail-new-info-right .up .black .action{font-size: 12px; padding: 2px 10px; line-height: normal; border-radius: 12px;}
.visitor-book-detail-new-info-right .up .black .action.join{color: #5C50F8; border: 1px solid #5C50F8;}
.visitor-book-detail-new-info-right .up .black .action.remove{color: #999; border: 1px solid #999;}
.visitor-book-detail-new-info-right .down{display: flex; align-items: center;}
.visitor-book-detail-new-info-right .down .role{font-size: 14px; color: #777;}
.visitor-book-detail-new-info-right .down .status{font-size: 14px; color: #FF5A48; margin-left: 10px;}
.visitor-book-detail-new-info-right .down .status1{font-size: 14px; color: #21D388; margin-left: 10px;}
.visitor-book-detail-new-item{display: flex; margin-bottom: 20px;}
.visitor-book-detail-new-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-new-item-left img{width: 20px; height: 20px;}
.visitor-book-detail-new-item-right{width: 80%;}
.visitor-book-detail-new-item-right .title{font-size: 16px; color: #333;}
.visitor-book-detail-new-item-right .title.clickable{color: #5C50F8;}
.visitor-book-detail-new-item-right.interviewee .title{display: flex; align-items: center;}
.visitor-book-detail-new-item-right.interviewee .title span{font-size: 16px; color: #5C50F8;}
.visitor-book-detail-new-item-right.interviewee .title img{width: 16px; height: 16px; display: flex; margin-left: 5px;}
.visitor-book-detail-new-item-right .desc{font-size: 14px; color: #999;}
.visitor-book-detail-new-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-new-item-right-up span{font-size: 16px; color: #333;}
.visitor-book-detail-new-item-right-up img{width: 7px; height: 12px;}
.visitor-book-detail-new-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-book-detail-new-item-right-down span{font-size: 14px; color: #777;}
.visitor-book-detail-new-item-accompany-person{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.visitor-book-detail-new-item-accompany-person .left{display: flex; flex-direction: column; justify-content: center;}
.visitor-book-detail-new-item-accompany-person .left .title{font-size: 16px; color: #333;}
.visitor-book-detail-new-item-accompany-person .left .desc{font-size: 14px; color: #999;}
.visitor-book-detail-new-item-accompany-person .right{display: flex; align-items: center;}
.visitor-book-detail-new-item-accompany-person .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-book-detail-new-item-accompany-person .right .mui-icon{font-size: 20px; color: #5C50F8;}
.visitor-book-detail-new-item-right-accompany-goods{width: 80%;}
.visitor-book-detail-new-item-right-accompany-goods .wrap{display: flex; flex-wrap: wrap;}
.visitor-book-detail-new-item-right-accompany-goods .content{display: flex; flex-direction: column; justify-content: center;
    align-items: center; margin-right: 15px; margin-bottom: 10px;}
.visitor-book-detail-new-item-right-accompany-goods .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-new-item-right-accompany-goods .desc{font-size: 14px; color: #999; margin-top: -5px;}
.visitor-book-detail-new-item-right-picture{display: flex; align-items: center; width: 80%;}
.visitor-book-detail-new-item-right-picture .content{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-detail-new-item-right-picture .content:first-child{margin-right: 20px;}
.visitor-book-detail-new-item-right-picture .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-new-item-right-picture .content .name{font-size: 14px; color: #999; margin-top: 5px;}
.visitor-book-detail-new-item-right-remark{width: 80%;}
.visitor-book-detail-new-item-right-remark .content{display: flex;}
.visitor-book-detail-new-item-right-remark .content .title{font-size: 16px; color: #333;}
.visitor-book-detail-new-item-right-remark .content img{width: 20px; height: 20px; display: flex; margin-left: 5px;}
.visitor-book-detail-new-item-right-remark .content textarea{font-size: 16px; color: #333; border: 0;
    padding: 5px; margin: 0; background: #f5f5f5;}
.visitor-book-detail-new-item-right-remark .desc{font-size: 14px; color: #999;}
.visitor-book-detail-new-item-right-multi-approval{width: 80%;}
.visitor-book-detail-new-item-right-multi-approval .line{height: 60px; border-left: 2px solid #ddd; margin: 10px 0 10px 18px;}
.visitor-book-detail-new-item-right-multi-approval .no-line{border-left: 2px solid #fff;}
.visitor-book-detail-new-item-right-multi-approval-item{display: flex; align-items: center;}
.visitor-book-detail-new-item-right-multi-approval-item .left{display: flex; justify-content: center; align-items: center;
    margin-right: 10px; position: relative;}
.visitor-book-detail-new-item-right-multi-approval-item .left img{width: 36px; height: 36px; display: flex;}
.visitor-book-detail-new-item-right-multi-approval-item .left .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.visitor-book-detail-new-item-right-multi-approval-item .right{flex: 1;}
.visitor-book-detail-new-item-right-multi-approval-item .right .up{display: flex; justify-content: space-between; align-items: center;}
.visitor-book-detail-new-item-right-multi-approval-item .right .up .title{font-size: 14px; color: #333;}
.visitor-book-detail-new-item-right-multi-approval-item .right .up .time{font-size: 12px; color: #999;}
.visitor-book-detail-new-item-right-multi-approval-item .right .down{display: flex; align-items: center;}
.visitor-book-detail-new-item-right-multi-approval-item .right .down .desc{font-size: 12px; color: #777;}
.visitor-book-detail-new-item-right-multi-approval .content{display: flex; align-items: center; width: 100%; padding-left: 16px;}
.visitor-book-detail-new-item-right-multi-approval .content .wrap{display: flex; align-items: center;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item .person-item-img .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.visitor-book-detail-new-item-right-multi-approval .content .person-item.all .name{width: 50px;}
.visitor-book-detail-new-item-right-multi-approval .content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.visitor-book-detail-new-item2{display: flex; justify-content: center; margin-bottom: 0;}
.visitor-book-detail-new-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.visitor-book-detail-new-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.visitor-book-detail-new-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.visitor-book-detail-new-action{margin: 20px 40px;}
.visitor-book-detail-new-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.visitor-book-detail-new-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 20px;}
.visitor-book-detail-new-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.visitor-book-detail-new-bottom{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.visitor-book-detail-new-bottom .item{font-size: 14px; color: #5C50F8;}
.visitor-book-detail-new-bottom .line{width: 1px; height: 12px; background: #ddd; margin: 0 20px;}
/* 预约详情·安世 */
.visitor-book-detail-nexperia-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-book-detail-nexperia-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-book-detail-nexperia-title-right{display: flex;}
.visitor-book-detail-nexperia-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-book-detail-nexperia-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-book-detail-nexperia-title-right img{width: 15px; height: 15px; display: flex;}
.visitor-book-detail-nexperia-title-right .link{display: flex;}
.visitor-book-detail-nexperia-title-right .link img{width: 15px; height: 15px; display: flex; margin-right: 1px;}
.visitor-book-detail-nexperia-title-right .link .desc{font-size: 12px; color: #fff;}
.visitor-book-detail-nexperia-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-book-detail-nexperia-info{display: flex; margin-bottom: 20px;}
.visitor-book-detail-nexperia-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-nexperia-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-book-detail-nexperia-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.visitor-book-detail-nexperia-info-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-nexperia-info-right .up .left{display: flex; align-items: center;}
.visitor-book-detail-nexperia-info-right .up .name{font-size: 16px; color: #333;}
.visitor-book-detail-nexperia-info-right .up .left .status{font-size: 12px; color: #fff; padding: 0 9px;
    background: #5C50F8; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-nexperia-info-right .up .left .status1{font-size: 12px; color: #fff; padding: 0 9px;
    background: #21D388; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-nexperia-info-right .up .left .status2{font-size: 12px; color: #fff; padding: 0 9px;
    background: #FF5A48; border-radius: 10px; margin-left: 10px;}
.visitor-book-detail-nexperia-info-right .up .black{display: flex; align-items: center;}
.visitor-book-detail-nexperia-info-right .up .black .action{font-size: 12px; padding: 2px 10px; line-height: normal; border-radius: 12px;}
.visitor-book-detail-nexperia-info-right .up .black .action.join{color: #5C50F8; border: 1px solid #5C50F8;}
.visitor-book-detail-nexperia-info-right .up .black .action.remove{color: #999; border: 1px solid #999;}
.visitor-book-detail-nexperia-info-right .down{display: flex; align-items: center;}
.visitor-book-detail-nexperia-info-right .down .role{font-size: 14px; color: #777;}
.visitor-book-detail-nexperia-info-right .down .status{font-size: 14px; color: #FF5A48; margin-left: 10px;}
.visitor-book-detail-nexperia-item{display: flex; margin-bottom: 20px;}
.visitor-book-detail-nexperia-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-book-detail-nexperia-item-left img{width: 20px; height: 20px;}
.visitor-book-detail-nexperia-item-right{width: 80%;}
.visitor-book-detail-nexperia-item-right .title{font-size: 16px; color: #333;}
.visitor-book-detail-nexperia-item-right .desc{font-size: 14px; color: #999;}
.visitor-book-detail-nexperia-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-book-detail-nexperia-item-right-up span{font-size: 16px; color: #333;}
.visitor-book-detail-nexperia-item-right-up img{width: 7px; height: 12px;}
.visitor-book-detail-nexperia-item-right-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-book-detail-nexperia-item-right-down span{font-size: 14px; color: #777;}
.visitor-book-detail-nexperia-item-accompany-person{display: flex; justify-content: space-between; align-items: center; width: 80%;}
.visitor-book-detail-nexperia-item-accompany-person .left{display: flex; flex-direction: column; justify-content: center;}
.visitor-book-detail-nexperia-item-accompany-person .left .title{font-size: 16px; color: #333;}
.visitor-book-detail-nexperia-item-accompany-person .left .desc{font-size: 14px; color: #999;}
.visitor-book-detail-nexperia-item-accompany-person .right{display: flex; align-items: center;}
.visitor-book-detail-nexperia-item-accompany-person .right .desc{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-book-detail-nexperia-item-accompany-person .right .mui-icon{font-size: 20px; color: #5C50F8;}
.visitor-book-detail-nexperia-item-right-accompany-goods{width: 80%;}
.visitor-book-detail-nexperia-item-right-accompany-goods .wrap{display: flex; flex-wrap: wrap;}
.visitor-book-detail-nexperia-item-right-accompany-goods .content{display: flex; flex-direction: column; justify-content: center;
    align-items: center; margin-right: 15px; margin-bottom: 10px;}
.visitor-book-detail-nexperia-item-right-accompany-goods .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-nexperia-item-right-accompany-goods .desc{font-size: 14px; color: #999; margin-top: -5px;}
.visitor-book-detail-nexperia-item-right-picture{display: flex; align-items: center; width: 80%;}
.visitor-book-detail-nexperia-item-right-picture .content{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-detail-nexperia-item-right-picture .content:first-child{margin-right: 20px;}
.visitor-book-detail-nexperia-item-right-picture .content .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.visitor-book-detail-nexperia-item-right-picture .content .name{font-size: 14px; color: #999; margin-top: 5px;}
.visitor-book-detail-nexperia-item-right-remark{width: 80%;}
.visitor-book-detail-nexperia-item-right-remark .content{display: flex;}
.visitor-book-detail-nexperia-item-right-remark .content .title{font-size: 16px; color: #333;}
.visitor-book-detail-nexperia-item-right-remark .content img{width: 20px; height: 20px; display: flex; margin-left: 5px;}
.visitor-book-detail-nexperia-item-right-remark .content textarea{font-size: 16px; color: #333; border: 0;
    padding: 5px; margin: 0; background: #f5f5f5;}
.visitor-book-detail-nexperia-item-right-remark .desc{font-size: 14px; color: #999;}
.visitor-book-detail-nexperia-item2{display: flex; justify-content: center; margin-bottom: 0;}
.visitor-book-detail-nexperia-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.visitor-book-detail-nexperia-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.visitor-book-detail-nexperia-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.visitor-book-detail-nexperia-action{margin: 20px 40px;}
.visitor-book-detail-nexperia-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.visitor-book-detail-nexperia-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 20px;}
.visitor-book-detail-nexperia-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.visitor-book-detail-nexperia-check-record{display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: #5C50F8; margin-bottom: 10px;}
/* 随行人员 */
.visitor-accompany-person-list{margin: 15px 15px 0;}
.visitor-accompany-person-item{background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visitor-accompany-person-item-status{position: absolute; top: 0; right: 0; z-index: 9;
    width: 40px; height: 40px;}
.visitor-accompany-person-item-status img{width: 100%; height: 100%; display: flex;}
.visitor-accompany-person-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; margin-bottom: 5px; position: relative;}
.visitor-accompany-person-item-top:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-accompany-person-item-top .left{display: flex; align-items: center;}
.visitor-accompany-person-item-top .left img{width: 32px; height: 15px; display: flex; margin-right: 5px;}
.visitor-accompany-person-item-top .left .title{font-size: 16px; color: #333;}
.visitor-accompany-person-item-info{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px;}
.visitor-accompany-person-item-info.last{padding-bottom: 10px;}
.visitor-accompany-person-item-info .name{font-size: 14px; color: #999;}
.visitor-accompany-person-item-info .desc{font-size: 14px; color: #555;}
.visitor-accompany-person-item-picture{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px;}
.visitor-accompany-person-item-picture .name{font-size: 14px; color: #999;}
.visitor-accompany-person-item-picture img{width: 50px; height: 50px; border-radius: 5px;}
.visitor-accompany-person-item-id{display: flex; flex-direction: column; padding: 5px 10px 10px;}
.visitor-accompany-person-item-id .name{font-size: 14px; color: #999; margin-bottom: 10px;}
.visitor-accompany-person-item-id .down{display: flex; align-items: center;}
.visitor-accompany-person-item-id .down img{width: 120px; height: 80px; display: flex; margin-right: 20px;}
.visitor-accompany-person-item-link{display: flex; justify-content: center; align-items: center;
    padding: 10px 0; background: #f9f9f9; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.visitor-accompany-person-item-link:active{background: #e9e9e9;}
.visitor-accompany-person-item-link img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.visitor-accompany-person-item-link span{font-size: 14px; color: #5C50F8;}
/* 赋予权限 */
.visitor-give-auth-top{font-size: 14px; color: #999; background: #fff; height: 40px; line-height: 40px;
    text-align: center; padding: 0 15px; margin-bottom: 10px;}
.visitor-give-auth .mui-slider{width: auto; height: calc(100% - 110px);}
.visitor-give-auth .mui-slider .mui-slider-group{height: calc(100% - 60px);}
.visitor-give-auth .mui-control-content{background: #fff;}
.visitor-give-auth .mui-segmented-control{background: #fff;}
.visitor-give-auth .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.visitor-give-auth .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.visitor-give-auth .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.visitor-give-auth-item{display: flex; justify-content: space-between; width: 100%;
    border-bottom: 1px solid #f5f5f5; padding: 15px 15px; position: relative;}
.visitor-give-auth-item-left{display: flex; align-items: center;}
.visitor-give-auth .mui-slider .mui-slider-group .visitor-give-auth-item-left img{width: 20px; height: 20px; display: flex;
    margin-right: 5px;}
.visitor-give-auth .mui-slider .mui-slider-group .visitor-give-auth-item-left .name{font-size: 16px; color: #333;}
.visitor-give-auth .mui-slider .mui-slider-group .visitor-give-auth-item-left .name.un{color: #FF5A48;}
.visitor-give-auth-item-right{display: flex; align-items: center; font-size: 14px; color: #FF5A48;}
.visitor-give-auth-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-give-auth-action .operate{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.visitor-give-auth-action .operate:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 通行记录·新 */
.visitor-access-record-new .mui-slider{width: auto; height: 100%;}
.visitor-access-record-new .mui-slider .mui-slider-group{height: calc(100% - 40px);}
.visitor-access-record-new .mui-control-content{background: #fff;}
.visitor-access-record-new .mui-segmented-control{background: #fff;}
.visitor-access-record-new .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.visitor-access-record-new .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.visitor-access-record-new .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.visitor-access-record-new-item{display: flex; width: 100%; border-bottom: 1px solid #f5f5f5; padding: 15px 20px 15px 15px; position: relative;}
.visitor-access-record-new-item-left{display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.visitor-access-record-new .mui-slider .mui-slider-group .visitor-access-record-new-item-left .photo{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.visitor-access-record-new-item-right{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.visitor-access-record-new-item-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-access-record-new-item-right .up .left{font-size: 16px; color: #333;}
.visitor-access-record-new-item-right .up .right{font-size: 14px; color: #999;}
.visitor-access-record-new-item-right .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-access-record-new-item-right .down span{font-size: 14px; color: #777;}
.visitor-access-record-new-item-status{position: absolute; top: 0; right: 0; z-index: 9; width: 40px; height: 40px;}
.visitor-access-record-new-item-status img{width: 100%; height: 100%; display: flex;}
/* 通行记录 */
.visitor-access-record .title{margin: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.visitor-access-record .title .left{font-size: 16px; font-weight: 500; color: #333;}
.visitor-access-record-car-list{margin: 0 15px;}
.visitor-access-record-car-item{padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.visitor-access-record-car-item-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-access-record-car-item-top-left{display: flex; align-items: center;}
.visitor-access-record-car-item-top-left img{width: 32px; height: 32px;}
.visitor-access-record-car-item-top-left .car-num{font-size: 16px; color: #333; font-weight: 500; margin-left: 5px;}
.visitor-access-record-car-item-top-left .type{font-size: 14px; color: #555; margin-left: 10px;}
.visitor-access-record-car-item-top-right{display: flex; align-items: center;}
.visitor-access-record-car-item-top-right .money{font-size: 14px; color: #555;}
.visitor-access-record-car-item-top-right .duration{font-size: 14px; color: #999;}
.visitor-access-record-car-item-middle{display: flex; align-items: center; margin-bottom: 10px;}
.visitor-access-record-car-item-middle img{width: 60px; height: 60px; border-radius: 3px; margin-right: 10px;}
.visitor-access-record-car-item-middle .time{display: flex; flex-direction: column; justify-content: center;}
.visitor-access-record-car-item-middle .time1{font-size: 16px; color: #555; font-weight: 500; letter-spacing: 2px;}
.visitor-access-record-car-item-middle .time2{font-size: 14px; color: #777;}
.visitor-access-record-car-item-bottom{display: flex; justify-content: space-between; align-items: center;}
.visitor-access-record-car-item-bottom .location{font-size: 14px; color: #777;}
.visitor-access-record-car-item-bottom .in{font-size: 16px; color: #21D388;}
.visitor-access-record-car-item-bottom .out{font-size: 16px; color: #FF5A48;}
.visitor-access-record-person-list{margin: 0 15px;}
.visitor-access-record-person-item{display: flex; align-items: center; padding: 10px; background: #fff;
    border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-access-record-person-item img{width: 40px; height: 40px; border-radius: 5px; margin-right: 10px;}
.visitor-access-record-person-item-info{display: flex; flex-direction: column; justify-content: center;
    width: calc(100% - 50px);}
.visitor-access-record-person-item-info-up{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 5px;}
.visitor-access-record-person-item-info-up .name{font-size: 16px; color: #333; max-width: 50px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-access-record-person-item-info-up .time{font-size: 14px; color: #999;}
.visitor-access-record-person-item-info .desc{font-size: 14px; color: #777;}
/* 签到签退记录 */
.visitor-sign-record-list{margin: 15px 15px 0;}
.visitor-sign-record-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.visitor-sign-record-item:active{background: #f5f5f5;}
.visitor-sign-record-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.visitor-sign-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.visitor-sign-record-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-sign-record-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-sign-record-item-info .down .location{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-sign-record-item-info .down .time{font-size: 14px; color: #999;}
.visitor-sign-record-item-status{position: absolute; top: 0; right: 0; z-index: 9;
    width: 40px; height: 40px;}
.visitor-sign-record-item-status img{width: 100%; height: 100%; display: flex;}
/* 审批人 */
.visitor-all-approver .content{display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 15px 10px 0;}
.visitor-all-approver .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 15px;}
.visitor-all-approver .content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.visitor-all-approver .content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.visitor-all-approver .content .person-item .person-item-img .status{position: absolute; bottom: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.visitor-all-approver .content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.visitor-all-approver .content .person-item.all .name{width: 50px;}
.visitor-all-approver .content .mui-icon{font-size: 20px; color: #999; margin: 0 5px 15px;}
/* 登记详情 */
.visitor-register-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-register-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-register-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-register-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-register-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-register-detail-info{display: flex; margin-bottom: 20px;}
.visitor-register-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-register-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-register-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.visitor-register-detail-info-right .name{font-size: 16px; color: #333;}
.visitor-register-detail-info-right .job{font-size: 14px; color: #777;}
.visitor-register-detail-item{display: flex; margin-bottom: 20px;}
.visitor-register-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-register-detail-item-left img{width: 20px; height: 20px;}
.visitor-register-detail-item-right{width: 80%;}
.visitor-register-detail-item-right .title{font-size: 16px; color: #333;}
.visitor-register-detail-item-right .desc{font-size: 14px; color: #999;}
.visitor-register-detail-item2{display: flex; justify-content: center; margin-bottom: 0;}
.visitor-register-detail-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.visitor-register-detail-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.visitor-register-detail-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.visitor-register-detail-approval-action{margin: 20px 40px;}
.visitor-register-detail-approval-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.visitor-register-detail-approval-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 15px;}
.visitor-register-detail-approval-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.visitor-register-detail-action{display: flex; justify-content: center; align-items: center;}
.visitor-register-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
.visitor-register-detail-action .action{font-size: 14px; color: #999;}
.visitor-register-detail-check-record{display: flex; justify-content: center; align-items: center;
    font-size: 14px; color: #5C50F8; margin-bottom: 10px;}
/* 访客机 */
.visitor-device-top{margin: 15px 15px 0; display: flex; align-items: center;}
.visitor-device-top .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-device-top .item:active{background: #f5f5f5;}
.visitor-device-top .item:first-child{margin-right: 15px;}
.visitor-device-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-device-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.visitor-device-top .item .mui-icon{font-size: 20px; color: #999;}
.visitor-device-list{margin: 15px 15px 30px;}
.visitor-device-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-device-list .visitor-device-item:last-child{margin-bottom: 0;}
.visitor-device-item:active{background: #f5f5f5;}
.visitor-device-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-device-item-up .left{display: flex; align-items: center;}
.visitor-device-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.visitor-device-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.visitor-device-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.visitor-device-item-up .right img{width: 68px; height: 20px; display: flex;}
.visitor-device-item-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-device-item-down .left{font-size: 14px; color: #999;}
.visitor-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-device-plus img{width: 50px; height: 50px; display: flex;}
/* 访客机·添加 */
.visitor-device-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-device-add-dialog{position: fixed; top: 60%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; display: none;}
.visitor-device-add-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.visitor-device-add-dialog-top span{padding: 5px;}
.visitor-device-add-dialog-top .cancel{font-size: 14px; color: #888;}
.visitor-device-add-dialog-top .confirm{font-size: 14px; color: var(--text-color);}
.visitor-device-add-dialog-list{height: calc(100% - 40px); overflow-y: auto;}
.visitor-device-add-dialog-item{display: flex;align-items: center; padding: 10px 20px; border-bottom: 1px solid #f5f5f5;}
.visitor-device-add-dialog-item:active{background: #f5f5f5;}
.visitor-device-add-dialog-item .name{font-size: 14px; color: #333; margin-left: 10px;}
.visitor-device-add-dialog-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.visitor-device-add-dialog-item svg.select{fill: var(--svg-color);}
.visitor-device-add-list{margin-top: 10px; margin-bottom: 80px;}
.visitor-device-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.visitor-device-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-device-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.visitor-device-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.visitor-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.visitor-device-add-item-select:active{background: #f5f5f5;}
.visitor-device-add-item-select>label{font-size: 16px; color: #333;}
.visitor-device-add-item-select .right{display: flex; align-items: center;}
.visitor-device-add-item-select .right .desc{font-size: 16px; color: #777;}
.visitor-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.visitor-device-add-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px;}
.visitor-device-add-item-switch>label{font-size: 16px; color: #333;}
.visitor-device-add-item-switch .mui-switch.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.visitor-device-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 访客机·编辑 */
.visitor-device-edit .visitor-device-add-action .save{width: 67%;}
.visitor-device-edit .visitor-device-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 预约来访·新·新 */
.visitor-book-new-area-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-book-new-secret-agreement-dialog{position: fixed; top: 10%; left: 5%; right: 5%; bottom: 10%; z-index: 9;
    background: #fff; border-radius: 10px; display: none;}
.visitor-book-new-secret-agreement-dialog .wrap{height: calc(100% - 60px); overflow-y: auto;}
.visitor-book-new-secret-agreement-dialog .title{font-size: 16px; font-weight: 500; color: #333;
    padding: 20px 0; text-align: center;}
.visitor-book-new-secret-agreement-dialog .content{font-size: 14px; color: #999; padding: 0 15px 15px;}
.visitor-book-new-secret-agreement-dialog .close{position: absolute; top: 0; right: 0; z-index: 10;
    font-size: 30px; color: #777;}
.visitor-book-new-secret-agreement-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 60px; border-top: 1px solid #f5f5f5;}
.visitor-book-new-secret-agreement-dialog .confirm .mui-btn{padding: 10px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 80%; border-radius: 20px;}
.visitor-book-new-secret-agreement-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-book-new-secret-agreement-dialog .confirm .mui-btn.un{border: 1px solid #ccc; background-color: #ccc; color: #fff;}
.visitor-book-new-secret-agreement-dialog .confirm .mui-btn.un:active{border: 1px solid #ccc; background-color: #ccc; opacity: 0.8;}
.visitor-book-new-area-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 10px; width: 90%; height: 60%; overflow: hidden; display: none;}
.visitor-book-new-area-dialog .wrap{height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; padding-bottom: 10px;}
.visitor-book-new-area-dialog .wrap .mui-input-group .mui-input-row{height: auto;}
.visitor-book-new-area-dialog .wrap .mui-checkbox.mui-left label{font-size: 14px; color: #333; padding-left: 50px;}
.visitor-book-new-area-dialog .wrap .mui-checkbox input[type=checkbox]{top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}
.visitor-book-new-area-dialog .wrap .mui-checkbox input[type=checkbox]:before{font-size: 20px;}
.visitor-book-new-area-dialog .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.visitor-book-new-area-dialog .wrap .mui-input-group:before{height: 0;}
.visitor-book-new-area-dialog .wrap .mui-input-group:after{height: 0;}
.visitor-book-new-area-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 50px; border-top: 1px solid #f5f5f5;}
.visitor-book-new-area-dialog .confirm .mui-btn{padding: 7px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 18px;}
.visitor-book-new-area-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-book-new{margin: 15px 15px 85px;}
.visitor-book-new-language{display: flex; justify-content: space-between; align-items: center;
    margin: -15px -15px 15px; padding: 10px 10px; background: #fff;}
.visitor-book-new-language .left{display: flex; align-items: center;}
.visitor-book-new-language .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.visitor-book-new-language .left span{font-size: 16px; font-weight: 500; color: #000;}
.visitor-book-new-language .right{display: flex; align-items: center;}
.visitor-book-new-language .right span{width: 60px; height: 26px; line-height: 26px; font-size: 12px; color: #bbb;
    border-radius: 5px; border: 1px solid #bbb; text-align: center;}
.visitor-book-new-language .right span.active{color: #5C50F8; border-color: #5C50F8;}
.visitor-book-new-language .right span:active{background: #ddd;}
.visitor-book-new-language .right span:first-child{margin-right: 10px;}
.visitor-book-new-banner{width: 100%; margin-bottom: 15px;}
.visitor-book-new-banner .swiper{width: 100%; border-radius: 10px;}
.visitor-book-new-banner .swiper-slide img{width: 100%; border-radius: 10px; display: flex;}
.visitor-book-new-history-record{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-radius: 7px; margin-bottom: 15px;}
.visitor-book-new-history-record:active{background: #f5f5f5;}
.visitor-book-new-history-record .left{display: flex; align-items: center;}
.visitor-book-new-history-record .left svg{width: 20px; height: 20px; fill: #000; overflow: hidden;}
.visitor-book-new-history-record .left .name{font-size: 16px; font-weight: 500; color: #000; margin-left: 5px;}
.visitor-book-new-history-record .right{display: flex; align-items: center;}
.visitor-book-new-history-record .right .desc{font-size: 14px; color: #999;}
.visitor-book-new-history-record .right .mui-icon{font-size: 20px; color: #999;}
.visitor-book-new-top-bg{background: url(../img/visitor/form_bg2.png) center no-repeat; background-size: 100% 100%;
    height: 150px; margin: 0 -15px; display: flex; flex-direction: column; justify-content: center; padding-left: 15px;}
.visitor-book-new-top-bg.port{background: url(../img/visitor/form_bg3.png) center no-repeat; background-size: 100% 100%;}
.visitor-book-new-top-bg .desc{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.visitor-book-new-top-bg .name{font-size: 20px; font-weight: 500; color: #fff;}
.visitor-book-new-top-tip{display: flex; justify-content: center; align-items: center; margin: -15px -15px 15px;
    padding: 10px 0; background: rgba(253,168,80, .1); color: #FDA850; font-size: 14px; font-weight: 500;}
.visitor-book-new-item{background: #fff; border-radius: 7px; margin-bottom: 10px;}
.visitor-book-new-item .top{display: flex; align-items: center; padding: 10px;}
.visitor-book-new-item .top .title{font-size: 18px; font-weight: 600; color: #000;}
.visitor-book-new-item .top .desc{padding: 0 5px; font-size: 10px; color: var(--text-color); line-height: normal;
    background: rgba(var(--r-color), var(--g-color), var(--b-color), 0.1); border-radius: 3px; margin-left: 5px;}
.visitor-book-new-item .top-new{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.visitor-book-new-item .top-new .left{display: flex; align-items: center;}
.visitor-book-new-item .top-new .left .title{font-size: 18px; font-weight: 600; color: #000;}
.visitor-book-new-item .top-new .left .desc{padding: 0 5px; font-size: 10px; color: var(--text-color); line-height: normal;
    background: rgba(var(--r-color), var(--g-color), var(--b-color), 0.1); border-radius: 3px; margin-left: 5px;}
.visitor-book-new-item .top-new .right{font-size: 14px; color: var(--text-color);}
.visitor-book-new-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.visitor-book-new-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-book-new-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-book-new-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.visitor-book-new-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-book-new-item-input svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 18px; right: 10px; z-index: 9;}
.visitor-book-new-item-input-box{position: absolute; top: 50px; left: 10px; right: 10px;
    background: #fff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0,0,0, .1); z-index: 9;}
.visitor-book-new-item-input-box .list{max-height: 150px; overflow-y: auto;}
.visitor-book-new-item-input-box .list .item{display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px;}
.visitor-book-new-item-input-box .list .item:active{background: #f5f5f5;}
.visitor-book-new-item-input-box .list .item .left{display: flex; align-items: center;}
.visitor-book-new-item-input-box .list .item .left .name{font-size: 14px; color: #333;}
.visitor-book-new-item-input-box .list .item .left .phone{font-size: 14px; color: #777;}
.visitor-book-new-item-input-box .list .item .dept{font-size: 14px; color: #555;}
.visitor-book-new-item-input-box .no{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}
.visitor-book-new-item-input-box .loading{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}
.visitor-book-new-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.visitor-book-new-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-book-new-item-select:active{background: #f5f5f5;}
.visitor-book-new-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-book-new-item-select .right{display: flex; align-items: center;}
.visitor-book-new-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.visitor-book-new-item-select .right .desc2{font-size: 16px; color: #333;}
.visitor-book-new-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.visitor-book-new-item-num-top{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.visitor-book-new-item-num-top .title{font-size: 16px; color: #333;}
.visitor-book-new-item-num-top svg{width: 18px; height: 18px; fill: #FF5A48; overflow: hidden;}
.visitor-book-new-item-num-action{display: flex; justify-content: center; align-items: center; padding: 10px;}
.visitor-book-new-item-num-action:active{background: #f5f5f5;}
.visitor-book-new-item-num-action svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.visitor-book-new-item-num-action .name{font-size: 16px; color: var(--text-color); margin-left: 5px; line-height: normal;}
.visitor-book-new-item-input.car-num{position: relative;}
.visitor-book-new-item-input.car-num .content{padding-right: 120px;}
.visitor-book-new-item-input.car-num .delete{position: absolute; top: 20px; right: 10px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-book-new-item-input.car-num .manual{position: absolute; top: 0px; right: 30px; z-index: 9;
    display: inline-block; height: 56px; line-height: 56px; font-size: 14px; color: var(--text-color);}
.visitor-book-new-item-upload .title{font-size: 15px; color: #333; padding: 10px 10px 10px 10px;}
.visitor-book-new-item-upload .content{display: flex; flex-wrap: wrap;}
.visitor-book-new-item-upload .content .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.visitor-book-new-item-upload .content .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.visitor-book-new-item-upload .content .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-book-new-item-upload .content .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.visitor-book-new-item-upload .content .pic-action:active{background: #f5f5f5;}
.visitor-book-new-item-upload .content .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.visitor-book-new-item-upload .content .pic-action .name{font-size: 12px; color: #999;}
.visitor-book-new-item-textarea .title{font-size: 15px; color: #333; padding: 10px 10px 5px 10px;}
.visitor-book-new-item-textarea .content{padding: 0 10px;}
.visitor-book-new-item-textarea .content textarea{font-size: 16px; color: #333; border: 0;
    padding: 5px 0; margin: 0;}
.visitor-book-new-item-textarea .content textarea::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-book-new-item-photo .up{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;}
.visitor-book-new-item-photo .up .left{display: flex; flex-direction: column;}
.visitor-book-new-item-photo .up .left .name{font-size: 16px; color: #333;}
.visitor-book-new-item-photo .up .left .desc{font-size: 14px; color: #999;}
.visitor-book-new-item-photo .up .right{display: flex; align-items: center;}
.visitor-book-new-item-photo .up .right .photo{width: 60px; height: 60px; display: flex; border-radius: 5px;}
.visitor-book-new-item-photo .down{padding: 10px 10px;}
.visitor-book-new-item-photo .down .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-book-new-item-photo .down .list{display: flex; justify-content: space-between; align-items: center;}
.visitor-book-new-item-photo .down .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-new-item-photo .down .list .item .photo{width: 50px; height: 50px; display: flex; border-radius: 5px;}
.visitor-book-new-item-photo .down .list .item .desc{font-size: 12px; color: #999; margin-top: 5px; white-space: nowrap;}
.visitor-book-new-item-card{}
.visitor-book-new-item-card .title{font-size: 14px; color: #333; padding: 10px 10px 10px 10px;}
.visitor-book-new-item-card .content{display: flex; justify-content: space-around; align-items: center; padding-bottom: 10px;}
.visitor-book-new-item-card .content .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-book-new-item-card .content .item img{width: 150px; height: 100px; display: flex; margin-bottom: 10px;}
.visitor-book-new-item-card .content .item span{font-size: 14px; color: #333;}
.visitor-book-new-item-tip{font-size: 12px; color: #777; margin: -5px 0 0;}
.visitor-book-new-agreement{margin-top: 15px; padding: 0 0 0 18px;}
.visitor-book-new-agreement .mui-radio.mui-left label{font-size: 14px; color: #999; padding: 0; line-height: normal; display: inline;}
.visitor-book-new-agreement .mui-radio input[type=radio]:before{font-size: 14px; color: #5C50F8;}
.visitor-book-new-agreement .mui-radio.mui-left input[type=radio]{top: 0; left: -18px;}
.visitor-book-new-agreement .link{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-book-new-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-book-new-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-book-new-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 创建预约·新 */
.create-book-language{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px; background: #fff;}
.create-book-language .left{display: flex; align-items: center;}
.create-book-language .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.create-book-language .left span{font-size: 16px; font-weight: 500; color: #000;}
.create-book-language .right{display: flex; align-items: center;}
.create-book-language .right span{width: 60px; height: 26px; line-height: 26px; font-size: 12px; color: #bbb;
    border-radius: 5px; border: 1px solid #bbb; text-align: center;}
.create-book-language .right span.active{color: #5C50F8; border-color: #5C50F8;}
.create-book-language .right span:active{background: #ddd;}
.create-book-language .right span:first-child{margin-right: 10px;}
.create-book-top{display: flex; align-items: center; background: #fff;
    padding: 10px 10px; margin-top: 10px;}
.create-book-top .logo_s{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.create-book-top .logo_r{width: 80px; height: 40px; display: flex; margin-right: 10px;}
.create-book-top span{font-size: 14px; color: #333;}
.create-book-top-bg{background: url(../img/visitor/form_bg2.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 128px; display: flex; flex-direction: column; justify-content: center; padding-left: 15px;}
.create-book-top-bg .desc{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.create-book-top-bg .name{font-size: 20px; font-weight: 500; color: #fff;}
.create-book-history-record{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff;}
.create-book-history-record:active{background: #f5f5f5;}
.create-book-history-record .left{display: flex; align-items: center;}
.create-book-history-record .left svg{width: 20px; height: 20px; fill: #000; overflow: hidden;}
.create-book-history-record .left .name{font-size: 16px; font-weight: 500; color: #000; margin-left: 5px;}
.create-book-history-record .right{display: flex; align-items: center;}
.create-book-history-record .right .desc{font-size: 14px; color: #999;}
.create-book-history-record .right .mui-icon{font-size: 20px; color: #999;}
.create-book-list{margin-top: 15px;}
.create-book-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.create-book-item-input svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 40px; right: 10px; z-index: 9;}
.create-book-item-radio{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.create-book-item-radio .title{font-size: 14px; color: #7D8082;}
.create-book-item-radio .content{display: flex; align-items: center;}
.create-book-item-radio .content .mui-radio.mui-left label{font-size: 14px; color: #999;
    padding-left: 30px; padding-top: 8px; padding-right: 5px; word-break: break-all}
.create-book-item-radio .content .mui-radio input[type=radio]:before{font-size: 16px; color: var(--text-color);}
.create-book-item-radio .content .mui-radio.mui-left input[type=radio]{left: 10px;}
.create-book-item-checkbox{background: #fff; border-bottom: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.create-book-item-checkbox .title{font-size: 14px; color: #7D8082;}
.create-book-item-checkbox .content{display: flex; flex-wrap: wrap;}
.create-book-item-checkbox .content .mui-checkbox.mui-left label{font-size: 14px; color: #999;
    padding-left: 25px; padding-top: 8px; padding-right: 10px;}
.create-book-item-checkbox .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.create-book-item-checkbox .content .mui-checkbox.mui-left input[type=checkbox]{left: 0;}
.create-book-item-radio-column{background: #fff; border-bottom: 1px solid #f7f7f7; padding: 10px 10px 10px 15px;}
.create-book-item-radio-column .title{font-size: 14px; color: #7D8082;}
.create-book-item-radio-column .content{display: flex; align-items: center;}
.create-book-item-radio-column .content .mui-radio.mui-left label{font-size: 14px; color: #999;
    padding-left: 25px; padding-top: 8px; padding-right: 10px;}
.create-book-item-radio-column .content .mui-radio input[type=radio]:before{font-size: 16px; color: var(--text-color);}
.create-book-item-radio-column .content .mui-radio.mui-left input[type=radio]{left: 0;}
.create-book-item-goal{background: #fff; margin-bottom: 15px;}
.create-book-item-goal .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-goal .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.create-book-item-goal .content:active{background: #f5f5f5;}
.create-book-item-goal .content .name{font-size: 16px; color: #000;}
.create-book-item-goal .content .mui-icon{font-size: 20px; color: #999;}
.create-book-item-area{background: #fff; margin-bottom: 5px; border-top: 1px solid #f7f7f7;}
.create-book-item-area .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-area .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.create-book-item-area .content:active{background: #f5f5f5;}
.create-book-item-area .content .name{font-size: 16px; color: #000;}
.create-book-item-area .content .mui-icon{font-size: 20px; color: #999;}
.create-book-item-area-tip{font-size: 12px; color: #FF5A48; margin-bottom: 15px; padding: 0 10px; line-height: normal;}
.create-book-item-visitor-time{background: #fff;}
.create-book-item-visitor-time.visitor-start-time{border-bottom: 1px solid #f7f7f7;}
.create-book-item-visitor-time.visitor-end-time{margin-bottom: 15px;}
.create-book-item-visitor-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-visitor-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.create-book-item-visitor-time .content:active{background: #f5f5f5;}
.create-book-item-visitor-time .content .name{font-size: 16px; color: #000;}
.create-book-item-visitor-time .content .mui-icon{font-size: 20px; color: #999;}
.create-book-item-picture{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-picture .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px;}
.create-book-item-picture .content-up:active{background: #f5f5f5;}
.create-book-item-picture .content-up .title{font-size: 14px; color: #7D8082;}
.create-book-item-picture .content-up img{width: 20px; height: 20px; display: flex;}
.create-book-item-picture .content-down{display: inline-block; position: relative; padding: 0 0 5px 15px;}
.create-book-item-picture .content-down .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.create-book-item-picture .content-down .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.create-book-item-car{background: #fff; margin-bottom: 15px;}
.create-book-item-car .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-car .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; border-bottom: 1px solid #f7f7f7;}
.create-book-item-car .content-up .code{font-size: 16px; color: #000; padding: 0; border: 0; margin: 0;
    height: auto; width: 80%;}
.create-book-item-car .content-up .delete{width: 15px; height: 15px; display: flex;}
.create-book-item-car .content-down{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.create-book-item-car .content-down:active{background: #f5f5f5;}
.create-book-item-car .content-down img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.create-book-item-car .content-down .name{font-size: 16px; color: #5C50F8; line-height: normal;}
.create-book-item-num{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-num .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-num .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.create-book-item-num .content:active{background: #f5f5f5;}
.create-book-item-num .content .name{font-size: 16px; color: #000;}
.create-book-item-num .content .mui-icon{font-size: 20px; color: #999;}
.create-book-item-switch{display: flex; justify-content: space-between; align-items: center;
    height: 50px; background: #fff; padding: 0 10px 0 15px;}
.create-book-item-switch .title{font-size: 14px; color: #7D8082;}
.create-book-item-switch .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.create-book-item-switch-tip{font-size: 12px; color: #999; margin: -10px 0 15px; padding: 0 10px; line-height: normal;}
.create-book-item-textarea{background: #fff;}
.create-book-item-textarea .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-textarea .content{padding: 0 15px;}
.create-book-item-textarea .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 7px 0; margin: 0;}
.create-book-item-approval-person{background: #fff; margin-top: 15px;}
.create-book-item-approval-person .title{display: flex; align-items: center; padding: 10px 10px 10px 15px;}
.create-book-item-approval-person .title .desc1{font-size: 16px; color: #000; margin-right: 3px;}
.create-book-item-approval-person .title .desc2{font-size: 14px; color: #999;}
.create-book-item-approval-person .content{display: flex; flex-wrap: wrap; padding-left: 15px;}
.create-book-item-approval-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 15px; margin-bottom: 10px;}
.create-book-item-approval-person .content .person-item img{width: 50px; height: 50px; display: flex;
    border-radius: 5px; margin-bottom: 5px;}
.create-book-item-approval-person .content .person-item .name{font-size: 16px; color: #777;}
.create-book-item-accompany{margin-top: 15px;}
.create-book-item-accompany-item{background: #fff; margin-bottom: 10px;}
.create-book-item-accompany .create-book-item-accompany-item:last-child{margin-bottom: 0;}
.create-book-item-accompany-item .top{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 0;}
.create-book-item-accompany-item .top .name{font-size: 14px; color: #333;}
.create-book-item-accompany-item .top .remove{font-size: 14px; color: #FF5A48;}
.create-book-item-accompany-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-accompany-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.create-book-item-accompany-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.create-book-item-accompany-item-picture{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-accompany-item-picture .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px;}
.create-book-item-accompany-item-picture .content-up:active{background: #f5f5f5;}
.create-book-item-accompany-item-picture .content-up .title{font-size: 14px; color: #7D8082;}
.create-book-item-accompany-item-picture .content-up img{width: 20px; height: 20px; display: flex;}
.create-book-item-accompany-item-picture .content-down{display: inline-block; position: relative; padding: 0 0 5px 15px;}
.create-book-item-accompany-item-picture .content-down .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.create-book-item-accompany-item-picture .content-down .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.create-book-item-accompany .accompany-add{display: flex; align-items: center; background: #fff; padding: 10px 10px 10px 15px;}
.create-book-item-accompany .accompany-add:active{background: #f5f5f5;}
.create-book-item-accompany .accompany-add img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.create-book-item-accompany .accompany-add .name{font-size: 16px; color: #5C50F8; line-height: normal;}
.create-book-item-accompany-goods{background: #fff; border-bottom: 1px solid #f7f7f7; margin-top: 15px;}
.create-book-item-accompany-goods .content-up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px;}
.create-book-item-accompany-goods .content-up:active{background: #f5f5f5;}
.create-book-item-accompany-goods .content-up .title{font-size: 14px; color: #7D8082;}
.create-book-item-accompany-goods .content-up img{width: 20px; height: 20px; display: flex;}
.create-book-item-accompany-goods .content-down{display: flex; flex-wrap: wrap;}
.create-book-item-accompany-goods .content-down .pic-item{display: inline-block; position: relative; padding: 0 0 10px 15px;}
.create-book-item-accompany-goods .content-down .pic-item .pic{width: 60px; height: 60px; display: flex; border-radius: 3px;}
.create-book-item-accompany-goods .content-down .pic-item .delete{position: absolute; top: -7px; right: -7px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.create-book-item-accompany-item-card{background: #fff; border-bottom: 1px solid #f7f7f7;}
.create-book-item-accompany-item-card .title{font-size: 14px; color: #7D8082; padding: 10px 10px 10px 15px;}
.create-book-item-accompany-item-card .content{display: flex; justify-content: space-around; align-items: center; padding-bottom: 10px;}
.create-book-item-accompany-item-card .content .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.create-book-item-accompany-item-card .content .item img{width: 150px; height: 100px; display: flex; margin-bottom: 10px;}
.create-book-item-accompany-item-card .content .item span{font-size: 14px; color: #333;}
.create-book-secret-agreement{display: flex; justify-content: center; align-items: center; margin-top: 15px;}
.create-book-secret-agreement .mui-radio.mui-left label{font-size: 14px; color: #999; padding: 0; line-height: normal;}
.create-book-secret-agreement .mui-radio input[type=radio]:before{font-size: 14px; color: #5C50F8;}
.create-book-secret-agreement .mui-radio.mui-left input[type=radio]{top: 0; left: -20px;}
.create-book-secret-agreement .link{font-size: 14px; color: #5C50F8; line-height: normal;}
.create-book-secret-agreement-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.create-book-secret-agreement-dialog{position: fixed; top: 7%; left: 5%; right: 5%; bottom: 7%; z-index: 9;
    background: #fff; border-radius: 10px; display: none;}
.create-book-secret-agreement-dialog .wrap{height: calc(100% - 60px); overflow-y: auto;}
.create-book-secret-agreement-dialog .title{font-size: 16px; font-weight: 500; color: #333;
    padding: 20px 0; text-align: center;}
.create-book-secret-agreement-dialog .content{font-size: 14px; color: #999; padding: 0 15px 15px;}
.create-book-secret-agreement-dialog .close{position: absolute; top: 0; right: 0; z-index: 10;
    font-size: 30px; color: #777;}
.create-book-secret-agreement-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 60px; border-top: 1px solid #f5f5f5;}
.create-book-secret-agreement-dialog .confirm .mui-btn{padding: 10px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 80%; border-radius: 20px;}
.create-book-secret-agreement-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.create-book-secret-agreement-dialog .confirm .mui-btn.un{border: 1px solid #ccc; background-color: #ccc; color: #fff;}
.create-book-secret-agreement-dialog .confirm .mui-btn.un:active{border: 1px solid #ccc; background-color: #ccc; opacity: 0.8;}
.create-book-item-area-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.create-book-item-area-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 10px; width: 90%; height: 60%; overflow: hidden; display: none;}
.create-book-item-area-dialog .wrap{height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; padding-bottom: 10px;}
.create-book-item-area-dialog .wrap .mui-input-group .mui-input-row{height: auto;}
.create-book-item-area-dialog .wrap .mui-checkbox.mui-left label{font-size: 14px; color: #333; padding-left: 50px;}
.create-book-item-area-dialog .wrap .mui-checkbox input[type=checkbox]{top: 50%; transform: translateY(-50%); width: 20px; height: 20px;}
.create-book-item-area-dialog .wrap .mui-checkbox input[type=checkbox]:before{font-size: 20px;}
.create-book-item-area-dialog .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.create-book-item-area-dialog .wrap .mui-input-group:before{height: 0;}
.create-book-item-area-dialog .wrap .mui-input-group:after{height: 0;}
.create-book-item-area-dialog .confirm{display: flex; justify-content: center; align-items: center;
    height: 50px; border-top: 1px solid #f5f5f5;}
.create-book-item-area-dialog .confirm .mui-btn{padding: 7px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 18px;}
.create-book-item-area-dialog .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.create-book-action{margin: 20px 20px;}
.create-book-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.create-book-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 创建预约 */
.create-visitor-list{margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.create-visitor-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.create-visitor-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.create-visitor-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.create-visitor-item .visitor-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.create-visitor-item .visitor-select:active{background: #fff;}
.create-visitor-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.create-visitor-item .code{width: 50px; height: 50px;}
.create-visitor-item .person-list{display: flex; flex-wrap: wrap;}
.create-visitor-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.create-visitor-item .person-list .person-list-item .img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.create-visitor-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.create-visitor-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.create-visitor-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.create-visitor-item-3{display: flex; justify-content: space-between; align-items: center;}
.create-visitor-item-3 .time{font-size: 16px; color: #333; width: 47%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.create-visitor-item-3 .time:active{background: #fff;}
.create-visitor-item-3 .space{color: #333;}
.create-visitor-item-time{display: flex; justify-content: space-between; align-items: center;}
.create-visitor-item-time .time{font-size: 16px; color: #333; width: 40%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.create-visitor-item-time .time:active{background: #fff;}
.create-visitor-item-time .space{color: #333;}
.create-visitor-item .car-item{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px;}
.create-visitor-item .car-item input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.create-visitor-item .car-item button{color: #5C50F8; border: 1px solid #5C50F8; padding: 5px 10px;
    line-height: normal; font-size: 12px; margin: 0 8px 0 20px;}
.create-visitor-item .car-item button:active{background-color: #5C50F8; color: #fff;}
.create-visitor-item .car-item .mui-icon{font-size: 30px;}
.create-visitor-action{margin: 20px 40px;}
.create-visitor-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.create-visitor-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 系统设置 */
.visitor-system-set-top{margin: 15px; background: #fff; border-radius: 3px;}
.visitor-system-set-top .up{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.visitor-system-set-top .up .left{display: flex; align-items: center;}
.visitor-system-set-top .up .left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.visitor-system-set-top .up .left .name{font-size: 16px; color: #333;}
.visitor-system-set-top .up .action{display: flex; align-items: center;}
.visitor-system-set-top .down{display: flex; justify-content: flex-end; align-items: center; height: 36px;
    padding: 0 10px; border-top: 1px solid #f5f5f5;}
.visitor-system-set-top .down:active{background: #f5f5f5;}
.visitor-system-set-top .down .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-system-set-top .down .mui-icon{font-size: 20px; color: #999;}
.visitor-system-set-list{margin: 15px 15px 0;}
.visitor-system-set-item{display: flex; justify-content: space-between;
    padding: 10px; background: #fff; border-radius: 3px; margin-bottom: 15px;}
.visitor-system-set-item:active{background: #f5f5f5;}
.visitor-system-set-item-left{display: flex; align-items: center;}
.visitor-system-set-item-left img{width: 32px; height: 32px; margin-right: 10px;}
.visitor-system-set-item-info{display: flex; align-items: center;}
.visitor-system-set-item-info .name{font-size: 16px; color: #333;}
.visitor-system-set-item-right{display: flex; align-items: center;}
.visitor-system-set-item-right span{font-size: 20px; color: #999;}
.visitor-system-set-item-action{display: flex; align-items: center;}
/* 访客访问通知设置 */
.visitor-message-set-list{margin: 15px 0 0;}
.visitor-message-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.visitor-message-set-item .name{font-size: 16px; color: #333;}
.visitor-message-set-item .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-message-set-item-down{display: flex; justify-content: space-between; align-items: center; height: 50px;
    padding: 0 10px 0 10px; border-top: 1px solid #f5f5f5; margin-bottom: 15px; background: #fff; border-top: 1px solid #f5f5f5;}
.visitor-message-set-item-down:active{background: #f5f5f5;}
.visitor-message-set-item-down .left{display: flex; align-items: center; font-size: 14px; color: #333;}
.visitor-message-set-item-down .left .tip{display: flex; align-items: center; border-bottom: 0;}
.visitor-message-set-item-down .left .tip svg{width: 12px; height: 12px; fill: #999; overflow: hidden; margin-left: 5px;}
.visitor-message-set-item-down .right{display: flex; align-items: center;}
.visitor-message-set-item-down .right .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-message-set-item-down .right .mui-icon{font-size: 20px; color: #999;}
/* 访客机设置 */
.visitor-device-set-list{margin: 15px 0 0;}
.visitor-device-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.visitor-device-set-item .name{font-size: 16px; color: #333;}
.visitor-device-set-item .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 打印机 */
.visitor-printer-top{margin: 15px 15px 0; display: flex; align-items: center;}
.visitor-printer-top .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-printer-top .item:active{background: #f5f5f5;}
.visitor-printer-top .item:first-child{margin-right: 15px;}
.visitor-printer-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-printer-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.visitor-printer-top .item .mui-icon{font-size: 20px; color: #999;}
.visitor-printer-list{margin: 15px 15px 0;}
.visitor-printer-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-printer-item:active{background: #f5f5f5;}
.visitor-printer-item-up{display: flex; align-items: center; margin-bottom: 10px;}
.visitor-printer-item-up svg{width: 24px; height: 24px; fill: #333; overflow: hidden; margin-right: 5px;}
.visitor-printer-item-up .name{font-size: 16px; color: #333; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-printer-item-down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-printer-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-printer-plus img{width: 50px; height: 50px; display: flex;}
/* 打印机·添加 */
.visitor-printer-add-list{margin-top: 10px; margin-bottom: 80px;}
.visitor-printer-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.visitor-printer-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-printer-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.visitor-printer-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.visitor-printer-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.visitor-printer-add-item-select:active{background: #f5f5f5;}
.visitor-printer-add-item-select>label{font-size: 16px; color: #333;}
.visitor-printer-add-item-select .right{display: flex; align-items: center;}
.visitor-printer-add-item-select .right .select{font-size: 16px; color: #777;}
.visitor-printer-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.visitor-printer-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-printer-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-printer-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 打印机·编辑 */
.visitor-printer-edit .visitor-printer-add-action .save{width: 67%;}
.visitor-printer-edit .visitor-printer-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 打印机·高级管理 */
.visitor-printer-advance-list{margin: 15px 0 0;}
.visitor-printer-advance-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-top: 15px; margin-bottom: 15px;}
.visitor-printer-advance-top:active{background: #f5f5f5;}
.visitor-printer-advance-top .left{display: flex; align-items: center;}
.visitor-printer-advance-top .left .name{font-size: 16px; color: #333;}
.visitor-printer-advance-top .mui-icon{font-size: 20px; color: #999;}
.visitor-printer-advance-top .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-printer-advance-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.visitor-printer-advance-item:active{background: #f5f5f5;}
.visitor-printer-advance-item .left{display: flex; align-items: center;}
.visitor-printer-advance-item .left .name{font-size: 16px; color: #333;}
.visitor-printer-advance-item .right{display: flex; align-items: center;}
.visitor-printer-advance-item .right .desc{font-size: 16px; color: #333;}
.visitor-printer-advance-item .right .mui-icon{font-size: 20px; color: #999;}
/* 打印机·用户来访须知 */
.visitor-printer-notice-list{margin-top: 15px;}
.visitor-printer-notice-item{display: flex; flex-direction: column; justify-content: center; background: #fff;}
.visitor-printer-notice-item>label{font-size: 16px; color: #333; padding: 10px 15px 5px;}
.visitor-printer-notice-item textarea{font-size: 14px; color: #777; border: 0; margin: 0; padding: 5px 15px;}
.visitor-printer-notice-action{margin: 20px 40px;}
.visitor-printer-notice-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.visitor-printer-notice-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 签到设备 */
.visitor-sign-device-top{margin: 15px 15px 0; display: flex; align-items: center;}
.visitor-sign-device-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-sign-device-top .item:active{background: #f5f5f5;}
.visitor-sign-device-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-sign-device-top .item .name{font-size: 16px; color: #333; margin: 0 10px 0 5px;}
.visitor-sign-device-top .item .mui-icon{font-size: 20px; color: #999;}
.visitor-sign-device-list{margin: 15px 15px 0;}
.visitor-sign-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.visitor-sign-device-item:active{background: #f5f5f5;}
.visitor-sign-device-item svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.visitor-sign-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px);}
.visitor-sign-device-item-info .up{font-size: 16px; color: #333; margin-bottom: 7px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-sign-device-item-info .mid{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-sign-device-item-info .down{font-size: 14px; color: #999;}
.visitor-sign-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-sign-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 签到设备·添加 */
.visitor-sign-device-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.visitor-sign-device-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.visitor-sign-device-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.visitor-sign-device-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.visitor-sign-device-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.visitor-sign-device-add-dialogs-top .action:active{opacity: 0.8;}
.visitor-sign-device-add-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.visitor-sign-device-add-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.visitor-sign-device-add-dialogs .wrap .content{margin-bottom: 75px;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.visitor-sign-device-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.visitor-sign-device-add-dialogs-list{margin: 0 15px 85px;}
.visitor-sign-device-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.visitor-sign-device-add-dialogs-item:active{background: #f5f5f5;}
.visitor-sign-device-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.visitor-sign-device-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.visitor-sign-device-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.visitor-sign-device-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-sign-device-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-sign-device-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.visitor-sign-device-add-dialogs-item svg.right.select{fill: var(--svg-color);}

.visitor-sign-device-add-list{margin-top: 10px; margin-bottom: 80px;}
.visitor-sign-device-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.visitor-sign-device-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-sign-device-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.visitor-sign-device-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.visitor-sign-device-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.visitor-sign-device-add-item-select:active{background: #f5f5f5;}
.visitor-sign-device-add-item-select>label{font-size: 16px; color: #333;}
.visitor-sign-device-add-item-select .right{display: flex; align-items: center;}
.visitor-sign-device-add-item-select .right .select{font-size: 16px; color: #777;}
.visitor-sign-device-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.visitor-sign-device-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-sign-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-sign-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 签到设备·编辑 */
.visitor-sign-device-edit .visitor-sign-device-add-action .save{width: 67%;}
.visitor-sign-device-edit .visitor-sign-device-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 高级管理 */
.visitor-advance-select-device-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.visitor-advance-select-device{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    background: #f5f5f5; display: none;}
.visitor-advance-select-device .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.visitor-advance-select-device-top{position: absolute; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.visitor-advance-select-device-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.visitor-advance-select-device-top .action:active{opacity: 0.8;}
.visitor-advance-select-device .wrap .content{margin-bottom: 75px;}
.visitor-advance-select-device .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.visitor-advance-select-device-item{display: flex; background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5;}
.visitor-advance-select-device-item:active{background: #f5f5f5;}
.visitor-advance-select-device-item-left{display: flex; align-items: center; width: 85%; position: relative;}
.visitor-advance-select-device-item-left .name{font-size: 14px; color: #333; margin-left: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-advance-select-device-item-right{display: flex; justify-content: center; align-items: center; width: 15%;}
.visitor-advance-select-device-item-right img{width: 18px; height: 18px; display: flex;}
.visitor-advance-manage-list{margin: 15px 15px 0;}
.visitor-advance-manage-item{display: flex; justify-content: space-between;
    padding: 10px; background: #fff; border-radius: 3px; margin-bottom: 15px;}
.visitor-advance-manage-item:active{background: #f5f5f5;}
.visitor-advance-manage-item-left{display: flex; align-items: center;}
.visitor-advance-manage-item-left img{width: 32px; height: 32px; margin-right: 10px;}
.visitor-advance-manage-item-left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.visitor-advance-manage-item-info{display: flex; align-items: center;}
.visitor-advance-manage-item-info .name{font-size: 16px; color: #333;}
.visitor-advance-manage-item-right{display: flex; align-items: center;}
.visitor-advance-manage-item-right .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-advance-manage-item-right .mui-icon{font-size: 20px; color: #999;}
.visitor-advance-manage-item-action{display: flex; align-items: center;}
.visitor-advance-manage-item-action .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-advance-manage-wrap{margin-bottom: 15px; background: #fff; border-radius: 3px;}
.visitor-advance-manage-item-down{display: flex; justify-content: space-between; align-items: center; height: 36px;
    padding: 0 10px; border-top: 1px solid #f5f5f5;}
.visitor-advance-manage-item-down:active{background: #f5f5f5;}
.visitor-advance-manage-item-down .left{display: flex; align-items: center; font-size: 14px; color: #333;}
.visitor-advance-manage-item-down .left .tip{display: flex; align-items: center; border-bottom: 0;}
.visitor-advance-manage-item-down .left .tip svg{width: 12px; height: 12px; fill: #999; overflow: hidden; margin-left: 5px;}
.visitor-advance-manage-item-down .right{display: flex; align-items: center;}
.visitor-advance-manage-item-down .right .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-advance-manage-item-down .right .mui-icon{font-size: 20px; color: #999;}
.visitor-advance-manage-item-down .right-type{display: flex; align-items: center;}
.visitor-advance-manage-item-down .right-type .mui-checkbox.mui-left label{font-size: 14px; color: #999;
    padding-left: 35px; padding-top: 10px; padding-right: 0; word-break: break-all;}
.visitor-advance-manage-item-down .right-type .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: var(--text-color);}
.visitor-advance-manage-item-down .right-type .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 5px;}
.visitor-advance-manage-item-down .right-money{display: flex; align-items: center;}
.visitor-advance-manage-item-down .right-money .money{display: flex; align-items: center;}
.visitor-advance-manage-item-down .right-money .money .sub{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.visitor-advance-manage-item-down .right-money .money .sub:active{background: #fff;}
.visitor-advance-manage-item-down .right-money .money .add{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.visitor-advance-manage-item-down .right-money .money .add:active{background: #fff;}
.visitor-advance-manage-item-down .right-money .money .num{width: 60px; height: 30px; line-height: 30px; text-align: center;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; color: #333;}
.visitor-advance-manage-item-down .right-money .unit{font-size: 12px; color: #999; margin-left: 5px;}
.visitor-advance-manage-item-down .right-num-money{display: flex; align-items: center;}
.visitor-advance-manage-item-down .right-num-money .add-input{font-size: 14px; color: #333; border: 0; height: 32px; line-height: 32px;
    background: #f5f5f5; padding: 0 10px; margin: 0; width: 80px;}
.visitor-advance-manage-item-down .right-num-money .unit{font-size: 12px; color: #999; margin-left: 5px;}
.visitor-advance-manage-list .tips{font-size: 12px; color: #999; position: relative; top: -10px;}
/* 就餐类型 */
.visitor-dining-type-list{margin: 15px 15px 0;}
.visitor-dining-type-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.visitor-dining-type-item .name{font-size: 16px; color: #333;}
.visitor-dining-type-item .delete{font-size: 14px; color: #FF5A48;}
.visitor-dining-type-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-dining-type-plus img{width: 50px; height: 50px; display: flex;}
/* 访客车通行车道 */
.visitor-lane .content{display: flex; flex-direction: column; margin: 15px 15px 0;}
.visitor-lane .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.visitor-lane .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.visitor-lane .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.visitor-lane .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
/* 抄送对象 */
.visitor-carbon-copy-item-person{background: #fff; margin-top: 15px;}
.visitor-carbon-copy-item-person .title{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.visitor-carbon-copy-item-person .title:active{background: #f5f5f5;}
.visitor-carbon-copy-item-person .title .left{font-size: 14px; color: #7D8082;}
.visitor-carbon-copy-item-person .title .right{width: 24px; height: 24px; display: flex;}
.visitor-carbon-copy-item-person .content{display: flex; flex-wrap: wrap; padding-left: 15px;}
.visitor-carbon-copy-item-person .content .person-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; padding-bottom: 15px; margin-right: 15px;}
.visitor-carbon-copy-item-person .content .person-item .img-wrap{width: 50px; height: 50px; position: relative; margin-bottom: 10px;}
.visitor-carbon-copy-item-person .content .person-item .img-wrap .img{width: 100%; height: 100%; display: flex;
    border-radius: 5px;}
.visitor-carbon-copy-item-person .content .person-item .img-wrap .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-carbon-copy-item-person .content .person-item .name{font-size: 16px; color: #333; line-height: 16px; max-width: 50px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-carbon-copy-item-group{background: #fff; margin-top: 15px;}
.visitor-carbon-copy-item-group .title{display: flex; justify-content: space-between; align-items: center; padding: 15px;}
.visitor-carbon-copy-item-group .title:active{background: #f5f5f5;}
.visitor-carbon-copy-item-group .title .left{font-size: 14px; color: #7D8082;}
.visitor-carbon-copy-item-group .title .right{width: 24px; height: 24px; display: flex;}
.visitor-carbon-copy-item-group .content{display: flex; flex-wrap: wrap; padding-left: 15px;}
.visitor-carbon-copy-item-group .content .person-item{display: flex; align-items: center; padding: 5px 0 5px 5px; border-radius: 3px;
    background: #E6E6FA; margin-bottom: 10px; margin-right: 10px;}
.visitor-carbon-copy-item-group .content .person-item .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-carbon-copy-item-group .content .person-item .mui-icon{font-size: 20px; color: #5C50F8; margin-left: 5px;}
.visitor-carbon-copy-action{margin: 25px 20px;}
.visitor-carbon-copy-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.visitor-carbon-copy-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 到访时间范围设置 */
.visitor-book-time-set-default-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-top: 15px; height: 40px;}
.visitor-book-time-set-default-item:active{background: #f5f5f5;}
.visitor-book-time-set-default-item .name{font-size: 16px; font-weight: 400; color: #333;}
.visitor-book-time-set-default-item .right{display: flex; align-items: center;}
.visitor-book-time-set-default-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.visitor-book-time-set-default-item .right .mui-icon{font-size: 20px; color: #999;}
.visitor-book-time-set-default .tip{font-size: 12px; color: #999; padding: 5px 10px 0;}
.visitor-book-time-set-top{margin-top: 15px;}
.visitor-book-time-set-top-action{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px;}
.visitor-book-time-set-top-action .name{font-size: 16px; color: #333;}
.visitor-book-time-set-top-action .action{display: flex; align-items: center;}
.visitor-book-time-set-top-action .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-book-time-set-list{margin-top: 15px;}
.visitor-book-time-set-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.visitor-book-time-set-title .left{font-size: 14px; color: #777;}
.visitor-book-time-set-title .right{font-size: 14px; color: #5C50F8;}
.visitor-book-time-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.visitor-book-time-set-item:active{background: #f5f5f5;}
.visitor-book-time-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.visitor-book-time-set-item .right{display: flex; align-items: center;}
.visitor-book-time-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.visitor-book-time-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 来访目的设置 */
.visitor-goal-set-top{margin: 15px 15px 0; display: flex; align-items: center;}
.visitor-goal-set-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-goal-set-top .item:active{background: #f5f5f5;}
.visitor-goal-set-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-goal-set-top .item .name{font-size: 16px; color: #333; margin: 0 10px 0 5px;}
.visitor-goal-set-top .item .mui-icon{font-size: 20px; color: #999;}
.visitor-goal-set .tip{font-size: 12px; color: #999; margin: 15px 0 5px; padding: 0 15px;}
.visitor-goal-set-list{margin: 0 15px 0;}
.visitor-goal-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-goal-set-item .name{font-size: 16px; color: #333;}
.visitor-goal-set-item .delete{width: 20px; height: 20px; display: flex;}
.visitor-goal-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-goal-set-plus img{width: 50px; height: 50px; display: flex;}
/* 来访目的添加 */
.visitor-goal-add-list{margin-top: 15px;}
.visitor-goal-add-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.visitor-goal-add-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.visitor-goal-add-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.visitor-goal-add-action{margin: 25px 20px;}
.visitor-goal-add-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.visitor-goal-add-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 开门记录 */
.visitor-door-record-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-door-record-filter-dialog{position: absolute; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.visitor-door-record-filter-dialog-item{padding: 0 15px;}
.visitor-door-record-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.visitor-door-record-filter-dialog-status{margin-bottom: 15px;}
.visitor-door-record-filter-dialog-status .device{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.visitor-door-record-filter-dialog-status .device:active{background: #fff;}
.visitor-door-record-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.visitor-door-record-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.visitor-door-record-filter-dialog-time .time:active{background: #fff;}
.visitor-door-record-filter-dialog-time .space{color: #333;}
.visitor-door-record-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.visitor-door-record-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.visitor-door-record-filter-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.visitor-door-record-filter-dialog-action .confirm{color: #5C50F8;}
.visitor-door-record-filter-dialog-action span:active{background: #f5f5f5;}
.visitor-door-record-top{display: flex; justify-content: space-between; align-items: center; margin: 15px 15px 0;}
.visitor-door-record-search .mui-search input{background-color: #fff;}
.visitor-door-record-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-door-record-filter{display: flex; align-items: center; margin-bottom: 15px; padding: 5px;}
.visitor-door-record-filter img{width: 16px; height: 16px; display: flex;}
.visitor-door-record-filter span{font-size: 14px; color: #333; margin-left: 5px;}
.visitor-door-record-filter:active{background: #fff;}
.visitor-door-record-list{margin: 0 15px;}
.visitor-door-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-door-record-item:active{background: #f5f5f5;}
.visitor-door-record-item img{width: 50px; height: 50px; display: flex;
    margin-right: 10px; border-radius: 50%;}
.visitor-door-record-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.visitor-door-record-item .info .content{display: flex; justify-content: space-between; align-items: center;}
.visitor-door-record-item .info .content:first-child{margin-bottom: 5px;}
.visitor-door-record-item .info .content .name{font-size: 16px; color: #333; display: inline-block; max-width: 40%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-door-record-item .info .content .time{font-size: 14px; color: #999;}
.visitor-door-record-item .info .content .desc{font-size: 14px; color: #999; display: inline-block; max-width: 40%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-door-record-item .info .content .desc.status{color: #FDA850;}
/* 开门记录详情 */
.visitor-door-record-detail{display: flex; flex-direction: column;}
.visitor-door-record-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-door-record-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-door-record-detail-title-right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.visitor-door-record-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-door-record-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-door-record-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-door-record-detail-info{display: flex; margin-bottom: 20px;}
.visitor-door-record-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-door-record-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-door-record-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.visitor-door-record-detail-info-right .name{font-size: 16px; color: #333;}
.visitor-door-record-detail-info-right .job{font-size: 14px; color: #777;}
.visitor-door-record-detail-item{display: flex; margin-bottom: 20px;}
.visitor-door-record-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-door-record-detail-item-left img{width: 20px; height: 20px;}
.visitor-door-record-detail-item-right{display: flex; width: 80%;}
.visitor-door-record-detail-item-right1{flex-direction: column; justify-content: center;}
.visitor-door-record-detail-item-right-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-door-record-detail-item-right-up span{font-size: 16px; color: #333;}
.visitor-door-record-detail-item-right-up img{width: 7px; height: 12px;}
.visitor-door-record-detail-item-right-down{font-size: 14px; color: #777;}
.visitor-door-record-detail-item-right2{flex-direction: column; justify-content: center;}
.visitor-door-record-detail-item-right2 .title{font-size: 16px; color: #333;}
/* 长期访客 */
.visitor-long-top{background: url("../img/meeting/wdhy_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px; padding: 5px 15px 0;}
.visitor-long-date{display: flex; justify-content: space-between;}
.visitor-long-date-left{display: flex; align-items: center; padding: 5px;}
.visitor-long-date-left img{width: 16px; height: 16px; display: flex;}
.visitor-long-date-left .date{font-size: 14px; color: #fff; line-height: normal; margin: 0 5px;}
.visitor-long-date-left .week{font-size: 14px; color: #fff; line-height: normal;}
.visitor-long-date-left .mui-icon{font-size: 20px; color: #fff;}
.visitor-long-search{margin-top: 10px;}
.visitor-long-search .mui-search{margin: 0 auto;}
.visitor-long-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-long .mui-search .mui-placeholder{pointer-events: none;}
.visitor-long-list{margin: -100px 15px 20px;}
.visitor-long-list-item{padding: 15px; background: #fff; border-radius: 5px;
    box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visitor-long-list .visitor-long-list-item:last-child{margin-bottom: 0;}
.visitor-long-list-item:active{background: #f5f5f5;}
.visitor-long-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.visitor-long-item-up-left{display: flex; align-items: center;}
.visitor-long-item-up-left .icon{width: 32px; height: 32px; display: flex;}
.visitor-long-item-up-left span{font-size: 16px; color: #333; margin: 0 5px 0 10px;}
.visitor-long-item-up-left .ding{width: 16px; height: 16px; display: flex;}
.visitor-long-item-up-right{display: flex; align-items: center;}
.visitor-long-item-up-right span{font-size: 14px; color: #777;}
.visitor-long-item-middle{display: flex; flex-direction: column; margin-bottom: 15px;}
.visitor-long-item-middle-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.visitor-long-item-middle-time span{font-size: 20px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-long-item-middle-time img{width: 7px; height: 12px; display: flex;}
.visitor-long-item-middle-date{display: flex; justify-content: space-between; align-items: center;}
.visitor-long-item-middle-date span{font-size: 14px; color: #999;}
.visitor-long-item-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-long-item-down-left, .visitor-long-item-down-mid, .visitor-long-item-down-right{display: flex; align-items: center;}
.visitor-long-item-down-left span{font-size: 14px; color: #555;}
.visitor-long-item-down-left img{width: 24px; height: 24px; border-radius: 5px; display: flex; margin-right: 5px;}
.visitor-long-item-down-mid span{font-size: 14px; color: #555;}
.visitor-long-item-down-right span{font-size: 14px;}
/* 历史访客 */
.visitor-history-top{margin-bottom: 15px; background: #fff;}
.visitor-history-date{display: flex; align-items: center; padding: 10px 15px; position: relative;}
.visitor-history-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-history-date-left{display: flex; align-items: center;}
.visitor-history-date-left img{width: 16px; height: 16px; display: flex;}
.visitor-history-date-left .date{font-size: 14px; color: #333; line-height: normal; padding: 5px;}
.visitor-history-date-left .date:active{background: #f5f5f5;}
.visitor-history-date-left .line{font-size: 14px; color: #777;}
.visitor-history-date-left .mui-icon{font-size: 20px; color: #999;}
.visitor-history-search{padding: 10px 15px;}
.visitor-history-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.visitor-history-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-history-search .mui-search.mui-active:before{margin-top: -7px;}
.visitor-history-list{margin: 0 15px;}
.visitor-history-item{background: #fff; border-radius: 5px; padding: 15px 10px 5px; margin-bottom: 15px;}
.visitor-history-item .title{display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.visitor-history-item .title .left{display: flex; align-items: center}
.visitor-history-item .title .left .name{font-size: 16px; color: #333; font-weight: 500;}
.visitor-history-item .title .right{font-size: 14px; color: #999;}
.visitor-history-item .desc{font-size: 14px; color: #777; margin-bottom: 10px;}
/* 访客机轮播图 */
.visitor-device-banner .title{font-size: 12px; color: #999; margin: 15px 0 5px; padding: 0 10px;}
.visitor-device-banner-list{display: flex; flex-wrap: wrap; background: #fff; padding: 15px 10px 0;}
.visitor-device-banner-list .banner-item{position: relative; width: 32%; display: flex;
    justify-content: center; align-items: center; margin-right: 2%; margin-bottom: 15px;}
.visitor-device-banner-list .banner-item:nth-child(3n){margin-right: 0;}
.visitor-device-banner-list .banner-item>img{width: 100%; height: 80px; display: flex;}
.visitor-device-banner-list .banner-item .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.visitor-device-banner-list .banner-item .remove img{width: 14px; height: 14px;}
.visitor-device-banner-list .banner-item .upload{width: 100%; height: 80px; background: #F5F5F5;
    display: flex; justify-content: center; align-items: center;}
.visitor-device-banner-list .banner-item .upload img{width: 30px; height: 30px; display: flex;}
/* 访客预约途径 */
.visitor-booking-way-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-top: 15px; padding: 0 10px 0 15px;}
.visitor-booking-way-top:active{background: #f5f5f5;}
.visitor-booking-way-top .name{font-size: 16px; color: #333;}
.visitor-booking-way-top .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.visitor-booking-way-content{background: #fff; margin: 15px 0 30px;
    padding-top: 10px; padding-bottom: 20px;}
.visitor-booking-way-content-item .name{font-size: 14px; color: #555; padding: 0 15px;}
.visitor-booking-way-content-item .qrcode{display: flex; justify-content: center; align-items: center;
    margin: 10px 0 10px;}
.visitor-booking-way-content-item .qrcode img{width: 200px; height: 200px; display: flex;}
.visitor-booking-way-content-item .link{margin: 15px;}
.visitor-booking-way-content-item .link input{height: 36px; line-height: 36px; background: #f5f5f5;
    padding: 0 10px; border-radius: 3px; border: 0;}
.visitor-booking-way-content-item .action{display: flex; justify-content: center; align-items: center;}
.visitor-booking-way-content-item .action .btn-action{padding: 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 200px; height: 42px; line-height: 42px; border-radius: 21px;}
.visitor-booking-way-content-item .action .btn-action:active{color: #fff; border: 1px solid #3222FA;
    background-color: #3222FA;}
/* 黑名单管理 */
.visitor-blacklist-search .mui-search{margin: 15px 15px 0;}
.visitor-blacklist-search .mui-search input{background-color: #fff;}
.visitor-blacklist-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-blacklist-title{display: flex; justify-content: space-between; align-items: center; padding: 0 15px 10px;}
.visitor-blacklist-title .left{font-size: 16px; color: #333;}
.visitor-blacklist-title .right{font-size: 14px; color: #5C50F8;}
.visitor-blacklist-list{margin: 0 15px 30px;}
.visitor-blacklist-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0 3px 3px #e5e5e5;}
.visitor-blacklist-item:active{background: #f5f5f5;}
.visitor-blacklist-list .visitor-blacklist-item:last-child{margin-bottom: 0;}
.visitor-blacklist-item-left{display: flex; align-items: center;}
.visitor-blacklist-item-left img{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.visitor-blacklist-item-left .info{display: flex;flex-direction: column; justify-content: center;}
.visitor-blacklist-item-left .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-blacklist-item-left .info .desc{font-size: 14px; color: #999;}
/* 黑名单详情 */
.visitor-blacklist-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visitor-blacklist-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visitor-blacklist-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-blacklist-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.visitor-blacklist-detail-list{margin: -130px 20px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.visitor-blacklist-detail-info{display: flex; margin-bottom: 20px;}
.visitor-blacklist-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-blacklist-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-blacklist-detail-info-right{display: flex; justify-content: space-between; align-items: center;
    width: 80%; padding-left: 5px;}
.visitor-blacklist-detail-info-right .name{font-size: 16px; color: #333;}
.visitor-blacklist-detail-info-right .desc{font-size: 14px; color: #5C50F8;}
.visitor-blacklist-detail-item{display: flex; margin-bottom: 20px;}
.visitor-blacklist-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.visitor-blacklist-detail-item-left img{width: 20px; height: 20px;}
.visitor-blacklist-detail-item-right{display: flex; width: 80%;}
.visitor-blacklist-detail-item-right .title{font-size: 16px; color: #333;}
.visitor-blacklist-detail-action{margin: 20px 40px;}
.visitor-blacklist-detail-action button{font-size: 16px; color: #fff; padding: 10px 0;}
/* 识别记录 */
.visitor-identify-record-top{display: flex; align-items: center; justify-content: space-between; margin: 15px 15px 0;}
.visitor-identify-record-top .wrap-left{display: flex; align-items: center; width: 60%;}
.visitor-identify-record-top .wrap-left .mui-search input{background-color: #fff; font-size: 14px; color: #333; border-radius: 3px;}
.visitor-identify-record-top .wrap-left .mui-search .mui-placeholder{pointer-events: none;}
.visitor-identify-record-top .wrap-right{display: flex; align-items: center; width: 36%;}
.visitor-identify-record-time{position: relative; width: 100%;}
.visitor-identify-record-time button{padding: 0; border: 0; font-size: 14px; color: #333; height: 34px; line-height: 34px;
    margin-bottom: 15px;}
.visitor-identify-record-time img{width: 14px; height: 14px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -55px;}
.visitor-identify-record-list{margin: 0 15px 0;}
.visitor-identify-record-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-radius: 5px; margin-bottom: 15px; padding: 10px;}
.visitor-identify-record-item:active{background: #f5f5f5;}
.visitor-identify-record-list .visitor-identify-record-item:last-child{margin-bottom: 0;}
.visitor-identify-record-item-left{display: flex; align-items: center;}
.visitor-identify-record-item-left img{width: 60px; height: 60px; border-radius: 3px; display: flex;}
.visitor-identify-record-item-left .info{display: flex; flex-direction: column; justify-content: center; margin-left: 5px;}
.visitor-identify-record-item-left .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.visitor-identify-record-item-left .info .type{font-size: 14px; color: #777;}
.visitor-identify-record-item-right{display: flex; flex-direction: column;}
.visitor-identify-record-item-right .time{font-size: 14px; color: #999;}
/* 超出访问时间提醒 */
.visitor-overtime-warn-list{margin: 15px 0 0;}
.visitor-overtime-warn-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.visitor-overtime-warn-item .name{font-size: 16px; color: #333;}
.visitor-overtime-warn-item .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 到访区域管理 */
.visit-area-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px; background: #fff;}
.visit-area-top-left{display: flex; align-items: center;}
.visit-area-top-filter{display: flex; align-items: center;}
.visit-area-top-filter:active{background: #f5f5f5;}
.visit-area-top-filter img{width: 16px; height: 16px; display: flex;}
.visit-area-top-filter .name{font-size: 14px; color: #333; line-height: normal; margin: 0 2px 0 5px; display: inline-block; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visit-area-top-filter .mui-icon{font-size: 20px; color: #999;}
.visit-area-top-set{margin: 15px 15px 0; display: flex; align-items: center;}
.visit-area-top-set .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visit-area-top-set .item:active{background: #f5f5f5;}
.visit-area-top-set .item:first-child{margin-right: 15px;}
.visit-area-top-set .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visit-area-top-set .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.visit-area-top-set .item .mui-icon{font-size: 20px; color: #999;}
.visit-area-list{margin: 15px 15px 0;}
.visit-area-item{display: flex; align-items: center; padding: 15px 10px; background: #fff; border-radius: 5px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visit-area-item:active{background: #f5f5f5;}
.visit-area-item .left{display: flex; align-items: center; margin-right: 10px;}
.visit-area-item .left img{width: 40px; height: 40px; display: flex;}
.visit-area-item .right{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.visit-area-item .right .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.visit-area-item .right .down{display: flex; justify-content: space-between; align-items: center;}
.visit-area-item .right .down .desc{font-size: 14px; color: #999; max-width: 140px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visit-area-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visit-area-plus img{width: 50px; height: 50px; display: flex;}
/* 到访区域添加 */
.visit-area-add-item-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.visit-area-add-item-template{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #fff; transition: transform 300ms linear;}
.visit-area-add-item-template .wrap{width: 100%; height: 100%; position: relative;}
.visit-area-add-item-template-top{display: flex; justify-content: space-between; align-items: center; height: 42px; padding: 0 10px;}
.visit-area-add-item-template-top .title{font-size: 16px; color: #333;}
.visit-area-add-item-template-top .action{font-size: 14px; color: #5C50F8; line-height: normal; padding: 2px 5px;}
.visit-area-add-item-template-top .action:active{background: #f5f5f5; border-radius: 3px;}
.visit-area-add-item-template .wrap .content{height: calc(100% - 42px); overflow-y: auto;}
.visit-area-add-item-template-list{display: flex; flex-wrap: wrap;}
.visit-area-add-item-template-item{width: 33.33%; padding: 0 10px; margin-bottom: 15px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visit-area-add-item-template-item .up{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visit-area-add-item-template-item .up img{width: 100%; height: 60px; display: flex; margin-bottom: 8px;}
.visit-area-add-item-template-item .up span{font-size: 14px; color: #777; line-height: normal;}
.visit-area-add-item-template-item input[type=radio]{margin-top: 2px;}
.visit-area-add-list{margin: 15px 0 0;}
.visit-area-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; margin-bottom: 15px; padding: 10px 15px;}
.visit-area-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.visit-area-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 10px; margin: 0;}
.visit-area-add-item input::-webkit-input-placeholder{color: #999;}
.visit-area-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 5px 10px;}
.visit-area-add-item textarea::-webkit-input-placeholder{color: #999;}
.visit-area-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px;}
.visit-area-add-item-select:active{background: #f5f5f5;}
.visit-area-add-item-select label{font-size: 14px; color: #777;}
.visit-area-add-item-select .right{display: flex; align-items: center;}
.visit-area-add-item-select .right .select{font-size: 16px; color: #333;}
.visit-area-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.visit-area-add-list .tip{font-size: 12px; color: #FF5A48; margin: 3px 0 15px; padding: 0 15px;}
.visit-area-add-action{margin: 30px 40px;}
.visit-area-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.visit-area-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 到访区域编辑 */
.visit-area-edit .visit-area-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 访客信息 */
.visit-area-qrcode-top{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.visit-area-qrcode-top-left{display: flex; flex-direction: column; justify-content: flex-start;}
.visit-area-qrcode-top-left .name{font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visit-area-qrcode-top-left .desc{font-size: 12px; color: rgba(255,255,255, .6);}
.visit-area-qrcode-list{margin: -130px 20px 30px; padding: 60px 10px 5px; background: #fff;
    border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; position: relative;}
.visit-area-qrcode-list .photo{position: absolute; top: -40px; left: 50%; margin-left: -40px; z-index: 9;
    width: 80px; height: 80px; display: flex; border-radius: 50%;}
.visit-area-qrcode-item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visit-area-qrcode-item .left{font-size: 14px; color: #777;}
.visit-area-qrcode-item .right{font-size: 14px; color: #333;}
.visit-area-qrcode-action {margin: 40px 20px;}
.visit-area-qrcode-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8;}
.visit-area-qrcode-action .submit:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 门禁管理·钉钉版 */
.visitor-door-manage .tip{font-size: 10px; color: #999; padding: 10px 15px;}
.visitor-door-manage-list{margin: 0 15px 0;}
.visitor-door-manage-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.visitor-door-manage-item:active{background: #f5f5f5;}
.visitor-door-manage-item img{width: 40px; height: 40px; display: flex;
    margin-right: 10px; border-radius: 50%;}
.visitor-door-manage-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px)}
.visitor-door-manage-item .info .up{font-size: 16px; color: #333; margin-bottom: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-door-manage-item .info .down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-door-manage-item .mui-switch{position: absolute; right: 10px; top: 24px; z-index: 9;}
.visitor-door-manage-item .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-door-manage-sync{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-door-manage-sync img{width: 50px; height: 50px; display: flex;}
/* 园区管理 */
.visitor-garden-manage-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5); display: none;}
.visitor-garden-manage-dialog{position: fixed; top: 15%; bottom: 15%; left: 10%; right: 10%; z-index: 9;
    border-radius: 10px; display: flex; flex-direction: column; justify-content: center;
    background: url("../img/visitor/bg_mask.png") center no-repeat; background-size: 100% 100%; display: none;}
.visitor-garden-manage-dialog .top{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-garden-manage-dialog .top .title{font-size: 24px; font-weight: 500; color: #fff;
    margin-bottom: 7px; letter-spacing: 2px;}
.visitor-garden-manage-dialog .top .desc{font-size: 14px; color: #fff;}
.visitor-garden-manage-dialog .mid{display: flex; justify-content: center; margin: 10% 0 10%;}
.visitor-garden-manage-dialog .mid img{width: 200px; height: 200px; display: flex;}
.visitor-garden-manage-dialog .bottom{display: flex; justify-content: space-around; align-items: center;}
.visitor-garden-manage-dialog .bottom .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-garden-manage-dialog .bottom .item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.visitor-garden-manage-dialog .bottom .item .name{font-size: 14px; color: #555;}
.visitor-garden-manage-top{margin: 15px 15px 0; display: flex; align-items: center;}
.visitor-garden-manage-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-garden-manage-top .item:active{background: #f5f5f5;}
.visitor-garden-manage-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-garden-manage-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.visitor-garden-manage-top .item .mui-icon{font-size: 20px; color: #999;}
.visitor-garden-manage-list{margin: 15px 15px 0;}
.visitor-garden-manage-item{padding: 15px 10px 10px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.visitor-garden-manage-item:active{background: #f5f5f5;}
.visitor-garden-manage-item-up{display: flex; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-garden-manage-item-up img{width: 50px; height: 50px; display: flex;
    margin-right: 10px; border-radius: 50%;}
.visitor-garden-manage-item-up .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 60px)}
.visitor-garden-manage-item-up .info .content{display: flex; align-items: center;}
.visitor-garden-manage-item-up .info .content.up{justify-content: space-between;}
.visitor-garden-manage-item-up .info .content.up svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;}
.visitor-garden-manage-item-up .info .content:first-child{margin-bottom: 5px;}
.visitor-garden-manage-item-up .info .content .name{font-size: 16px; color: #333; display: inline-block; width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-garden-manage-item-up .info .content .desc{font-size: 14px; color: #999;}
.visitor-garden-manage-item-up .info .content .desc:first-child{margin-right: 15px;}
.visitor-garden-manage-item-dowm{display: flex; justify-content: flex-end; align-items: center;
    padding: 10px 0 0;}
.visitor-garden-manage-item-dowm .right{display: flex; align-items: center;}
.visitor-garden-manage-item-dowm .right .name{font-size: 14px; color: #5C50F8; margin-right: 3px; line-height: normal;}
.visitor-garden-manage-item-dowm .right .mui-icon{font-size: 20px; color: #5C50F8;}
.visitor-garden-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-garden-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 园区管理员设置 */
.garden-manager-set-list{margin-top: 10px;}
.garden-manager-set-item{background: #fff;}
.garden-manager-set-item .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.garden-manager-set-item .title .name{font-size: 16px; font-weight: 400; color: #333;}
.garden-manager-set-item .content{display: flex; flex-wrap: wrap;}
.garden-manager-set-item .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.garden-manager-set-item .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.garden-manager-set-item .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.garden-manager-set-item .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.garden-manager-set-item .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.garden-manager-set-item .content .person-item .name{font-size: 14px; color: #777; display: inline-block; width: 60px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
/* 添加园区 */
.visitor-garden-add-list{margin: 15px 0 85px;}
.visitor-garden-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; border-bottom: 1px solid #f5f5f5;}
.visitor-garden-add-item label{font-size: 14px; color: #777; padding: 10px 10px 0;}
.visitor-garden-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #fff; padding: 0 15px; margin: 0;}
.visitor-garden-add-item-select{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.visitor-garden-add-item-select label{font-size: 14px; color: #777;}
.visitor-garden-add-item-select .right{display: flex; align-items: center;}
.visitor-garden-add-item-select .right .desc{font-size: 16px; color: #333;}
.visitor-garden-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.visitor-garden-add-item-select:active{background: #f5f5f5;}
.visitor-garden-add-address{display: flex; flex-direction: column; justify-content: center;
    background: #fff; border-bottom: 1px solid #f5f5f5;}
.visitor-garden-add-address label{font-size: 14px; color: #777; padding: 10px 10px 0;}
.visitor-garden-add-address .select-address{position: relative; width: 100%; padding: 0 15px;
    height: 40px; line-height: 40px; background: #fff;}
.visitor-garden-add-address .select-address .name{font-size: 16px; color: #333;}
.visitor-garden-add-address .select-address .mui-icon{font-size: 20px; color: #5C50F8; position: absolute; top: 10px; right: 10px;}
.visitor-garden-add-address .select-address:active{background: #f5f5f5;}
.visitor-garden-add-item-picture{display: flex; flex-direction: column; justify-content: center;
    background: #fff; margin-top: 15px;}
.visitor-garden-add-item-picture label{font-size: 14px; color: #777; padding: 10px 10px;}
.visitor-garden-add-item-picture .content{display: flex; flex-wrap: wrap;}
.visitor-garden-add-item-picture .content .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.visitor-garden-add-item-picture .content .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.visitor-garden-add-item-picture .content .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-garden-add-item-picture .content .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.visitor-garden-add-item-picture .content .pic-action:active{background: #f5f5f5;}
.visitor-garden-add-item-picture .content .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.visitor-garden-add-item-picture .content .pic-action .name{font-size: 12px; color: #999;}
.visitor-garden-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-garden-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-garden-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 编辑园区 */
.visitor-garden-edit .visitor-garden-add-action .save{width: 65%;}
.visitor-garden-edit .visitor-garden-add-action .remove{width: 25%; padding: 10px 0; font-size: 16px; color: #000;
    margin-bottom: 0; margin-right: 3%; border-color: #eee;}
/* 绑定访客机&门禁机 */
.visitor-bind-device-search{padding-top: 15px; background: #fff; margin-bottom: 15px;}
.visitor-bind-device-search .mui-search{margin: 0 10px;}
.visitor-bind-device-search .mui-search input{background-color: #f5f5f5;}
.visitor-bind-device-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-bind-device-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.visitor-bind-device-top span{font-size: 14px; color: #5C50F8;}
.visitor-bind-device-top img{width: 20px; height: 20px; display: flex;}
.visitor-bind-device-list{margin: 0 15px;}
.visitor-bind-device-item{padding: 10px 10px 10px 40px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; position: relative;}
.visitor-bind-device-item:active{background: #f5f5f5;}
.visitor-bind-device-item-up{display: flex; align-items: center; margin-bottom: 5px;}
.visitor-bind-device-item-up img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.visitor-bind-device-item-up span{font-size: 16px; color: #333; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-bind-device-item-down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.visitor-bind-device-item .action{position: absolute; left: 10px; top: 50%; margin-top: -10px; z-index: 9;}
.visitor-bind-device-item .action img{width: 20px; height: 20px; display: flex;}
/* 自定义设置 */
.visitor-custom-set-top{margin: 15px; background: #fff; border-radius: 5px;}
.visitor-custom-set-top .up{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.visitor-custom-set-top .up .left{display: flex; align-items: center;}
.visitor-custom-set-top .up .left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.visitor-custom-set-top .up .left .name{font-size: 16px; color: #333;}
.visitor-custom-set-top .up .action{display: flex; align-items: center;}
.visitor-custom-set-top .up .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-custom-set-top .down{display: flex; justify-content: flex-end; align-items: center; height: 36px;
    padding: 0 10px; border-top: 1px solid #f5f5f5;}
.visitor-custom-set-top .down:active{background: #f5f5f5;}
.visitor-custom-set-top .down .left{font-size: 14px; color: #333;}
.visitor-custom-set-top .down .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-custom-set-top .down .mui-icon{font-size: 20px; color: #999;}
.visitor-custom-set-list{margin: 15px 15px 0;}
.visitor-custom-set-item{display: flex; justify-content: space-between;
    padding: 10px; background: #fff; border-radius: 3px; margin-bottom: 15px;}
.visitor-custom-set-item:active{background: #f5f5f5;}
.visitor-custom-set-item-left{display: flex; align-items: center;}
.visitor-custom-set-item-left img{width: 32px; height: 32px; margin-right: 10px;}
.visitor-custom-set-item-left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.visitor-custom-set-item-left .name{font-size: 16px; color: #333;}
.visitor-custom-set-item-right{display: flex; align-items: center;}
.visitor-custom-set-item-right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-custom-set-item-right .mui-icon{font-size: 20px; color: #999;}
.visitor-custom-set-multi{margin: 0 15px 15px; background: #fff; border-radius: 5px;}
.visitor-custom-set-multi .up{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.visitor-custom-set-multi .up .left{display: flex; align-items: center;}
.visitor-custom-set-multi .up .left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.visitor-custom-set-multi .up .left .name{font-size: 16px; color: #333;}
.visitor-custom-set-multi .up .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-custom-set-multi .down{display: flex; justify-content: space-between; align-items: center; height: 36px;
    padding: 0 10px; border-top: 1px solid #f5f5f5;}
.visitor-custom-set-multi .down:active{background: #f5f5f5;}
.visitor-custom-set-multi .down .left{font-size: 14px; color: #777;}
.visitor-custom-set-multi .down .right{display: flex; align-items: center;}
.visitor-custom-set-multi .down .right .desc{font-size: 14px; color: #999; line-height: normal;}
.visitor-custom-set-multi .down .right .mui-icon{font-size: 20px; color: #999;}
/* 自定义名称 */
.visitor-custom-name .title{font-size: 14px; color: #777; padding: 15px 10px 5px 10px;}
.visitor-custom-name-item{display: flex; padding: 0 10px; background: #fff; height: 50px; position: relative;}
.visitor-custom-name-item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-custom-name-item-left{display: flex; justify-content: space-between; align-items: center; width: 75%;}
.visitor-custom-name-item-left .old-name{font-size: 16px; color: #999;}
.visitor-custom-name-item-left .mui-icon{font-size: 16px; color: var(--text-color); position: absolute; top: 15px; left: 120px; z-index: 9;}
.visitor-custom-name-item-left .new-name{font-size: 16px; color: #333;}
.visitor-custom-name-item-right{display: flex; align-items: center; justify-content: flex-end; width: 25%;}
.visitor-custom-name-item-right img{width: 20px; height: 20px; display: flex;}
/* 邀约表单证件号设置 */
.visitor-form-id-set .content{display: flex; flex-direction: column; margin: 15px 15px 0;}
.visitor-form-id-set .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.visitor-form-id-set .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.visitor-form-id-set .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.visitor-form-id-set .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
/* 多级审批设置·新 */
.visitor-multi-approval-new-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-multi-approval-new-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; padding-top: 30px;
    background: #fff; border-radius: 10px; width: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center; display: none;}
.visitor-multi-approval-new-dialog .img{width: 53px; height: 48px; display: flex;}
.visitor-multi-approval-new-dialog .title{font-size: 16px; font-weight: 500; color: #333; padding: 0 10px; margin: 30px 0; text-align: center;}
.visitor-multi-approval-new-dialog .action{display: flex; width: 100%;}
.visitor-multi-approval-new-dialog .action span{flex: 1; display: flex; justify-content: center; align-items: center;
    height: 40px; font-size: 14px; border-top: 1px solid #f5f5f5;}
.visitor-multi-approval-new-dialog .action span:active{background: #f5f5f5;}
.visitor-multi-approval-new-dialog .action .cancel{color: #000; border-right: 1px solid #f5f5f5;}
.visitor-multi-approval-new-dialog .action .save{color: var(--text-color);}
.visitor-multi-approval-new-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-top: 15px; padding: 0 10px 0 10px;}
.visitor-multi-approval-new-top .name{font-size: 16px; color: #333;}
.visitor-multi-approval-new-top .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.visitor-multi-approval-new .tip{font-size: 12px; color: #999; padding: 5px 10px 15px;}
.visitor-multi-approval-new .list .item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px;}
.visitor-multi-approval-new .list .item .left{font-size: 16px; color: #333;}
.visitor-multi-approval-new .list .item .right{display: flex; align-items: center;}
.visitor-multi-approval-new .list .item .right .first{font-size: 12px; padding: 4px 10px; color: var(--text-color); border-color: var(--bg-color); margin-right: 10px;}
.visitor-multi-approval-new .list .item .right .second{font-size: 12px; padding: 4px 10px; color: #888; border-color: #888;}
.visitor-multi-approval-new .list .item .right .third{font-size: 12px; padding: 4px 10px; color: #FF5A48; border-color: #FF5A48;}
/* 多级审批设置 */
.visitor-multi-approval-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3);}
.visitor-multi-approval-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 10px; width: 90%; height: 60%;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-multi-approval-dialog .img{width: 180px; height: 180px; display: flex;}
.visitor-multi-approval-dialog .title{font-size: 16px; font-weight: 600; color: #000; padding: 0 20px; margin: 20px 0; text-align: center;}
.visitor-multi-approval-dialog .action{display: flex; align-items: center;}
.visitor-multi-approval-dialog .action button{width: auto; padding: 8px 30px; border-radius: 30px; margin-bottom: 0; font-size: 16px;}
.visitor-multi-approval-dialog .action .cancel{margin-right: 30px;}
.visitor-multi-approval-dialog .action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); color: #fff;}
.visitor-multi-approval-dialog .action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.visitor-multi-approval-list{margin-top: 15px;}
.visitor-multi-approval-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.visitor-multi-approval-item:active{background: #f5f5f5;}
.visitor-multi-approval-item .name{font-size: 16px; color: #333;}
.visitor-multi-approval-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.visitor-multi-approval-action{margin: 20px 40px;}
.visitor-multi-approval-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.visitor-multi-approval-action .sync{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 15px;}
.visitor-multi-approval-action .sync:active{opacity: 0.8;}
/* 证件类型设置 */
.visitor-id-type-set-list{margin: 15px 15px 0;}
.visitor-id-type-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.visitor-id-type-set-item .name{font-size: 16px; color: #333;}
.visitor-id-type-set-item .delete{font-size: 14px; color: #FF5A48;}
.visitor-id-type-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-id-type-set-plus img{width: 50px; height: 50px; display: flex;}
/* 访客类型设置 */
.visitor-type-set-list{margin: 15px 15px 0;}
.visitor-type-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.visitor-type-set-item .name{font-size: 16px; color: #333;}
.visitor-type-set-item .delete{font-size: 14px; color: #FF5A48;}
.visitor-type-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-type-set-plus img{width: 50px; height: 50px; display: flex;}
/* 访客班级设置 */
.visitor-class-set-list{margin: 15px 15px 0;}
.visitor-class-set-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.visitor-class-set-item .name{font-size: 16px; color: #333;}
.visitor-class-set-item .right{display: flex; align-items: center;}
.visitor-class-set-item .right .set{font-size: 14px; color: var(--text-color);}
.visitor-class-set-item .right .delete{font-size: 14px; color: #FF5A48; margin-left: 15px;}
.visitor-class-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.visitor-class-set-plus img{width: 50px; height: 50px; display: flex;}
/* 来访须知 */
.visitor-notice-video{width: 100%; height: 100%; display: flex; align-items: center;}
.visitor-notice-video video{width: 100%; height: 100%;}
.visitor-notice-text .wrap{margin-bottom: 80px;}
.visitor-notice-text .title{font-size: 16px; font-weight: 500; color: #333;
    padding: 15px 0; text-align: center;}
.visitor-notice-text .content{font-size: 14px; color: #999; padding: 0 15px 15px;}
.visitor-notice-text .confirm{display: flex; justify-content: center; align-items: center; background-color: #fff;
    height: 60px; border-top: 1px solid #f5f5f5; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9;}
.visitor-notice-text .confirm .mui-btn{padding: 10px 0; font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px; width: 80%; border-radius: 20px;}
.visitor-notice-text .confirm .mui-btn:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 来访视频设置 */
.visitor-video-set-list{margin: 15px 15px 0;}
.visitor-video-set-item{padding: 10px 2%; background: #fff; border-radius: 5px;
    margin-bottom: 15px; display: flex; position: relative;}
.visitor-video-set-item-left{width: 50%; height: 100px; margin-right: 2%;}
.visitor-video-set-item-right{display: flex; flex-direction: column; justify-content: center; width: 44%;}
.visitor-video-set-item-right .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-video-set-item-right .time{font-size: 14px; color: #999;}
.visitor-video-set-item-status{position: absolute; top: 0; right: 0; z-index: 9;}
.visitor-video-set-item-status img{width: 50px; height: 50px; display: flex;}
.visitor-video-set-no-data{display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 60px;}
.visitor-video-set-no-data img{width: 155px; height: 155px; display: flex;}
.visitor-video-set-no-data .desc1{font-size: 16px; color: #555; margin: 10px 0 5px;}
.visitor-video-set-no-data .desc2{font-size: 14px; color: #999;}
/* 手写签名 */
.visitor-hand-write-wrap{width: 100%; height: calc(100% - 85px);}
.visitor-hand-write-wrap .title{font-size: 14px; color: #777; padding: 15px;}
.visitor-hand-write-wrap .content{width: 100%; height: calc(100% - 60px);}
.visitor-hand-write-wrap .content canvas{width: 100%; height: 100%;}
.visitor-hand-write-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-hand-write-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 67%;}
.visitor-hand-write-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.visitor-hand-write-action .reset{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 访客自定义设置 */
.custom-set-visitor-list{margin: 15px 0 0;}
.custom-set-visitor-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.custom-set-visitor-item:active{background: #f5f5f5;}
.custom-set-visitor-item .left{display: flex; align-items: center;}
.custom-set-visitor-item .left .name{font-size: 16px; color: #333;}
.custom-set-visitor-item .mui-icon{font-size: 20px; color: #999;}
.custom-set-visitor-item .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 被访人信息设置 */
.visitor-custom-info-set-list{margin-top: 15px; background: #fff;}
.visitor-custom-info-set-list .mui-radio.mui-left label{font-size: 16px; color: #000;
    padding-left: 45px; padding-top: 15px; padding-right: 5px; word-break: break-all;}
.visitor-custom-info-set-list .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.visitor-custom-info-set-list .mui-radio.mui-left input[type=radio]{top: 13px;}
/* 审批人设置 */
.visitor-approval-set-type{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; margin: 15px 0; background: #fff;}
.visitor-approval-set-type:active{background: #F5F5F5;}
.visitor-approval-set-type .name{font-size: 16px; color: #333;}
.visitor-approval-set-type .desc{font-size: 14px; color: #777;}
.visitor-approval-set-type .mui-icon{font-size: 20px; color: #999;}
.visitor-approval-set-item{background: #fff;}
.visitor-approval-set-item .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.visitor-approval-set-item .title .name{font-size: 16px; font-weight: 400; color: #333;}
.visitor-approval-set-item .content{display: flex; flex-wrap: wrap;}
.visitor-approval-set-item .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.visitor-approval-set-item .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.visitor-approval-set-item .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.visitor-approval-set-item .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.visitor-approval-set-item .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.visitor-approval-set-item .content .person-item .name{font-size: 14px; color: #777; display: inline-block; width: 60px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
/* 小票打印 */
.visitor-ticket-print-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-top: 15px; margin-bottom: 15px;}
.visitor-ticket-print-top:active{background: #f5f5f5;}
.visitor-ticket-print-top .left{display: flex; align-items: center;}
.visitor-ticket-print-top .left .name{font-size: 16px; color: #333;}
.visitor-ticket-print-top .mui-icon{font-size: 20px; color: #999;}
.visitor-ticket-print-top .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.visitor-ticket-print-item{display: flex; flex-direction: column; justify-content: center; margin-top: 15px; background: #fff;}
.visitor-ticket-print-item>label{font-size: 16px; color: #333; padding: 5px 15px;}
.visitor-ticket-print-item textarea{font-size: 14px; color: #777; border: 0; margin: 0; padding: 5px 15px;}
.visitor-ticket-print-item2{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; height: 40px;}
.visitor-ticket-print-item2:active{background: #f5f5f5;}
.visitor-ticket-print-item2 .name{font-size: 16px; color: #333;}
.visitor-ticket-print-item2 .right{display: flex; align-items: center;}
.visitor-ticket-print-item2 .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.visitor-ticket-print-item2 .right .mui-icon{font-size: 20px; color: #999;}
.visitor-ticket-print-action{margin: 20px 40px;}
.visitor-ticket-print-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.visitor-ticket-print-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 江投集团·二维码表单 */
.visitor-qrcode-form-list{margin-top: 15px;}
.visitor-qrcode-form-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.visitor-qrcode-form-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.visitor-qrcode-form-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.visitor-qrcode-form-action{margin: 40px 20px;}
.visitor-qrcode-form-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 1px;}
.visitor-qrcode-form-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 江投集团·访客用餐 */
.visitor-qrcode-dining-list{margin-top: 15px;}
.visitor-qrcode-dining-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.visitor-qrcode-dining-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.visitor-qrcode-dining-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.visitor-qrcode-dining-action{margin: 40px 20px;}
.visitor-qrcode-dining-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 1px;}
.visitor-qrcode-dining-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 提交成功 */
.visitor-qrcode-dining-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 80px;}
.visitor-qrcode-dining-success .content img{width: 120px; height: 120px; display: flex;}
.visitor-qrcode-dining-success .content .title{font-size: 18px; font-weight: 500; color: #333; margin: 20px 0 10px;}
.visitor-qrcode-dining-success .content .desc{font-size: 16px; color: #999; padding: 0 50px; text-align: center;}
.visitor-qrcode-dining-success .action{margin: 40px 30px;}
.visitor-qrcode-dining-success .action .return{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8;}
.visitor-qrcode-dining-success .action .return:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 访客通行二维码 */
.visitor-qrcode-pass{padding: 20px 15px; background-image: url("../img/visitor/jxic/bg.png");
    background-repeat: no-repeat; background-attachment: fixed; background-size: cover; overflow-y: auto;}
.visitor-qrcode-pass-content{background: #fff; border-radius: 10px;}
.visitor-qrcode-pass-content-top{display: flex; align-items: center; height: 60px; padding: 0 15px;
    background: #F5F5F5; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.visitor-qrcode-pass-content-top img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.visitor-qrcode-pass-content-top span{font-size: 16px; font-weight: 500; color: #000;}
.visitor-qrcode-pass-content-mid{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 15px 15px;}
.visitor-qrcode-pass-content-mid img{width: 240px; height: 240px; display: flex; margin-top: 15px; margin-bottom: 10px;}
.visitor-qrcode-pass-content-mid .title{font-size: 16px; font-weight: 500; color: #FF5A48;}
.visitor-qrcode-pass-content-mid .desc{font-size: 14px; color: #FF5A48;}
.visitor-qrcode-pass-content-bottom{padding: 0 15px 10px;}
.visitor-qrcode-pass-content-bottom .title{font-size: 14px; color: #333; margin-bottom: 10px;}
.visitor-qrcode-pass-content-bottom .wrap{display: flex; flex-wrap: wrap;}
.visitor-qrcode-pass-content-bottom .wrap .item{font-size: 14px; color: #777; width: 25%; margin-bottom: 5px;}
.visitor-qrcode-pass-bottom{background: rgba(255,255,255, .4); border-radius: 10px; margin-top: 20px;}
.visitor-qrcode-pass-bottom .item{display: flex; justify-content: space-between; align-items: center;
    height: 50px; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255, .2);}
.visitor-qrcode-pass-bottom .item:active{background: rgba(255,255,255, .3);}
.visitor-qrcode-pass-bottom .item:last-child{border-bottom: 0;}
.visitor-qrcode-pass-bottom .item .left{display: flex; align-items: center;}
.visitor-qrcode-pass-bottom .item .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.visitor-qrcode-pass-bottom .item .left span{font-size: 16px; color: #fff;}
.visitor-qrcode-pass-bottom .item .mui-icon{font-size: 20px; color: #fff;}
.visitor-qrcode-pass-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.visitor-qrcode-pass-forward-dialog{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; overflow: hidden;
    background: #f5f5f5; border-top-left-radius: 12px; border-top-right-radius: 12px; display: none;}
.visitor-qrcode-pass-forward-dialog-list{}
.visitor-qrcode-pass-forward-dialog-item{display: flex; justify-content: center; align-items: center;
    height: 50px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.visitor-qrcode-pass-forward-dialog-item:active{background: #f5f5f5;}
.visitor-qrcode-pass-forward-dialog-item img{width: 24px; height: 24px; display: flex; margin-right: 10px;}
.visitor-qrcode-pass-forward-dialog-item .name{font-size: 16px; color: #333;}
.visitor-qrcode-pass-enter-dialog{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; overflow: hidden;
    background: #fff; height: 50%; padding-top: 15px; border-top-left-radius: 12px; border-top-right-radius: 12px; display: none;}
.visitor-qrcode-pass-enter-dialog form{height: 100%;}
.visitor-qrcode-pass-enter-dialog-list{padding: 15px 20px 0; height: 75%; overflow-y: auto;}
.visitor-qrcode-pass-enter-dialog-item{display: flex; justify-content: center; align-items: center; margin-bottom: 10px; position: relative;}
.visitor-qrcode-pass-enter-dialog-item .add-input{font-size: 16px; color: #333; padding: 0 15px;
    margin: 0; height: 40px; line-height: 40px; background: #f5f5f5; border: 0;}
.visitor-qrcode-pass-enter-dialog-item .add{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.visitor-qrcode-pass-enter-dialog-item .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.visitor-qrcode-pass-enter-dialog-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.visitor-qrcode-pass-enter-dialog-action{position: absolute; left: 0; right: 0; bottom: 0;
    padding: 20px 0; margin: 0 15px;}
.visitor-qrcode-pass-enter-dialog-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 1px;}
.visitor-qrcode-pass-enter-dialog-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 功能设置 */
.visitor-function-set-list{margin: 15px 0 0;}
.visitor-function-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; margin-bottom: 15px;}
.visitor-function-set-item:active{background: #f5f5f5;}
.visitor-function-set-item .name{font-size: 16px; color: #333;}
.visitor-function-set-item .right{display: flex; align-items: center;}
.visitor-function-set-item .right .desc{font-size: 14px; color: #999;}
.visitor-function-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 邀约记录 */
.visitor-qrcode-record-top{margin-bottom: 15px; background: #fff;}
.visitor-qrcode-record-date{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.visitor-qrcode-record-date-left{display: flex; align-items: center; padding: 5px;}
.visitor-qrcode-record-date-left:active{background: #f5f5f5;}
.visitor-qrcode-record-date-left img{width: 16px; height: 16px; display: flex;}
.visitor-qrcode-record-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.visitor-qrcode-record-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.visitor-qrcode-record-date-left .mui-icon{font-size: 20px; color: #999;}
.visitor-qrcode-record-date-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.visitor-qrcode-record-date-right:active{background: #f5f5f5;}
.visitor-qrcode-record-date-right img{width: 16px; height: 16px; display: flex;}
.visitor-qrcode-record-date-right .name{font-size: 14px; color: #333; line-height: normal; margin-left: 5px;}
.visitor-qrcode-record-date-right .mui-icon{font-size: 20px; color: #999;}
.visitor-qrcode-record-list{margin: 0 15px;}
.visitor-qrcode-record-item{display: flex; padding: 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-qrcode-record-item:active{background: #f5f5f5;}
.visitor-qrcode-record-item img{width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;}
.visitor-qrcode-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.visitor-qrcode-record-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-qrcode-record-item-info .up .left{font-size: 16px; color: #333;}
.visitor-qrcode-record-item-info .up .right{font-size: 12px; color: #999;}
.visitor-qrcode-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.visitor-qrcode-record-item-info .mid .left{font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-qrcode-record-item-info .down{font-size: 14px; color: #777;}
/* 历史记录 */
.visitor-qrcode-history-record-top{background: #fff;}
.visitor-qrcode-history-record-filter{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.visitor-qrcode-history-record-filter-item{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.visitor-qrcode-history-record-filter .visitor-qrcode-history-record-filter-item:first-child{margin-left: 0;}
.visitor-qrcode-history-record-filter-item:active{background: #f5f5f5;}
.visitor-qrcode-history-record-filter-item img{width: 16px; height: 16px; display: flex;}
.visitor-qrcode-history-record-filter-item .name{font-size: 14px; color: #333; line-height: normal; margin-left: 5px;}
.visitor-qrcode-history-record-filter-item .mui-icon{font-size: 20px; color: #999;}
.visitor-qrcode-history-record-action{margin: 0 15px 15px; display: flex; align-items: center;}
.visitor-qrcode-history-record-action .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.visitor-qrcode-history-record-action .item:active{background: #f5f5f5;}
.visitor-qrcode-history-record-action .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.visitor-qrcode-history-record-action .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.visitor-qrcode-history-record-action .item .mui-icon{font-size: 20px; color: #999;}
.visitor-qrcode-history-record-list{margin: 15px 15px 0;}
.visitor-qrcode-history-record-item{background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-qrcode-history-record-item .up{display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-qrcode-history-record-item .up:active{background: #f5f5f5;}
.visitor-qrcode-history-record-item .up .left{display: flex; align-items: center;}
.visitor-qrcode-history-record-item .up .left img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.visitor-qrcode-history-record-item .up .left span{font-size: 16px; color: #333;}
.visitor-qrcode-history-record-item .up .mui-icon{font-size: 20px; color: #999;}
.visitor-qrcode-history-record-item .mid{padding: 10px; position: relative;}
.visitor-qrcode-history-record-item .mid .status{position: absolute; top: 10px; right: 10px; z-index: 9;}
.visitor-qrcode-history-record-item .mid .status1{font-size: 12px; color: #21D388; padding: 1px 6px; border-radius: 3px;
    background: rgba(33,211,136,.2); line-height: normal;}
.visitor-qrcode-history-record-item .mid .status2{font-size: 12px; color: #FF5A48; padding: 1px 6px; border-radius: 3px;
    background: rgba(255,90,72,.2); line-height: normal;}
.visitor-qrcode-history-record-item .mid .item{font-size: 14px; color: #777; margin-bottom: 10px;}
.visitor-qrcode-history-record-item .mid .item2{display: flex; align-items: center;}
.visitor-qrcode-history-record-item .mid .item2 img{width: 24px; height: 24px; border-radius: 50%; margin-right: 5px; display: flex;}
.visitor-qrcode-history-record-item .mid .item2 .name{font-size: 14px; color: #777; line-height: normal;}
.visitor-qrcode-history-record-item .down{display: flex; justify-content: center; align-items: center;
    padding: 10px; font-size: 14px; font-weight: 500; color: #5C50F8; border-top: 1px solid #f5f5f5;}
.visitor-qrcode-history-record-item .down:active{background: #f5f5f5;}
/* 当前配置 */
.visitor-current-config-first{background: url("../img/visitor/dqpz_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 180px; padding: 30px 15px 0;}
.visitor-current-config-first .title{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 5px;}
.visitor-current-config-first .desc{font-size: 14px; color: #555;}
.visitor-current-config-second{background: #fff; border-radius: 7px; padding: 10px; margin: -70px 15px 15px;}
.visitor-current-config-second .up{display: flex; justify-content: space-between; align-items: center;}
.visitor-current-config-second .up .left{font-size: 14px; color: #777;}
.visitor-current-config-second .up .right{font-size: 16px; color: #333;}
.visitor-current-config-second .down{margin-top: 30px;}
.visitor-current-config-second .down .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.visitor-current-config-second .down .manage:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.visitor-current-config-third{background: #fff; border-radius: 7px; margin: 0 15px 15px;}
.visitor-current-config-third .up{margin-bottom: 5px;}
.visitor-current-config-third .up .item{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;}
.visitor-current-config-third .up .item:active{background: #f5f5f5;}
.visitor-current-config-third .up .item .left{font-size: 14px; color: #777;}
.visitor-current-config-third .up .item .right{display: flex; align-items: center;}
.visitor-current-config-third .up .item .right .desc{font-size: 16px; color: #333;}
.visitor-current-config-third .up .item .right .mui-icon{font-size: 20px; color: #999;}
.visitor-current-config-third .down .title{display: flex;}
.visitor-current-config-third .down .title span{font-size: 14px; color: #777; display: inline-block; text-align: center; padding: 10px 0;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-current-config-third .down .item{display: flex; border-bottom: 1px solid #f5f5f5;}
.visitor-current-config-third .down .item span{font-size: 14px; color: #333; display: inline-block; text-align: center; padding: 10px 0;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-current-config-fourth{background: #fff; border-radius: 7px; margin: 0 15px 15px;}
.visitor-current-config-fourth .item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;}
.visitor-current-config-fourth .item:active{background: #f5f5f5;}
.visitor-current-config-fourth .item .left{font-size: 14px; color: #777;}
.visitor-current-config-fourth .item .right{display: flex; align-items: center;}
.visitor-current-config-fourth .item .right .desc{font-size: 16px; color: #333;}
.visitor-current-config-fourth .item .right .mui-icon{font-size: 20px; color: #999;}
.visitor-current-config-fifth{background: #fff; border-radius: 7px; padding-bottom: 10px; margin: 0 15px 15px;}
.visitor-current-config-fifth .title{font-size: 16px; color: #333; padding: 10px;}
.visitor-current-config-fifth .list{display: flex; align-items: center;}
.visitor-current-config-fifth .list .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-current-config-fifth .list .item img{width: 60px; height: 60px; display: flex; margin-bottom: 5px;}
.visitor-current-config-fifth .list .item span{font-size: 14px; color: #777;}
.visitor-current-config-sixth{background: #fff; border-radius: 7px; margin: 0 15px 15px;}
.visitor-current-config-sixth .item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; border-bottom: 1px solid #f5f5f5;}
.visitor-current-config-sixth .item:active{background: #f5f5f5;}
.visitor-current-config-sixth .item .left{font-size: 14px; color: #777;}
.visitor-current-config-sixth .item .right{display: flex; align-items: center;}
.visitor-current-config-sixth .item .right .desc{font-size: 16px; color: #333;}
.visitor-current-config-sixth .item .right .mui-icon{font-size: 20px; color: #999;}
/* 历史记录 */
.visitor-history-record-top{background: url("../img/visitor/history_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 180px; padding: 0 15px;}
.visitor-history-record-filter{display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.visitor-history-record-filter-item{display: flex; align-items: center;}
.visitor-history-record-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.visitor-history-record-filter-item .mui-icon{font-size: 20px; color: #fff;}
.visitor-history-record-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.visitor-history-record-search .mui-search{margin: 0 auto;}
.visitor-history-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-history-record-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-history-record-list{margin: -60px 15px 0;}
.visitor-history-record-item{padding: 0 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-history-record-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.visitor-history-record-item-top .left{font-size: 14px; color: #777;}
.visitor-history-record-item-top .right{display: flex; align-items: center;}
.visitor-history-record-item-top .right .status{display: flex; align-items: center;}
.visitor-history-record-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.visitor-history-record-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.visitor-history-record-item-top .right .status1 .dot{background: #FDA850;}
.visitor-history-record-item-top .right .status1 .name{color: #FDA850;}
.visitor-history-record-item-top .right .status2 .dot{background: #21D388;}
.visitor-history-record-item-top .right .status2 .name{color: #21D388;}
.visitor-history-record-item-top .right .status3 .dot{background: #FF5A48;}
.visitor-history-record-item-top .right .status3 .name{color: #FF5A48;}
.visitor-history-record-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.visitor-history-record-item-mid .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-history-record-item-mid .left .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-history-record-item-mid .left .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-history-record-item-mid .mui-icon{font-size: 20px; color: #999;}
.visitor-history-record-item-mid .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-history-record-item-mid .right .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-history-record-item-mid .right .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-history-record-item-bottom{padding: 10px 10px; background: #f5f5f5;}
.visitor-history-record-item-bottom .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-history-record-item-bottom .up .left{display: flex; align-items: center;}
.visitor-history-record-item-bottom .up .left .info{display: flex; align-items: center;}
.visitor-history-record-item-bottom .up .left .info .name{font-size: 16px; color: #333;}
.visitor-history-record-item-bottom .up .left .info .desc{font-size: 12px; color: var(--text-color); padding: 0 5px; border-radius: 3px;
    background: rgba(var(--r-color), var(--g-color), var(--b-color), 0.05); margin-left: 5px;}
.visitor-history-record-item-bottom .up .right{display: flex; align-items: center;}
.visitor-history-record-item-bottom .up .right .status{font-size: 14px;}
.visitor-history-record-item-bottom .up .right .status.status1{color: #FDA850;}
.visitor-history-record-item-bottom .up .right .status.status2{color: #21D388;}
.visitor-history-record-item-bottom .up .right .status.status3{color: #FF5A48;}
.visitor-history-record-item-bottom .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-history-record-item-bottom .down .left{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-history-record-item-bottom .down .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-history-record-item-action{padding: 15px 0 5px;}
.visitor-history-record-item-action .again{padding: 10px 0; border: 1px solid #f5f5f5; border-radius: 5px;
    font-size: 14px; color: #333; text-align: center;}
.visitor-history-record-item-action .again:active{background: #f5f5f5;}
/* 访客短信通知·金雨 */
.visitor-goldrain-message{width: 100%; height: 100%; padding: 0 10px;
    background: url("../img/visitor/jinyu/bg.png") center no-repeat; background-size: 100% 100%;}
.visitor-goldrain-message-top{padding: 15px 0;}
.visitor-goldrain-message-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-goldrain-message-top .desc{font-size: 12px; color: #ccc;}
.visitor-goldrain-message-qrcode{margin-bottom: 15px;}
.visitor-goldrain-message-qrcode .title{width: 100%; height: 40px; line-height: 40px;
    font-size: 16px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 10px;
    background: url("../img/visitor/jinyu/bg2.png") center no-repeat; background-size: 100% 100%;}
.visitor-goldrain-message-qrcode .content{width: 100%; height: 240px; display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    background: url("../img/visitor/jinyu/bg3.png") center no-repeat; background-size: 100% 100%;}
.visitor-goldrain-message-qrcode .content .qrcode{width: 140px; height: 140px; padding: 10px; border-radius: 5px;
    background: #fff; margin-bottom: 10px;}
.visitor-goldrain-message-qrcode .content .desc{font-size: 12px; color: #fff;}
.visitor-goldrain-message-id{display: flex; flex-direction: column; width: 100%; height: 200px; padding: 0 10px;
    background: url("../img/visitor/jinyu/bg4.png") center no-repeat; background-size: 100% 100%; margin-bottom: 15px;}
.visitor-goldrain-message-id .title{display: flex; align-items: center; padding: 15px 0;}
.visitor-goldrain-message-id .title .name{font-size: 16px; font-weight: 500; color: #000; padding-left: 8px;
    border-left: 4px solid #000; line-height: 16px;}
.visitor-goldrain-message-id .content label{font-size: 14px; color: #777;}
.visitor-goldrain-message-id .content .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.visitor-goldrain-message-id .content .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-top: 20px;}
.visitor-goldrain-message-id .content .save:active{opacity: 0.7;}
.visitor-goldrain-message-info{padding: 15px 10px 10px; border-radius: 10px; background: #fff; margin-bottom: 15px;}
.visitor-goldrain-message-info .title{font-size: 16px; font-weight: 500; color: #000; margin-bottom: 15px;}
.visitor-goldrain-message-info .item-col{margin-bottom: 15px;}
.visitor-goldrain-message-info .item-col .name{font-size: 14px; color: #777;}
.visitor-goldrain-message-info .item-col .desc{font-size: 14px; color: #333;}
.visitor-goldrain-message-info .item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.visitor-goldrain-message-info .item .name{font-size: 14px; color: #777;}
.visitor-goldrain-message-info .item .desc{font-size: 14px; color: #333;}
.visitor-goldrain-message-info .item .right{display: flex; align-items: center;}
.visitor-goldrain-message-info .item .navi{display: flex; justify-content: center; align-items: center;
    padding: 0 10px; border-radius: 12px; border: 1px solid #ddd; margin-left: 10px;}
.visitor-goldrain-message-info .item .navi:active{background: #f5f5f5;}
.visitor-goldrain-message-info .item .navi .desc2{font-size: 12px; color: #000;}
.visitor-goldrain-message-info .item .navi .mui-icon{font-size: 16px; color: #000;}

/* ================================== 访客·微信公众号 =========================================== */
/* 新的首页 */
.visitor-wx-index-new{background: url("../img/visitor/wechat/bg7.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-new-top{display: flex; align-items: center; padding: 15px 15px 0; margin-bottom: 20px;}
.visitor-wx-index-new-top img{width: 36px; height: 36px; display: flex; margin-right: 5px;}
.visitor-wx-index-new-top .info{flex: 1; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #fff;
    background: url("../img/visitor/wechat/jqr_line.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-new-mid{margin: 0 15px 15px; padding: 20px 0 0; border-radius: 10px; background: #fff;}
.visitor-wx-index-new-mid-up{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px;}
.visitor-wx-index-new-mid-up .left{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-index-new-mid-up .left .time{font-size: 24px; font-weight: 500; color: #000;}
.visitor-wx-index-new-mid-up .left .date{font-size: 12px; color: #777; margin-top: 3px;}
.visitor-wx-index-new-mid-up .mid{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 20px;}
.visitor-wx-index-new-mid-up .mid .name{font-size: 12px; color: #1D49B4; padding: 1px 9px; border-radius: 12px; background: rgba(29,73,180, .1);}
.visitor-wx-index-new-mid-up .mid .desc{font-size: 12px; color: #999;}
.visitor-wx-index-new-mid-up .right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-index-new-mid-up .right .time{font-size: 24px; font-weight: 500; color: #000;}
.visitor-wx-index-new-mid-up .right .date{font-size: 12px; color: #777; margin-top: 3px;}
.visitor-wx-index-new-mid-down{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; margin: 15px 0;}
.visitor-wx-index-new-mid-down .left{display: flex; flex-direction: column; justify-content: center; max-width: 65%;}
.visitor-wx-index-new-mid-down .left .up{display: flex; align-items: center;}
.visitor-wx-index-new-mid-down .left .up .name{font-size: 18px; font-weight: 500; color: #333;}
.visitor-wx-index-new-mid-down .left .up .role{padding: 0 10px; font-size: 12px; color: #1D49B4; border-radius: 12px;
    border: 1px solid #1D49B4; margin-left: 10px;}
.visitor-wx-index-new-mid-down .left .mid{display: flex; align-items: center; margin: 10px 0;}
.visitor-wx-index-new-mid-down .left .mid img{width: 20px; height: 24px; display: flex; margin-right: 5px;}
.visitor-wx-index-new-mid-down .left .mid .desc{font-size: 14px; color: #777;}
.visitor-wx-index-new-mid-down .left .down{display: flex; align-items: center;}
.visitor-wx-index-new-mid-down .left .down img{width: 20px; height: 17px; display: flex; margin-right: 5px;}
.visitor-wx-index-new-mid-down .left .down .desc{font-size: 14px; color: #777;}
.visitor-wx-index-new-mid-down .right{display: flex; align-items: center; width: 100px; height: 100px;}
.visitor-wx-index-new-mid-down .right img{width: 100%; height: 100%; display: flex;}
.visitor-wx-index-new-mid-notice{display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px 12px 15px; border-top: 1px solid #f5f5f5;}
.visitor-wx-index-new-mid-notice:active{background: #f5f5f5;}
.visitor-wx-index-new-mid-notice .left{font-size: 16px; font-weight: 500; color: #333;}
.visitor-wx-index-new-mid-notice .right{display: flex; align-items: center;}
.visitor-wx-index-new-mid-notice .right .desc{font-size: 14px; color: #999;}
.visitor-wx-index-new-mid-notice .right .mui-icon{font-size: 20px; color: #999;}
.visitor-wx-index-new-bottom{margin: 0 15px; padding-left: 20px; border-radius: 10px; height: 140px;
    display: flex; flex-direction: column; justify-content: center;
    background: url("../img/visitor/wechat/bg8.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-new-bottom .name{font-size: 20px; font-weight: 500; color: #333;}
.visitor-wx-index-new-bottom .desc{font-size: 14px; color: #777; margin: 10px 0 15px;}
.visitor-wx-index-new-bottom .action{display: flex; align-items: center;}
.visitor-wx-index-new-bottom .action button{font-size: 16px; color: #fff; margin-right: 15px;
    border: 1px solid #1D49B4; background-color: #1D49B4;}
.visitor-wx-index-new-bottom .action button:active{border: 1px solid #1D49B4; background-color: #1D49B4; opacity: 0.8;}
/* 旧的首页 */
.visitor-wx-index{background: url("../img/visitor/wechat/bg.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-top{display: flex; align-items: center; padding: 15px 15px 0;}
.visitor-wx-index-top img{width: 36px; height: 36px; display: flex; margin-right: 5px;}
.visitor-wx-index-top .info{flex: 1; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #fff;
    background: url("../img/visitor/wechat/jqr_line.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-mid{width: 100%; height: 240px; margin-bottom: 20px; padding: 50px 20px 0 25px;
    background: url("../img/visitor/wechat/bg2.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-mid-up{display: flex; align-items: center; margin-bottom: 15px;}
.visitor-wx-index-mid-up .left{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-index-mid-up .left .time{font-size: 24px; font-weight: 500; color: #63301B;}
.visitor-wx-index-mid-up .left .date{font-size: 12px; color: #A55C3F; margin-top: 3px;}
.visitor-wx-index-mid-up .mid{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 20px;}
.visitor-wx-index-mid-up .mid .name{font-size: 12px; color: #63301B; padding: 1px 9px; border-radius: 12px; background: #f9d8b4;}
.visitor-wx-index-mid-up .mid .desc{font-size: 12px; color: #A55C3F;}
.visitor-wx-index-mid-up .right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-index-mid-up .right .time{font-size: 24px; font-weight: 500; color: #63301B;}
.visitor-wx-index-mid-up .right .date{font-size: 12px; color: #A55C3F; margin-top: 3px;}
.visitor-wx-index-mid-down{display: flex; justify-content: space-between; align-items: center;}
.visitor-wx-index-mid-down .left{display: flex; flex-direction: column; justify-content: center; max-width: 60%;}
.visitor-wx-index-mid-down .left .item{display: flex; align-items: center;}
.visitor-wx-index-mid-down .left .item:first-child{margin-bottom: 5px;}
.visitor-wx-index-mid-down .left .item img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.visitor-wx-index-mid-down .left .item .desc{font-size: 14px; color: #63301B;}
.visitor-wx-index-mid-down .right{display: flex; justify-content: center; align-items: center; width: 125px; height: 60px;
    background: url("../img/visitor/wechat/bg3.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-mid-down .right img{width: 25px; height: 20px; margin-right: 5px;}
.visitor-wx-index-mid-down .right .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-index-mid-down .right .info .name{font-size: 14px; color: #63301B;}
.visitor-wx-index-mid-down .right .info .desc{font-size: 12px; color: #A55C3F;}
.visitor-wx-index-bottom{display: flex; padding: 0 10px; width: 100%}
.visitor-wx-index-bottom .item{width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-index-bottom .item img{width: 54px; height: 54px; display: flex; margin-bottom: 5px;}
.visitor-wx-index-bottom .item .name{font-size: 14px; color: #fff;}
.visitor-wx-index-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5); display: none;}
.visitor-wx-index-qrcode-dialog{position: fixed; top: 50%; left: 7%; right: 7%; transform: translateY(-50%); z-index: 9; display: none;}
.visitor-wx-index-qrcode-dialog .content{background: #fff; padding: 15px 0; border-radius: 12px;}
.visitor-wx-index-qrcode-dialog .content .title{font-size: 18px; font-weight: 500; color: #000; text-align: center; margin-bottom: 20px;}
.visitor-wx-index-qrcode-dialog .content .info{display: flex; align-items: center; padding: 0 15px 20px;}
.visitor-wx-index-qrcode-dialog .content .info img{width: 40px; height: 40px; border-radius: 50%; margin-right: 5px;}
.visitor-wx-index-qrcode-dialog .content .info .right{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-index-qrcode-dialog .content .info .right .name{font-size: 16px; color: #333;}
.visitor-wx-index-qrcode-dialog .content .info .right .desc{font-size: 14px; color: #777;}
.visitor-wx-index-qrcode-dialog .content .qrcode{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.visitor-wx-index-qrcode-dialog .content .qrcode img{width: 200px; height: 200px;}
.visitor-wx-index-qrcode-dialog .content .location{display: flex; justify-content: space-between; align-items: center;
    margin: 0 15px; padding: 15px 10px; background: #f5f5f5; border-radius: 5px;}
.visitor-wx-index-qrcode-dialog .content .location:active{background: #fff;}
.visitor-wx-index-qrcode-dialog .content .location .name{font-size: 14px; color: #333;}
.visitor-wx-index-qrcode-dialog .content .location .mui-icon{font-size: 20px; color: #999;}
.visitor-wx-index-qrcode-dialog .close{display: flex; justify-content: center; padding-top: 25px;}
.visitor-wx-index-qrcode-dialog .close img{width: 24px; height: 24px; display: flex;}
.visitor-wx-index-phone-dialog{position: fixed; top: 50%; left: 5%; right: 5%; transform: translateY(-50%); z-index: 9; display: none;}
.visitor-wx-index-phone-dialog .content{width: 100%; height: 350px; padding-top: 80px; display: flex; flex-direction: column; justify-content: center;
    background: url("../img/visitor/wechat/bg6.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-index-phone-dialog .content .num{font-size: 30px; font-weight: 500; color: #000; text-align: center;
    margin-bottom: 40px; letter-spacing: 2px;}
.visitor-wx-index-phone-dialog .content .action{margin: 0 15px;}
.visitor-wx-index-phone-dialog .content .action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #1C1429;
    background-color: #1C1429; margin-bottom: 0; letter-spacing: 1px;}
.visitor-wx-index-phone-dialog .content .action .submit:active{border: 1px solid #1C1429; background-color: #1C1429; opacity: 0.8;}
.visitor-wx-index-phone-dialog .close{display: flex; justify-content: center; padding-top: 25px;}
.visitor-wx-index-phone-dialog .close img{width: 24px; height: 24px; display: flex;}
/* 历史记录 */
.visitor-wx-history-record-top{background: url("../img/visitor/wechat/bg9.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 360px; padding: 0 15px;}
.visitor-wx-history-record-filter{display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.visitor-wx-history-record-filter-item{display: flex; align-items: center;}
.visitor-wx-history-record-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.visitor-wx-history-record-filter-item .mui-icon{font-size: 20px; color: #fff;}
.visitor-wx-history-record-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.visitor-wx-history-record-search .mui-search{margin: 0 auto;}
.visitor-wx-history-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-wx-history-record-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-wx-history-record-list{margin: -250px 15px 0;}
.visitor-wx-history-record-item{padding: 0 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-wx-history-record-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.visitor-wx-history-record-item-top .left{font-size: 14px; color: #777;}
.visitor-wx-history-record-item-top .right{display: flex; align-items: center;}
.visitor-wx-history-record-item-top .right .status{display: flex; align-items: center;}
.visitor-wx-history-record-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.visitor-wx-history-record-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.visitor-wx-history-record-item-top .right .status1 .dot{background: #FDA850;}
.visitor-wx-history-record-item-top .right .status1 .name{color: #FDA850;}
.visitor-wx-history-record-item-top .right .status2 .dot{background: #21D388;}
.visitor-wx-history-record-item-top .right .status2 .name{color: #21D388;}
.visitor-wx-history-record-item-top .right .status3 .dot{background: #FF5A48;}
.visitor-wx-history-record-item-top .right .status3 .name{color: #FF5A48;}
.visitor-wx-history-record-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.visitor-wx-history-record-item-mid .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-wx-history-record-item-mid .left .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-wx-history-record-item-mid .left .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-wx-history-record-item-mid .mui-icon{font-size: 20px; color: #999;}
.visitor-wx-history-record-item-mid .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-wx-history-record-item-mid .right .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-wx-history-record-item-mid .right .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-wx-history-record-item-bottom{padding: 10px 10px; background: #f5f5f5;}
.visitor-wx-history-record-item-bottom .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-wx-history-record-item-bottom .up .left{display: flex; align-items: center;}
.visitor-wx-history-record-item-bottom .up .left .info{display: flex; align-items: center;}
.visitor-wx-history-record-item-bottom .up .left .info .name{font-size: 16px; color: #333;}
.visitor-wx-history-record-item-bottom .up .left .info .desc{font-size: 12px; color: var(--text-color); padding: 0 5px; border-radius: 3px;
    background: rgba(var(--r-color), var(--g-color), var(--b-color), 0.05); margin-left: 5px;}
.visitor-wx-history-record-item-bottom .up .right{display: flex; align-items: center;}
.visitor-wx-history-record-item-bottom .up .right .status{font-size: 14px;}
.visitor-wx-history-record-item-bottom .up .right .status.status1{color: #FDA850;}
.visitor-wx-history-record-item-bottom .up .right .status.status2{color: #21D388;}
.visitor-wx-history-record-item-bottom .up .right .status.status3{color: #FF5A48;}
.visitor-wx-history-record-item-bottom .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-wx-history-record-item-bottom .down .left{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-wx-history-record-item-bottom .down .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.visitor-wx-history-record-item-action{padding: 15px 0 5px; display: flex;}
.visitor-wx-history-record-item-action .again{padding: 10px 0; border: 1px solid #f5f5f5; border-radius: 5px;
    font-size: 14px; color: #333; text-align: center; flex: 1; margin-right: 15px;}
.visitor-wx-history-record-item-action .again:active{background: #f5f5f5;}
.visitor-wx-history-record-item-action .leave{padding: 10px 0; border: 1px solid #f5f5f5; border-radius: 5px;
    font-size: 14px; color: #333; text-align: center; flex: 1;}
.visitor-wx-history-record-item-action .leave:active{background: #f5f5f5;}
/* 访客须知 */
.visitor-wx-notice{background: url("../img/visitor/wechat/bg5.png") center no-repeat; background-size: 100% 100%; padding: 15px 15px 0; }
.visitor-wx-notice .content{padding: 20px 15px 80px; background: #fff; height: 100%; overflow-y: auto;
    border-top-left-radius: 12px; border-top-right-radius: 12px;}
.visitor-wx-notice .content .title{font-size: 18px; font-weight: 500; color: #000; text-align: center; padding-bottom: 20px;}
.visitor-wx-notice .content .desc{font-size: 14px; color: #555;}
.visitor-wx-notice .content .action{position: fixed; left: 30px; right: 30px; bottom: 15px; z-index: 9;}
.visitor-wx-notice .content .action .agree{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #1C1429;
    background-color: #1C1429; margin-bottom: 0; letter-spacing: 1px;}
.visitor-wx-notice .content .action .agree:active{border: 1px solid #1C1429; background-color: #1C1429; opacity: 0.8;}
/* 离园申请 */
.visitor-wx-leave-apply{margin: 15px 15px 85px;}
.visitor-wx-leave-apply-item{background: #fff; border-radius: 7px; margin-bottom: 10px;}
.visitor-wx-leave-apply-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.visitor-wx-leave-apply-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-wx-leave-apply-item-select:active{background: #f5f5f5;}
.visitor-wx-leave-apply-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-wx-leave-apply-item-select .right{display: flex; align-items: center;}
.visitor-wx-leave-apply-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.visitor-wx-leave-apply-item-select .right .desc2{font-size: 16px; color: #333;}
.visitor-wx-leave-apply-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.visitor-wx-leave-apply-item-upload .title{font-size: 15px; color: #333; padding: 10px 10px 10px 10px;}
.visitor-wx-leave-apply-item-upload .content{display: flex; flex-wrap: wrap;}
.visitor-wx-leave-apply-item-upload .content .pic-item{display: inline-block; position: relative; padding: 0 0 10px 10px;}
.visitor-wx-leave-apply-item-upload .content .pic-item .pic{width: 70px; height: 70px; display: flex; border-radius: 3px;}
.visitor-wx-leave-apply-item-upload .content .pic-item .delete{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 15px; height: 15px; display: flex;}
.visitor-wx-leave-apply-item-upload .content .pic-action{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 70px; height: 70px; border-radius: 3px; border: 1px dashed #ddd; margin-bottom: 10px; margin-left: 10px;}
.visitor-wx-leave-apply-item-upload .content .pic-action:active{background: #f5f5f5;}
.visitor-wx-leave-apply-item-upload .content .pic-action svg{width: 22px; height: 22px; fill: #999; overflow: hidden;}
.visitor-wx-leave-apply-item-upload .content .pic-action .name{font-size: 12px; color: #999;}
.visitor-wx-leave-apply-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.visitor-wx-leave-apply-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.visitor-wx-leave-apply-action .submit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 公司名称 */
.visitor-company-welcome{padding: 20px 10px; background: url("../img/visitor/com_bg.jpg") center no-repeat; background-size: 100% 100%;}
.visitor-company-welcome-top{display: flex; flex-direction: column; margin-bottom: 30px;}
.visitor-company-welcome-top .name{font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-company-welcome-top .desc{font-size: 20px; font-weight: 500; color: #fff;}
.visitor-company-welcome-content{}
.visitor-company-welcome-content .item{padding: 10px; border-radius: 7px; background: rgba(255,255,255, .2); margin-bottom: 15px;}
.visitor-company-welcome-content .item:active{background: rgba(255,255,255, .4);}
.visitor-company-welcome-content .item .wrapper{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 35px 0; border-radius: 7px;}
.visitor-company-welcome-content .item.first .wrapper{background: linear-gradient(to bottom, #CCE5FF, #fff);}
.visitor-company-welcome-content .item.second .wrapper{background: linear-gradient(to bottom, #E0DEFF, #fff);}
.visitor-company-welcome-content .item .wrapper img{width: 60px; height: 60px;}
.visitor-company-welcome-content .item .wrapper .name{font-size: 18px; font-weight: 500; color: #000; margin: 7px 0 3px;}
.visitor-company-welcome-content .item .wrapper .desc{font-size: 12px; color: #777;}
/* 访客信息查询 */
.visitor-query-item{background: #fff; border-radius: 7px; margin: 15px 15px 85px;}
.visitor-query-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.visitor-query-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-query-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-query-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.visitor-query-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-query-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.visitor-query-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%; border-radius: 8px;}
.visitor-query-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}

/* ================================== 访客·微信公众号·和利时 =========================================== */
/* 注册·手机号 */
.visitor-wx-telephone-title{margin: 40px 0; font-size: 20px; font-weight: 500; color: #000; text-align: center;}
.visitor-wx-telephone-item{}
.visitor-wx-telephone-item-input{display: flex; align-items: center; padding: 10px 10px 10px 10px; background: #fff;}
.visitor-wx-telephone-item-input .left{font-size: 16px; color: #333; white-space: nowrap;}
.visitor-wx-telephone-item-input .content{font-size: 16px; color: #333; margin-bottom: 0; padding: 10px; border: 0;}
.visitor-wx-telephone-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-wx-telephone-action{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.visitor-wx-telephone-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #1D49B4;
    background-color: #1D49B4; margin-bottom: 0; width: 90%; border-radius: 8px;}
.visitor-wx-telephone-action .save:active{border: 1px solid #1D49B4; background-color: #1D49B4; opacity: 0.8;}
/* 注册·验证码 */
.visitor-wx-code-title{background: #fff; padding: 15px 15px; margin-bottom: 10px;}
.visitor-wx-code-title .up{font-size: 20px; font-weight: 500; color: #000; margin-bottom: 5px;}
.visitor-wx-code-title .down{display: flex; align-items: center;}
.visitor-wx-code-title .down .desc{font-size: 14px; color: #777;}
.visitor-wx-code-title .down .num{font-size: 14px; color: #1D49B4; margin: 0 5px;}
.visitor-wx-code-item{}
.visitor-wx-code-item-input{display: flex; align-items: center; padding: 10px 10px 10px 10px; background: #fff;}
.visitor-wx-code-item-input .left{font-size: 16px; color: #333; white-space: nowrap;}
.visitor-wx-code-item-input .content{font-size: 16px; color: #333; margin-bottom: 0; padding: 10px; border: 0;}
.visitor-wx-code-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-wx-code-item .send{font-size: 14px; color: #1D49B4; padding: 7px 15px;}
.visitor-wx-code-action{display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.visitor-wx-code-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #1D49B4;
    background-color: #1D49B4; margin-bottom: 0; width: 90%; border-radius: 8px;}
.visitor-wx-code-action .save:active{border: 1px solid #1D49B4; background-color: #1D49B4; opacity: 0.8;}
/* 主页 */
.visitor-wx-home-top{background: url("../img/visitor/hollysys/bg1.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 160px; padding: 0 15px 30px; display: flex; align-items: center;}
.visitor-wx-home-top img{width: 60px; height: 60px; border-radius: 50%; margin-right: 5px;}
.visitor-wx-home-top .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-home-top .info .name{font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 3px;}
.visitor-wx-home-top .info .phone{font-size: 14px; color: #fff;}
.visitor-wx-home-mid{margin: -40px 15px 20px; background: #fff; border-radius: 7px; display: flex; align-items: center;}
.visitor-wx-home-mid .item{flex: 1; display: flex; justify-content: center; align-items: center; padding: 20px 0; position: relative;}
.visitor-wx-home-mid .item:first-child:after{position: absolute; right: 0; top: 25px; bottom: 25px; width: 1px;
    content: ''; background-color: #f5f5f5;}
.visitor-wx-home-mid .item:active{background: #f5f5f5;}
.visitor-wx-home-mid .item img{width: 30px; height: 30px; margin-right: 10px;}
.visitor-wx-home-mid .item .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-home-mid .item .info .up{font-size: 14px; color: #777; margin-bottom: 5px;}
.visitor-wx-home-mid .item .info .down{font-size: 20px; font-weight: 500; color: #333;}
.visitor-wx-home-bottom{background: url("../img/visitor/hollysys/bg2.png") center no-repeat; background-size: 100% 100%;
    height: 95px; padding: 0 15px; margin: 0 15px; border-radius: 7px;
    display: flex; justify-content: space-between; align-items: center;}
.visitor-wx-home-bottom:active{opacity: 0.7;}
.visitor-wx-home-bottom .left{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-home-bottom .left .name{font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.visitor-wx-home-bottom .left .desc{font-size: 14px; color: #fff;}
.visitor-wx-home-bottom .mui-icon{font-size: 20px; color: #fff;}
/* 访问记录 */
.visitor-wx-record-top{background: url("../img/visitor/hollysys/bg3.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; padding: 0 15px;}
.visitor-wx-record-filter{display: flex; align-items: center; padding: 20px 0;}
.visitor-wx-record-filter-item{display: flex; align-items: center; margin-right: 20px;}
.visitor-wx-record-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.visitor-wx-record-filter-item .mui-icon{font-size: 20px; color: #fff;}
.visitor-wx-record-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.visitor-wx-record-search .mui-search{margin: 0 auto;}
.visitor-wx-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.visitor-wx-record-search .mui-search .mui-placeholder{pointer-events: none;}
.visitor-wx-record-list{margin: -120px 15px 0;}
.visitor-wx-record-item{padding: 0 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.visitor-wx-record-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.visitor-wx-record-item-top .left{font-size: 14px; color: #777;}
.visitor-wx-record-item-top .right{display: flex; align-items: center;}
.visitor-wx-record-item-top .right .status{display: flex; align-items: center;}
.visitor-wx-record-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.visitor-wx-record-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.visitor-wx-record-item-top .right .status1 .dot{background: #FDA850;}
.visitor-wx-record-item-top .right .status1 .name{color: #FDA850;}
.visitor-wx-record-item-top .right .status2 .dot{background: #21D388;}
.visitor-wx-record-item-top .right .status2 .name{color: #21D388;}
.visitor-wx-record-item-top .right .status3 .dot{background: #FF5A48;}
.visitor-wx-record-item-top .right .status3 .name{color: #FF5A48;}
.visitor-wx-record-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.visitor-wx-record-item-mid .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-wx-record-item-mid .left .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-wx-record-item-mid .left .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-wx-record-item-mid .mui-icon{font-size: 20px; color: #999;}
.visitor-wx-record-item-mid .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.visitor-wx-record-item-mid .right .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.visitor-wx-record-item-mid .right .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.visitor-wx-record-item-bottom{padding: 10px 10px; background: #f5f5f5;}
.visitor-wx-record-item-bottom .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.visitor-wx-record-item-bottom .up .left{display: flex; align-items: center;}
.visitor-wx-record-item-bottom .up .left .info{display: flex; align-items: center;}
.visitor-wx-record-item-bottom .up .left .info .desc{font-size: 14px; color: #777;}
.visitor-wx-record-item-bottom .up .left .info img{width: 20px; height: 20px; border-radius: 50%;}
.visitor-wx-record-item-bottom .up .left .info .name{font-size: 14px; color: #777; margin-left: 5px;}
.visitor-wx-record-item-bottom .up .right{}
.visitor-wx-record-item-bottom .down{display: flex; justify-content: space-between; align-items: center;}
.visitor-wx-record-item-bottom .down .left{font-size: 14px; color: #777;}
.visitor-wx-record-item-bottom .down .right{}
.visitor-wx-record-item-bottom .up .right .status{font-size: 14px;}
.visitor-wx-record-item-bottom .up .right .status.status1{color: #FDA850;}
.visitor-wx-record-item-bottom .up .right .status.status2{color: #21D388;}
.visitor-wx-record-item-bottom .up .right .status.status3{color: #FF5A48;}
/* 记录详情 */
.visitor-wx-record-detail-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5); display: none;}
.visitor-wx-record-detail-dialog{position: fixed; top: 15%; bottom: 15%; left: 5%; right: 5%; z-index: 9;
    border-radius: 10px; background: #fff; display: none;}
.visitor-wx-record-detail-dialog .title{display: flex; justify-content: center; align-items: center; padding: 20px 0; position: relative;}
.visitor-wx-record-detail-dialog .title .name{font-size: 20px; font-weight: 500; color: #000;}
.visitor-wx-record-detail-dialog .title img{width: 18px; height: 18px; display: flex; margin-left: 10px;}
.visitor-wx-record-detail-dialog .title .mui-icon{position: absolute; top: 0; right: 0; font-size: 30px; color: #1D49B4;}
.visitor-wx-record-detail-dialog .top{display: flex; justify-content: center; align-items: center; padding: 5px 0 30px;}
.visitor-wx-record-detail-dialog .top img{width: 50px; height: 50px; border-radius: 50%; display: flex; margin-right: 10px;}
.visitor-wx-record-detail-dialog .top .info{display: flex; flex-direction: column; justify-content: center;}
.visitor-wx-record-detail-dialog .top .info .name{font-size: 16px; color: #333;}
.visitor-wx-record-detail-dialog .top .info .desc{font-size: 14px; color: #777;}
.visitor-wx-record-detail-dialog .content{display: flex; justify-content: center; align-items: center;}
.visitor-wx-record-detail-dialog .content img{width: 240px; height: 240px; display: flex;}
.visitor-wx-record-detail{background: url("../img/visitor/wechat/bg7.png") center no-repeat; background-size: 100% 100%;
    padding-bottom: 20px; overflow-y: auto;}
.visitor-wx-record-detail-top{display: flex; align-items: center; padding: 15px 15px 0; margin-bottom: 20px;}
.visitor-wx-record-detail-top img{width: 36px; height: 36px; display: flex; margin-right: 5px;}
.visitor-wx-record-detail-top .info{flex: 1; height: 40px; line-height: 40px; padding-left: 20px; font-size: 16px; color: #fff;
    background: url("../img/visitor/wechat/jqr_line.png") center no-repeat; background-size: 100% 100%;}
.visitor-wx-record-detail-mid{margin: 0 15px 15px; padding: 20px 0 0; border-radius: 10px; background: #fff;}
.visitor-wx-record-detail-mid-up{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px;}
.visitor-wx-record-detail-mid-up .left{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-record-detail-mid-up .left .time{font-size: 24px; font-weight: 500; color: #000;}
.visitor-wx-record-detail-mid-up .left .date{font-size: 12px; color: #777; margin-top: 3px;}
.visitor-wx-record-detail-mid-up .mid{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 20px;}
.visitor-wx-record-detail-mid-up .mid .name{font-size: 12px; color: #1D49B4; padding: 1px 9px; border-radius: 12px; background: rgba(29,73,180, .1);}
.visitor-wx-record-detail-mid-up .mid .desc{font-size: 12px; color: #999;}
.visitor-wx-record-detail-mid-up .right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-record-detail-mid-up .right .time{font-size: 24px; font-weight: 500; color: #000;}
.visitor-wx-record-detail-mid-up .right .date{font-size: 12px; color: #777; margin-top: 3px;}
.visitor-wx-record-detail-mid-down{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; margin: 15px 0;}
.visitor-wx-record-detail-mid-down .left{display: flex; flex-direction: column; justify-content: center; max-width: 65%;}
.visitor-wx-record-detail-mid-down .left .up{display: flex; align-items: center;}
.visitor-wx-record-detail-mid-down .left .up .name{font-size: 18px; font-weight: 500; color: #333;}
.visitor-wx-record-detail-mid-down .left .up .role{padding: 0 10px; font-size: 12px; color: #1D49B4; border-radius: 12px;
    border: 1px solid #1D49B4; margin-left: 10px;}
.visitor-wx-record-detail-mid-down .left .mid{display: flex; align-items: center; margin: 7px 0;}
.visitor-wx-record-detail-mid-down .left .mid img{width: 20px; height: 24px; display: flex; margin-right: 5px;}
.visitor-wx-record-detail-mid-down .left .mid .desc{font-size: 14px; color: #777;}
.visitor-wx-record-detail-mid-down .left .wrap{display: flex; align-items: center; margin-bottom: 7px;}
.visitor-wx-record-detail-mid-down .left .wrap span{font-size: 14px; color: #1D49B4; padding-left: 25px;}
.visitor-wx-record-detail-mid-down .left .down{display: flex; align-items: center;}
.visitor-wx-record-detail-mid-down .left .down img{width: 20px; height: 17px; display: flex; margin-right: 5px;}
.visitor-wx-record-detail-mid-down .left .down .desc{font-size: 14px; color: #777;}
.visitor-wx-record-detail-mid-down .right{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.visitor-wx-record-detail-mid-down .right img{width: 100px; height: 100px; display: flex; margin-bottom: 5px;}
.visitor-wx-record-detail-mid-down .right .desc{font-size: 14px; color: #777;}
.visitor-wx-record-detail-mid-notice{display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px 12px 15px; border-top: 1px solid #f5f5f5;}
.visitor-wx-record-detail-mid-notice:active{background: #f5f5f5;}
.visitor-wx-record-detail-mid-notice .left{font-size: 16px; font-weight: 500; color: #333;}
.visitor-wx-record-detail-mid-notice .right{display: flex; align-items: center;}
.visitor-wx-record-detail-mid-notice .right .desc{font-size: 14px; color: #999;}
.visitor-wx-record-detail-mid-notice .right .mui-icon{font-size: 20px; color: #999;}
.visitor-wx-record-detail-bottom{margin: 0 15px 15px; padding-left: 20px; border-radius: 10px; height: 140px;
    display: flex; flex-direction: column; justify-content: center; background: #fff; position: relative;}
.visitor-wx-record-detail-bottom .name{font-size: 16px; font-weight: 500; color: #333;}
.visitor-wx-record-detail-bottom .desc{font-size: 14px; color: #777; margin: 5px 0 15px;}
.visitor-wx-record-detail-bottom .action{display: flex; align-items: center;}
.visitor-wx-record-detail-bottom .action button{font-size: 16px; color: #fff; margin-right: 15px;
    border: 1px solid #1D49B4; background-color: #1D49B4;}
.visitor-wx-record-detail-bottom .action button:active{border: 1px solid #1D49B4; background-color: #1D49B4; opacity: 0.8;}
.visitor-wx-record-detail-bottom img{position: absolute; right: 10px; bottom: 10px; z-index: 3; width: 98px; height: 90px;}
.visitor-wx-record-detail-public{background: #fff; border-radius: 10px; margin: 0 15px;}
.visitor-wx-record-detail-public .title{font-size: 16px; font-weight: 500; color: #333; padding: 10px;}
.visitor-wx-record-detail-public .list{display: flex; align-items: center;}
.visitor-wx-record-detail-public .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 10px 0;}
.visitor-wx-record-detail-public .item:active{background: #f5f5f5;}
.visitor-wx-record-detail-public .item img{width: 50px; height: 50px; border-radius: 5px; margin-bottom: 5px;}
.visitor-wx-record-detail-public .item .desc{font-size: 14px; color: #777;}
/* 信息采集 */
.visitor-wx-info-collect-bg{width: 100%; height: 200px; background: linear-gradient(#1D49B4, #f5f5f5);}
.visitor-wx-info-collect-item{background: #fff; border-radius: 7px; margin: -180px 15px 85px;}
.visitor-wx-info-collect-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.visitor-wx-info-collect-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-wx-info-collect-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-wx-info-collect-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.visitor-wx-info-collect-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.visitor-wx-info-collect-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.visitor-wx-info-collect-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.visitor-wx-info-collect-item-select:active{background: #f5f5f5;}
.visitor-wx-info-collect-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.visitor-wx-info-collect-item-select .right{display: flex; align-items: center;}
.visitor-wx-info-collect-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.visitor-wx-info-collect-item-select .right .desc2{font-size: 16px; color: #333;}
.visitor-wx-info-collect-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.visitor-wx-info-collect-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.visitor-wx-info-collect-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3670F3;
    background-color: #3670F3; margin-bottom: 0; width: 90%; border-radius: 8px;}
.visitor-wx-info-collect-action .save:active{border: 1px solid #3670F3; background-color: #3670F3; opacity: 0.8;}

/* ========================================= 消费 ================================ */
/* 新的首页 */
.consume-index-new-dialog{position: fixed; top: 22%; bottom: 22%; left: 8%; right: 8%; z-index: 9;
    border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;
    background: url("/img/common/version_bg.png") center no-repeat; background-size: 100% 100%;}
.consume-index-new-dialog .title{font-size: 18px; font-weight: 600; color: #0B2461;}
.consume-index-new-dialog .icon{width: 114px; height: 83px; margin: 40px 0;}
.consume-index-new-dialog .time{font-size: 14px; font-weight: 500; color: #000; margin-bottom: 20px;}
.consume-index-new-dialog .know{padding: 10px 0; font-size: 16px; color: #fff; border: 0;
    background: linear-gradient(to right, #475EF7, #888CFB); margin-bottom: 0; width: 85%;}
.consume-index-new-dialog .know:active{opacity: 0.8;}
.consume-index-new{background: url("../img/consume/index/bg.png") center no-repeat; background-size: 100% 100%;
    padding: 20px 10px; overflow-y: auto;}
.consume-index-new-role{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-index-new-role .left{display: flex; align-items: center;}
.consume-index-new-role .left .name{font-size: 16px; font-weight: 500; color: #fff;}
.consume-index-new-role .left .mui-icon{font-size: 20px; color: #fff; margin-left: 5px;}
.consume-index-new-role .right-common{display: flex; align-items: center;}
.consume-index-new-role .right-common .name{font-size: 16px; font-weight: 500; color: #fff; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-index-new-role .right-common .mui-icon{font-size: 20px; color: #fff; margin-left: 5px;}
.consume-index-new-role .right{width: 60%;}
.consume-index-new-role .right .mui-search{margin: 0 auto;}
.consume-index-new-role .right .mui-search input{background-color: transparent; border: 1px solid #bbb; color: #fff;}
.consume-index-new-role .right .mui-search .mui-placeholder{pointer-events: none; color: #fff;}
.consume-index-new-role .right .mui-search .mui-icon{color: #bbb;}
.consume-index-new-notice{display: flex; align-items: center; height: 40px; border-radius: 5px; background: #fff; margin-bottom: 15px;}
.consume-index-new-notice .left{display: flex; justify-content: center; align-items: center;
    width: 22%; border-right: 1px solid #777; line-height: 18px;}
.consume-index-new-notice .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.consume-index-new-notice .left span{font-size: 14px; font-weight: 500; color: #000;}
.consume-index-new-notice .right{max-width: 75%; padding: 0 10px; font-size: 14px; color: #777;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-index-new-data{background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
.consume-index-new-data .top{display: flex; align-items: center; margin-bottom: 10px;}
.consume-index-new-data .top .title{font-size: 16px; font-weight: 500; color: #333;}
.consume-index-new-data .top .desc{font-size: 12px; color: #999;}
.consume-index-new-data .mid{display: flex; align-items: center; margin-bottom: 10px;}
.consume-index-new-data .mid .item{flex: 1; padding: 15px 0; background: #f5f5f5; border-radius: 5px; margin-right: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-index-new-data .mid .item:last-child{margin-right: 0;}
.consume-index-new-data .mid .item .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-index-new-data .mid .item .num{font-size: 16px; font-weight: 500;}
.consume-index-new-data .mid .item .num.num1{color: #5188FF;}
.consume-index-new-data .mid .item .num.num2{color: #1AC596;}
.consume-index-new-data .mid .item .num.num3{color: #FF8317;}
.consume-index-new-data .mid .item .num.num4{color: #EE4C4C;}
.consume-index-new-data .bottom{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #f5f5f5; border-radius: 5px;}
.consume-index-new-data .bottom .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-index-new-data .bottom .item .num{font-size: 16px; color: #555; margin-bottom: 5px;}
.consume-index-new-data .bottom .item .name{font-size: 14px; color: #777;}
.consume-index-new-data .down{display: flex; align-items: center;}
.consume-index-new-data .down .item{flex: 1; padding: 15px 0; background: #f5f5f5; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-index-new-data .down .item:first-child{margin-right: 15px;}
.consume-index-new-data .down .item .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-index-new-data .down .item .num{font-size: 18px; font-weight: 500; color: #333;}
.consume-index-new-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.consume-index-new-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.consume-index-new-content-item .list{display: flex; flex-wrap: wrap;}
.consume-index-new-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.consume-index-new-content-item .list .item:active{background: #F5F5F5;}
.consume-index-new-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.consume-index-new-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.consume-index-new-content-item .list .item .desc{font-size: 12px; color: #999;}
.consume-index-new-canteen{background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px;}
.consume-index-new-canteen .wrap{position: relative;}
.consume-index-new-canteen .wrap .mui-fullscreen{position: static;}
.consume-index-new-canteen .wrap .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border: 0;}
.consume-index-new-canteen .wrap .mui-fullscreen .mui-segmented-control~.mui-slider-group{position: static;}
.consume-index-new-canteen .wrap .mui-fullscreen .mui-scroll-wrapper{position: static;}
.consume-index-new-canteen .wrap .mui-fullscreen .mui-scroll-wrapper .mui-scroll{position: static;}
.consume-index-new-canteen .canteen-chart{display: flex; justify-content: center; align-items: center; position: relative;}
.consume-index-new-canteen .canteen-chart .info{display: flex; flex-direction: column; justify-content: center; align-items: center;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-20%);}
.consume-index-new-canteen .canteen-chart .info .num{font-size: 20px; font-weight: 600; color: #5C50F8;}
.consume-index-new-canteen .canteen-chart .info .desc{font-size: 14px; color: #777; margin-top: 5px;}
.consume-index-new-canteen .canteen-mid{display: flex; align-items: center; margin: 10px 0 15px;}
.consume-index-new-canteen .canteen-mid .item{flex: 1; padding: 15px 0; background: #f5f5f5; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-index-new-canteen .canteen-mid .item:nth-child(2){margin: 0 5px;}
.consume-index-new-canteen .canteen-mid .item:active{background: #f5f5f5;}
.consume-index-new-canteen .canteen-mid .item .name{font-size: 14px; color: #777; margin-top: 5px;}
.consume-index-new-canteen .canteen-mid .item .num{font-size: 16px; font-weight: 500;}
.consume-index-new-canteen .canteen-mid .item .num.num1{color: #5188FF;}
.consume-index-new-canteen .canteen-mid .item .num.num2{color: #1AC596;}
.consume-index-new-canteen .canteen-mid .item .num.num3{color: #FF8317;}
.consume-index-new-canteen .canteen-mid .item .num.num4{color: #EE4C4C;}
.consume-index-new-canteen .canteen-list .title{display: flex; align-items: center;}
.consume-index-new-canteen .canteen-list .title span{font-size: 14px; color: #777; width: 25%; text-align: center;}
.consume-index-new-canteen .canteen-list .item{display: flex; align-items: center; height: 40px;}
.consume-index-new-canteen .canteen-list .item span{font-size: 14px; color: #333; width: 25%; text-align: center;}
/* 可可盖首页 */
.consume-home-top{background: url("../img/meeting/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 150px; position: relative; padding-top: 10px;}
.consume-home-top-msg{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 20px 30px;}
.consume-home-top-msg .icon{position: relative; margin-right: 10px;}
.consume-home-top-msg .icon img{width: 16px; height: 16px; display: flex;}
.consume-home-top-msg .icon .unread{position: absolute; top: -5px; right: -5px; display: inline-block;
    width: 8px; height: 8px; border-radius: 50%; background-color: #f00;}
.consume-home-top-msg .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-home-top-list{display: flex; justify-content: space-around; width: 100%;}
.consume-home-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-home-top-item .name{font-size: 12px; color: rgba(255,255,255, .5);}
.consume-home-top-item .num{font-size: 24px; font-weight: 500; color: #fff; margin-top: 5px;}
.consume-home-top-down{display: flex; margin: 0 15px; border-radius: 5px; background: #fff;}
.consume-home-top-down-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0;}
.consume-home-top-down-item .num{font-size: 20px; color: #555; margin-bottom: 5px;}
.consume-home-top-down-item .name{font-size: 12px; color: #999;}
.consume-home-content{margin: 15px 15px 30px;}
.consume-home-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.consume-home-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.consume-home-content-item .list{display: flex; flex-wrap: wrap;}
.consume-home-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.consume-home-content-item .list .item:active{background: #F5F5F5;}
.consume-home-content-item .list .item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.consume-home-content-item .list .item .name{font-size: 14px; color: #333;}
/* 旧的首页 */
.consume-index-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .5);}
.consume-index-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9;
    border-radius: 7px; display: flex; flex-direction: column; align-items: center; width: 300px; height: 200px;
    background: url("../img/consume/idx_bg.png") center no-repeat; background-size: 100% 100%;}
.consume-index-dialog .icon{width: 60px; height: 60px; display: flex; margin: -20px 0 20px;}
.consume-index-dialog .title{font-size: 20px; font-weight: 600; color: #000; margin-bottom: 10px;}
.consume-index-dialog .desc{font-size: 16px; color: #555; margin-bottom: 20px;}
.consume-index-dialog .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; width: 80%;}
.consume-index-dialog .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.consume-index-top{background: url("../img/meeting/index_bg.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 150px; position: relative; padding-top: 10px;}
.consume-index-top-msg{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 20px 30px;}
.consume-index-top-msg .icon{position: relative; margin-right: 10px;}
.consume-index-top-msg .icon img{width: 16px; height: 16px; display: flex;}
.consume-index-top-msg .icon .unread{position: absolute; top: -5px; right: -5px; display: inline-block;
    width: 8px; height: 8px; border-radius: 50%; background-color: #f00;}
.consume-index-top-msg .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-index-top-list{display: flex; justify-content: space-around; width: 100%;}
.consume-index-top-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-index-top-item .num{font-size: 24px; font-weight: 400; color: rgba(255,255,255, .9); margin-bottom: 5px;}
.consume-index-top-item .name{font-size: 14px; color: rgba(255,255,255, .6);}
.consume-index-top .msg{position: absolute; top: 15px; right: 10px; z-index: 9;}
.consume-index-top .msg img{width: 20px; height: 20px; display: flex;}
.consume-index-top .msg .unread{position: absolute; top: -5px; right: -5px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #f00;}
.consume-index-mid{margin: 15px 15px;}
.consume-index-mid-item{display: flex; justify-content: space-between; padding: 10px 15px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.consume-index-mid-item:active{background: #f5f5f5;}
.consume-index-mid-item-left{display: flex; align-items: center;}
.consume-index-mid-item-left img{width: 40px; height: 40px; margin-right: 10px;}
.consume-index-mid-item-left .name{font-size: 16px; font-weight: 500; color: #333;}
.consume-index-mid-item-right{display: flex; align-items: center;}
.consume-index-mid-item-right span{font-size: 20px; color: #999;}
.consume-index-bottom{display: flex; flex-wrap: wrap; margin: 15px 15px 0;}
.consume-index-bottom-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 47%; padding: 20px 0; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; background: #fff;}
.consume-index-bottom .consume-index-bottom-item:nth-child(odd){margin-right: 6%;}
.consume-index-bottom-item:active{background: #F5F5F5;}
.consume-index-bottom-item img{width: 50px; height: 50px; display: flex; margin-bottom: 5px;}
.consume-index-bottom-item .name{font-size: 16px; color: #333;}
/* 支付宝签约 */
.consume-signed-top{background: url(../img/consume/qyqy_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 200px; margin: 0; padding-left: 40px; display: flex; align-items: center;}
.consume-signed-top.staff{background: url(../img/consume/ygqy_bg.png) center no-repeat; background-size: 100% 100%;}
.consume-signed-top .info{}
.consume-signed-top .info .title{font-size: 24px; font-weight: 500; color: #000; margin-bottom: 10px;}
.consume-signed-top .info .desc{font-size: 14px; color: #555;}
.consume-signed-item{background: #fff; border-radius: 7px; margin: 0 15px 85px;}
.consume-signed-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.consume-signed-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.consume-signed-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.consume-signed-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.consume-signed-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.consume-signed-item-input svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 18px; right: 10px; z-index: 9;}

.consume-signed-item-input-box{position: absolute; top: 55px; left: 10px; right: 10px;
    background: #fff; border-radius: 5px; box-shadow: 1px 1px 4px rgba(0,0,0, .1); z-index: 9;}
.consume-signed-item-input-box .list{max-height: 150px; overflow-y: auto;}
.consume-signed-item-input-box .list .item{display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px;}
.consume-signed-item-input-box .list .item:active{background: #f5f5f5;}
.consume-signed-item-input-box .list .item .left{display: flex; align-items: center;}
.consume-signed-item-input-box .list .item .left .name{font-size: 14px; color: #333;}
.consume-signed-item-input-box .list .item .left .phone{font-size: 14px; color: #777;}
.consume-signed-item-input-box .list .item .dept{font-size: 14px; color: #555;}
.consume-signed-item-input-box .no{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}
.consume-signed-item-input-box .loading{font-size: 14px; color: #333; text-align: center; padding: 30px 0;}

.consume-signed-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.consume-signed-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.consume-signed-item-select:active{background: #f5f5f5;}
.consume-signed-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.consume-signed-item-select .right{display: flex; align-items: center;}
.consume-signed-item-select .right .desc{font-size: 16px; color: #333;}
.consume-signed-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.consume-signed-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.consume-signed-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3670F3;
    background-color: #3670F3; margin-bottom: 0; width: 90%; border-radius: 8px;}
.consume-signed-action .submit:active{border: 1px solid #3670F3; background-color: #3670F3; opacity: 0.8;}
/* 餐厅管理 */
.consume-manage-top{background: #fff; margin: 15px 15px 0; border-radius: 5px;}
.consume-manage-top-up{display: flex; width: 100%; background: #5C50F8; border-radius: 5px;}
.consume-manage-top-up-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0;}
.consume-manage-top-up-item .name{font-size: 12px; color: rgba(255,255,255, .5);}
.consume-manage-top-up-item .num{font-size: 24px; font-weight: 500; color: #fff; margin-top: 5px;}
.consume-manage-top-up-item2{position: relative;}
.consume-manage-top-up-item2:after{position: absolute; right: 0; top: 20px; bottom: 20px; width: 1px;
    content: ''; background-color: rgba(255,255,255, .5);}
.consume-manage-top-down{display: flex; width: 100%;}
.consume-manage-top-down-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px 0;}
.consume-manage-top-down-item .num{font-size: 20px; color: #555; margin-bottom: 5px;}
.consume-manage-top-down-item .name{font-size: 12px; color: #999;}
.consume-manage-list{margin: 20px 15px 30px;}
.consume-manage-item{display: flex; justify-content: space-between; padding: 10px 15px; background: #fff;
    border-radius: 3px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-manage-list .consume-manage-item:last-child{margin-bottom: 0;}
.consume-manage-item:active{background: #f5f5f5;}
.consume-manage-item-left{display: flex; align-items: center;}
.consume-manage-item-left img{width: 60px; height: 60px; margin-right: 10px;}
.consume-manage-item-left .consume-manage-item-info{display: flex; flex-direction: column; justify-content: center;}
.consume-manage-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.consume-manage-item-info{font-size: 14px; color: #999;}
.consume-manage-item-right{display: flex; align-items: center;}
.consume-manage-item-right span{font-size: 20px; color: #999;}
/* 消息列表 */
.consume-message-top{margin: 5px 0 5px; display: flex; justify-content: flex-end; align-items: center;}
.consume-message-top a{display: flex; justify-content: center; align-items: center; padding: 5px 10px;}
.consume-message-top a:active{background: #fff;}
.consume-message-top a .mui-icon{font-size: 20px; color: #5C50F8; font-weight: 500;}
.consume-message-top a .name{font-size: 14px; color: #5C50F8;}
.consume-message-list .consume-message-item:last-child{border-bottom: 0;}
.consume-message-item{display: flex; background: #fff; padding: 15px 10px 15px 15px; border-bottom: 1px solid #f5f5f5;}
.consume-message-item:active{background: #f5f5f5;}
.consume-message-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px; position: relative;}
.consume-message-item-left img{width: 44px; height: 44px;}
.consume-message-item-left .unread{position: absolute; top: 0; right: 0; display: inline-block;
    width: 8px; height: 8px; border-radius: 50%; background-color: #f00;}
.consume-message-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%;}
.consume-message-item-right .up{display: flex; justify-content: space-between; align-items: center;}
.consume-message-item-right .up .name{font-size: 16px; font-weight: 400; color: #333;}
.consume-message-item-right .up .time{font-size: 14px; color: #999;}
.consume-message-item-right .down{font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* 升级通知 */
.consume-message-upgrade-detail-content{margin: 15px 15px 80px; background: #fff; border-radius: 5px; min-height: 200px;}
.consume-message-upgrade-detail-content .title{font-size: 16px; color: #333; padding: 10px; border-bottom: 1px solid #f5f5f5;}
.consume-message-upgrade-detail-content ol{padding: 10px 10px 10px 25px;}
.consume-message-upgrade-detail-content ol li{font-size: 14px; color: #777;}
.consume-message-upgrade-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; border-top: 1px solid #e5e5e5;
    display: flex; justify-content: space-between; align-items: center; background: #e5e5e5; padding: 0 10px; height: 60px;}
.consume-message-upgrade-detail-action input{width: 80%; height: 40px; line-height: 40px; background: #fff; border-radius: 3px;
    margin-bottom: 0; border: 0; font-size: 14px;}
.consume-message-upgrade-detail-action button{padding: 0; width: 50px; height: 32px; line-height: 32px; font-size: 14px;
    background: #5C50F8; font-weight: 400; border: 0;}
.consume-message-upgrade-detail-action button:active{background: #3222FA;}
/* 人脸录入 */
.consume-face-entry-list{margin: 15px; background: #fff; border-radius: 3px;}
.consume-face-entry-list .top{display: flex; align-items: center; padding: 10px 15px;}
/*.consume-face-entry-list .top .title{font-size: 16px; color: #777;}*/
.consume-face-entry-list .top .name{font-size: 16px; font-weight: 400; color: #333;}
.consume-face-entry-list .mid{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin: 30px 0 50px;}
.consume-face-entry-list .mid .title{font-size: 20px; font-weight: 400; color: #333;}
.consume-face-entry-list .mid img{width: 130px; height: 130px; display: flex; margin: 30px 0 15px;}
.consume-face-entry-list .mid .desc{font-size: 14px; color: #999;}
.consume-face-entry-list .mid .status1{font-size: 14px; color: #21D388;}
.consume-face-entry-list .mid .status2{font-size: 14px; color: #FF5A48;}
.consume-face-entry-list .action{margin: 0 20px; padding-bottom: 30px;}
.consume-face-entry-list .action button{padding: 10px 0; font-size: 16px;}
.consume-face-entry-list .action .entry{color: #fff; border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 0;}
.consume-face-entry-list .action .entry:active{border: 1px solid #3222FA; background-color: #3222FA;}
.consume-face-entry-list .action .upload{color: #5C50F8; border: 1px solid #5C50F8; background-color: #fff; margin-bottom: 15px;}
.consume-face-entry-list .action .upload:active{color: #fff; background-color: #5C50F8;}
/* 意见反馈 */
.consume-suggestion-action .submit{border: 1px solid #5C50F8; background-color: #5C50F8;}
.consume-suggestion-action .submit:active{background: #3222FA;}
/* 在线充值 */
.consume-recharge-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.consume-recharge-dialog{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;
    background: #fff; border-radius: 5px; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 30px 30px; display: none;}
.consume-recharge-dialog img{width: 44px; height: 44px; display: flex; margin-bottom: 15px;}
.consume-recharge-dialog .desc{font-size: 14px; color: #999; white-space: nowrap;}
.consume-recharge-top{display: flex; justify-content: flex-end; padding: 0 15px; margin: 10px 0 5px;}
.consume-recharge-top .title{display: flex; justify-content: center; align-items: center; padding: 5px;}
.consume-recharge-top .title:last-child{margin-left: 10px;}
.consume-recharge-top .title:active{background: #fff;}
.consume-recharge-top .title img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.consume-recharge-top .title span{font-size: 14px; color: #5C50F8; line-height: normal;}
.consume-recharge-list{margin: 0 20px; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.consume-recharge-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.consume-recharge-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-recharge-item .num{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.consume-recharge-item .type{width: 100%; height: 40px; background: #f5f5f5;
    border-radius: 3px; padding: 0 15px; display: flex; align-items: center;}
.consume-recharge-item .type span{font-size: 16px; color: #333;}
.consume-recharge-item .type img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.consume-recharge-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-recharge-item-type .item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 15px; height: 60px; background: #f5f5f5; border-radius: 5px; margin-bottom: 10px;}
.consume-recharge-item-type .item:last-child{margin-bottom: 0;}
.consume-recharge-item-type .item:active{background: #fff;}
.consume-recharge-item-type .item .left{display: flex; align-items: center;}
.consume-recharge-item-type .item .left img{width: 20px; height: 20px; display: flex; margin-right: 10px;}
.consume-recharge-item-type .item .left .info{display: flex; flex-direction: column; justify-content: center;}
.consume-recharge-item-type .item .left .info .name{font-size: 14px; font-weight: 500; color: #333;}
.consume-recharge-item-type .item .left .info .desc{font-size: 12px; color: #999;}
.consume-recharge-item-type .item .select svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
.consume-recharge-item-type .item .select.un svg{fill: #bbb;}
.consume-recharge-item-input{position: relative; margin-bottom: 10px;}
.consume-recharge-item-input .title{font-size: 14px; color: #777; position: absolute; top: 10px;
    left: 10px; z-index: 9;}
.consume-recharge-item-input .add-input{font-size: 18px; font-weight: 500; color: #5C50F8; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 0 0 0; margin: 0; text-align: center;}
.consume-recharge-item-input .edit{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 10px; right: 10px; z-index: 9;}
.consume-recharge-item-num{display: flex; flex-wrap: wrap;}
.consume-recharge-item-num .item{padding: 15px 0; background: #F5F5F5; border-radius: 5px; font-size: 16px; color: #777;
    display: flex; justify-content: center; width: 23.125%; margin-right: 2.5%; margin-bottom: 10px;}
.consume-recharge-item-num .item:nth-child(4){margin-right: 0;}
.consume-recharge-item-num .item:nth-child(8){margin-right: 0;}
.consume-recharge-item-num .item.active{background: #5C50F8; color: #fff;}
.consume-recharge-action{margin: 20px 40px;}
.consume-recharge-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-recharge-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.consume-recharge-action .money{display: flex; justify-content: center; align-items: center; margin-top: 10px;}
.consume-recharge-action .money span{font-size: 14px; color: #999; padding: 5px; line-height: normal;}
.consume-recharge-action .money span:active{background: #fff;}
/* 充值记录 */
.recharge-record-top{margin: 0 20px;}
.recharge-record-top-filter{margin: 15px 0; display: flex; align-items: center;}
.recharge-record-top-filter .wrap{display: flex; align-items: center; width: 100%;}
.recharge-record-top-filter .wrap .time{font-size: 14px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.recharge-record-top-filter .wrap .time:active{background: #fff;}
.recharge-record-item{display: flex; flex-direction: column; padding: 15px;
    position: relative; background: #fff;}
.recharge-record-item-up{margin-bottom: 5px;}
.recharge-record-item-up, .recharge-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.recharge-record-item-up .title{font-size: 16px; color: #333;}
.recharge-record-item-up .num{font-size: 18px; color: #5C50F8; font-weight: 500;}
.recharge-record-item-down .time, .recharge-record-item-down .balance{font-size: 14px; color: #777;}
.recharge-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; background-color: #e5e5e5;}
.recharge-record-item:last-child:after{height: 0;}
.recharge-record-item:active{background: #f5f5f5;}
/* 充值详情 */
.recharge-detail{display: flex; flex-direction: column; background: #fff;}
.recharge-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 50px;}
.recharge-detail-top .title{color: #333; font-size: 18px; margin-bottom: 15px;}
.recharge-detail-top .num{color: #000; font-size: 30px; font-weight: 500;}
.recharge-detail-list{margin: 0 20px; padding: 20px 0; display: flex; flex-direction: column; border-top: 1px solid #eee;}
.recharge-detail-item{display: flex; display: -webkit-flex; margin-bottom: 10px;}
.recharge-detail-item .name{font-size: 14px; color: #777;}
.recharge-detail-item .desc{font-size: 14px; color: #555; padding-left: 20px;}
/* 账单记录--松美设备段 */
.songmei-bill-record-top{padding: 0 10px;}
.songmei-bill-record-top-filter{margin: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.songmei-bill-record-top-filter .left{width: 65%; display: flex; justify-content: space-between; align-items: center;}
.songmei-bill-record-top-filter .left .time{font-size: 20px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.songmei-bill-record-top-filter .left .time:active{background: #fff;}
.songmei-bill-record-top-filter .left .space{color: #333;}
.songmei-bill-record-top-filter .right{width: 35%; display: flex; align-items: center;}
.songmei-bill-record-top-filter .right .type{font-size: 20px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.songmei-bill-record-top-filter .right .type:active{background: #fff;}
.songmei-bill-record-top-desc{display: flex; flex-wrap: wrap;}
.songmei-bill-record-top-desc .desc-item{display: flex; align-items: center; margin-bottom: 10px; width: 30%;}
.songmei-bill-record-top-desc .desc-item:nth-child(2){margin-left: 5%; margin-right: 5%;}
.songmei-bill-record-top-desc .desc-item .name{font-size: 14px; color: #777;}
.songmei-bill-record-top-desc .desc-item .num1{font-size: 16px; color: #5C50F8;}
.songmei-bill-record-top-desc .desc-item .num2{font-size: 16px; color: #21D388;}
.songmei-bill-record-top-desc .desc-item .num3{font-size: 16px; color: #FF5A48;}
.songmei-bill-record-item{display: flex; flex-direction: column; padding: 15px;
    position: relative; background: #fff;}
.songmei-bill-record-item-up{margin-bottom: 15px;}
.songmei-bill-record-item-up, .songmei-bill-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.songmei-bill-record-item-up .title{display: flex; align-items: center;}
.songmei-bill-record-item-up img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.songmei-bill-record-item-up .name{font-size: 28px; color: #333;}
.songmei-bill-record-item-up .num{font-size: 28px; color: #222; font-weight: 500;}
.songmei-bill-record-item-down .time, .songmei-bill-record-item-down .balance{font-size: 28px; color: #777;}
.songmei-bill-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; background-color: #e5e5e5;}
.songmei-bill-record-item:last-child:after{height: 0;}
.songmei-bill-record-item:active{background: #f5f5f5;}
/* 账单记录 */
.bill-record-top{padding: 0 10px;}
.bill-record-top-filter{margin: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.bill-record-top-filter .left{width: 45%; display: flex; justify-content: space-between; align-items: center;}
.bill-record-top-filter .left .time{font-size: 14px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.bill-record-top-filter .left .time:active{background: #fff;}
.bill-record-top-filter .left .space{color: #333;}
.bill-record-top-filter .right{width: 45%; display: flex; align-items: center;}
.bill-record-top-filter .right .type{font-size: 14px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.bill-record-top-filter .right .type:active{background: #fff;}
.bill-record-top-desc{display: flex; flex-wrap: wrap;}
.bill-record-top-desc .desc-item{display: flex; align-items: center; margin-bottom: 10px; width: 30%;}
.bill-record-top-desc .desc-item:nth-child(2){margin-left: 5%; margin-right: 5%;}
.bill-record-top-desc .desc-item .name{font-size: 14px; color: #777;}
.bill-record-top-desc .desc-item .num1{font-size: 16px; color: #5C50F8;}
.bill-record-top-desc .desc-item .num2{font-size: 16px; color: #21D388;}
.bill-record-top-desc .desc-item .num3{font-size: 16px; color: #FF5A48;}
.bill-record-item{display: flex; flex-direction: column; padding: 15px;
    position: relative; background: #fff;}
.bill-record-item-up{margin-bottom: 5px;}
.bill-record-item-up, .bill-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.bill-record-item-up .title{display: flex; align-items: center;}
.bill-record-item-up img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.bill-record-item-up .name{font-size: 16px; color: #333;}
.bill-record-item-up .num{font-size: 18px; color: #222; font-weight: 500;}
.bill-record-item-down .time, .bill-record-item-down .balance{font-size: 14px; color: #777;}
.bill-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; background-color: #e5e5e5;}
.bill-record-item:last-child:after{height: 0;}
.bill-record-item:active{background: #f5f5f5;}
/* 账单详情 */
.bill-detail{display: flex; flex-direction: column; background: #fff;}
.bill-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 50px;}
.bill-detail-top .title{color: #333; font-size: 18px; margin-bottom: 15px;}
.bill-detail-top .num{color: #000; font-size: 30px; font-weight: 500;}
.bill-detail-list{margin: 0 20px; padding: 20px 0; display: flex; flex-direction: column; border-top: 1px solid #eee;}
.bill-detail-item{display: flex; display: -webkit-flex; margin-bottom: 10px;}
.bill-detail-item .name{font-size: 14px; color: #777;}
.bill-detail-item .desc{font-size: 14px; color: #555; padding-left: 20px;}
/* 申请提现 */
.consume-cash-list{margin: 15px 20px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.consume-cash-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.consume-cash-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-cash-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-cash-item .wrap{display: flex; align-items: center; margin-top: 5px;}
.consume-cash-item .wrap .desc{font-size: 12px; color: #999;}
.consume-cash-item .wrap .all{font-size: 12px; color: #5C50F8;}
.consume-cash-action{margin: 20px 40px;}
.consume-cash-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-cash-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 提现状态 */
.consume-cash-status-content{margin: 15px 20px 0; padding: 40px 0; background: #fff; border-radius: 5px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-cash-status-content img{width: 64px; height: 64px; display: flex; margin-bottom: 10px;}
.consume-cash-status-content .desc{font-size: 14px; color: #999;}
.consume-cash-status-action{margin: 20px 40px;}
.consume-cash-status-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-cash-status-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 提现记录 */
.cash-record-top{margin: 0 20px;}
.cash-record-top-filter{margin: 15px 0; display: flex; align-items: center;}
.cash-record-top-filter .wrap{display: flex; align-items: center; width: 100%;}
.cash-record-top-filter .wrap .time{font-size: 14px; color: #333; width: 100%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.cash-record-top-filter .wrap .time:active{background: #fff;}
.cash-record-item{padding: 10px; background: #fff; position: relative;}
.cash-record-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.cash-record-item-up .left{display: flex; align-items: center;}
.cash-record-item-up .left img{width: 36px; height: 36px; display: flex;}
.cash-record-item-up .left .title{font-size: 16px; color: #555; margin-left: 5px;}
.cash-record-item-up .status0{font-size: 14px; color: #888;}
.cash-record-item-up .status1{font-size: 14px; color: #FDA850;}
.cash-record-item-up .status2{font-size: 14px; color: #21D388;}
.cash-record-item-up .status3{font-size: 14px; color: #FF5A48;}
.cash-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.cash-record-item-down .balance{font-size: 14px; color: #777;}
.cash-record-item-down .money{font-size: 20px; color: #333; font-weight: 500;}
.cash-record-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px;
    content: ''; background-color: #e5e5e5;}
.cash-record-item:last-child:after{height: 0;}
.cash-record-item:active{background: #f5f5f5;}
/* 提现详情 */
.cash-detail{display: flex; flex-direction: column; background: #fff;}
.cash-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 0 50px;}
.cash-detail-top .title{color: #333; font-size: 18px; margin-bottom: 15px;}
.cash-detail-top .num{color: #000; font-size: 30px; font-weight: 500;}
.cash-detail-list{margin: 0 20px; padding: 20px 0; display: flex; flex-direction: column; border-top: 1px solid #eee;}
.cash-detail-item{display: flex; display: -webkit-flex; margin-bottom: 10px;}
.cash-detail-item .name{font-size: 14px; color: #777;}
.cash-detail-item .desc{font-size: 14px; color: #555; padding-left: 20px;}
.cash-detail-item .desc.status0{color: #888;}
.cash-detail-item .desc.status1{color: #FDA850;}
.cash-detail-item .desc.status2{color: #21D388;}
.cash-detail-item .desc.status3{color: #FF5A48;}
.cash-detail-item .cancel{padding: 2px 10px; color: #fff; border: 1px solid #5C50F8; background-color: #5C50F8;
    margin-left: 15px; line-height: normal; font-size: 12px;}
.cash-detail-item .cancel:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 我要报餐 */
.submit-meal-help{margin: 15px 15px 0; display: flex;}
.submit-meal-help-item{display: flex; justify-content: center; align-items: center;
    flex: 1; height: 50px; background: #fff; border-radius: 5px;}
.submit-meal-help-item:active{background: #f5f5f5;}
.submit-meal-help .submit-meal-help-item:first-child{margin-right: 15px;}
.submit-meal-help-item img{width: 24px; height: 24px; display: flex; margin-right: 5px;}
.submit-meal-help-item span{font-size: 16px; color: #333;}
.submit-meal-top{margin: 15px 15px 0; position: relative;}
.submit-meal-top button{padding: 10px 0; border: 0; font-size: 16px; color: #555;}
.submit-meal-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.submit-meal-top .week{position: absolute; right: 10px; top: 10px; z-index: 9;
    font-size: 14px; color: #777;}
.submit-meal-head{display: flex; justify-content: space-between; padding: 5px 10px;
    background: #fff; margin-bottom: 15px;}
.submit-meal-head-left{display: flex; align-items: center; padding: 5px;}
.submit-meal-head-left:active{background: #f5f5f5;}
.submit-meal-head-left img{width: 16px; height: 16px; display: flex;}
.submit-meal-head-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.submit-meal-head-left .week{font-size: 14px; color: #333; line-height: normal;}
.submit-meal-head-left .mui-icon{font-size: 20px; color: #999;}
.submit-meal-head-right{display: flex; align-items: center; padding: 5px;}
.submit-meal-head-right:active{background: #f5f5f5;}
.submit-meal-head-right img{width: 16px; height: 16px; display: flex; margin-right: 3px;}
.submit-meal-head-right .title{font-size: 14px; color: #5C50F8; line-height: normal;}
.submit-meal-list{margin: 20px 15px 0;}
.submit-meal-list .tips{font-size: 14px; color: #999; margin-bottom: 5px;}
.submit-meal-list .wrap{margin-bottom: 15px; box-shadow: 0px 5px 5px 0 #f5f5f5;
    border-radius: 5px; background: #fff;}
.submit-meal-item{display: flex; justify-content: space-between; padding: 15px 10px;}
.submit-meal-item-left{display: flex; align-items: center;}
.submit-meal-item-left img{width: 42px; height: 42px; display: flex; margin-right: 5px;}
.submit-meal-item-left .info{display: flex; flex-direction: column; justify-content: center;}
.submit-meal-item-left .name{font-size: 14px; color: #333; display: inline-block; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submit-meal-item-left .time{font-size: 14px; color: #999;}
.submit-meal-item-right{display: flex; flex-direction: column; justify-content: center;}
.submit-meal-item-right button{padding: 5px 15px; font-size: 14px; color: #fff; border: 0; margin-bottom: 0;}
.submit-meal-item-right .desc{font-size: 14px; color: #FF5A48;}
.submit-meal-item-right .desc2{font-size: 14px; color: #5C50F8;}
.submit-meal-item-right .num{font-size: 14px; color: #999; margin-top: 5px;}
.submit-meal-item-right .save{background: #5C50F8;}
.submit-meal-item-right .save:active{background: #3222FA;}
.submit-meal-item-right .cancel{background: #bbb;}
.submit-meal-item-right .cancel:active{background: #ddd;}
.submit-meal-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; font-size: 0;}
.submit-meal-action button{width: 100%; font-size: 16px; color: #fff; font-weight: 400;
    border-radius: 0; margin-bottom: 0; text-align: center; border: 0}
.submit-meal-action .submit{background: #5C50F8;}
.submit-meal-action .submit:active{background: #3222FA;}
.submit-meal-help-info{padding-left: 10px; padding-right: 10px;}
.submit-meal-help-info.mui-table-view:before{background-color: #e8e8e8; left: 10px; right: 10px;}
.submit-meal-help-info .mui-table-view-cell{padding: 10px 0;}
.submit-meal-help-info .mui-table-view-cell.mui-active{background-color: #fff !important;}
.submit-meal-help-info .mui-table-view-cell a{font-size: 14px; color: #555; margin-left: 0;}
.submit-meal-help-info .mui-table-view-cell>a:not(.mui-btn).mui-active{background-color: #fff !important;}
.submit-meal-help-info .mui-table-view-cell.mui-collapse .mui-collapse-content{margin-top: 5px; padding-top: 0; padding-bottom: 0;}
.submit-meal-help-info:after{height: 0;}
.submit-meal-help-info .item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.submit-meal-help-info .item .left{display: flex; align-items: center; font-size: 14px; color: #999;}
.submit-meal-help-info .item .left .name{margin-right: 10px;}
.submit-meal-help-info .item .cancel{background: #bbb; padding: 2px 10px; font-size: 12px; color: #fff;
    border: 0; margin-bottom: 0;}
.submit-meal-help-info .item .cancel:active{background: #ddd;}
/* 手机报餐·多份 */
.submit-meal-many-top{margin: 15px 15px 0; position: relative;}
.submit-meal-many-top button{padding: 10px 0; border: 0; font-size: 16px; color: #555;}
.submit-meal-many-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.submit-meal-many-top .week{position: absolute; right: 10px; top: 10px; z-index: 9;
    font-size: 14px; color: #777;}
.submit-meal-many-list{margin: 20px 15px 0;}
.submit-meal-many-list .tips{font-size: 14px; color: #999; margin-bottom: 5px;}
.submit-meal-many-item{background: #fff; margin-bottom: 15px; border-radius: 5px; box-shadow: 0px 5px 5px 0 #f5f5f5;}
.submit-meal-many-item .up{display: flex; justify-content: space-between; padding: 10px 10px;}
.submit-meal-many-item-left{display: flex; align-items: center;}
.submit-meal-many-item-left .name{font-size: 16px; color: #333; line-height: normal; display: inline-block; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submit-meal-many-item-right{display: flex; align-items: center;}
.submit-meal-many-item-right button{padding: 3px 15px; font-size: 14px; color: #fff; border: 0; margin-bottom: 0; line-height: normal;}
.submit-meal-many-item-right .save{background: #5C50F8;}
.submit-meal-many-item-right .save:active{background: #3222FA;}
.submit-meal-many-item-right .cancel{background: #bbb;}
.submit-meal-many-item-right .cancel:active{background: #ddd;}
.submit-meal-many-item-down{display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #f5f5f5; padding: 10px;}
.submit-meal-many-item .down .submit-meal-many-item-down:last-child{border-bottom: 0;}
.submit-meal-many-item-down .left{display: flex; align-items: center;}
.submit-meal-many-item-down .left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.submit-meal-many-item-down .left .info{display: flex; flex-direction: column; justify-content: center;}
.submit-meal-many-item-down .left .info .name{font-size: 14px; color: #555; display: inline-block; max-width: 130px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.submit-meal-many-item-down .left .info .time{font-size: 14px; color: #999;}
.submit-meal-many-item-down button{padding: 3px 15px; font-size: 14px; color: #fff; border: 0; margin-bottom: 0; line-height: normal;}{}
.submit-meal-many-item-down .cancel{background: #bbb;}
.submit-meal-many-item-down .cancel:active{background: #ddd;}
/* 自动报餐 */
.submit-meal-auto-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin: 15px 0;}
.submit-meal-auto-switch .title{font-size: 14px; color: #7D8082;}
.submit-meal-auto-switch .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.submit-meal-auto-wrap .tips{font-size: 12px; color: #999; margin: 0 15px 5px; line-height: 16px;}
.submit-meal-auto-list{margin: 0 16px;}
.submit-meal-auto-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; margin-bottom: 15px; border-radius: 5px;}
.submit-meal-auto-item:active{background: #f5f5f5;}
.submit-meal-auto-item .name{font-size: 16px; color: #333;}
.submit-meal-auto-item img{width: 20px; height: 20px; display: flex;}
.submit-meal-auto-date{margin: 30px 0 85px;}
.submit-meal-auto-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.submit-meal-auto-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; width: 80%;}
.submit-meal-auto-action .save:active{border: 1px solid #3222FA; background-color: #3222FA;}
/* 选择包厢 */
.select-box-top{margin: 10px 15px 15px;}
.select-box-top .action{display: flex; justify-content: flex-end; margin-bottom: 3px;}
.select-box-top .action span{padding: 5px; font-size: 14px; color: #5C50F8;}
.select-box-top .action span:active{background: #fff;}
.select-box-top .wrap{position: relative;}
.select-box-top .wrap button{padding: 10px 0; border: 0; font-size: 16px; color: #555;}
.select-box-top .wrap img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.select-box-list{display: flex; flex-direction: column; margin: 0 15px 30px;}
.select-box-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.select-box-list .select-box-item:last-child{margin-bottom: 0;}
.select-box-item-info{display: flex; justify-content: space-between; padding: 10px 0;}
.select-box-info-left{display: flex; flex-direction: column; justify-content: center;}
.select-box-info-left .name{font-size: 16px; color: #333; display: flex; align-items: center;}
.select-box-info-left .name .status{font-size: 12px; color: #FF5A48;}
.select-box-info-left .desc{font-size: 14px; color: #777; margin: 5px 0 10px;}
.select-box-info-left .mui-btn{border: 1px solid #5C50F8; background-color: #5C50F8; color: #fff;
    font-size: 12px; padding: 5px 0; width: 70px;}
.select-box-info-left .mui-btn:enabled:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.select-box-info-right{display: flex; justify-content: center; align-items: center;}
.select-box-info-right img{width: 160px; height: 100px; border-radius: 5px; display: flex;}
.select-box-item-booking .mui-table-view-cell{padding-left: 0; padding-right: 0;}
.select-box-item-booking .mui-table-view-cell.mui-active{background-color: #fff !important;}
.select-box-item-booking .mui-table-view-cell a{font-size: 14px; color: #555; margin-left: 0;}
.select-box-item-booking .mui-table-view-cell>a:not(.mui-btn).mui-active{background-color: #fff !important;}
.select-box-item-booking:after{height: 0;}
.select-box-item-booking p{font-size: 14px; color: #333; margin-bottom: 5px;}
.select-box-item-booking p .time{margin-right: 10px;}
/* 预定包厢 */
.book-box-list{margin: 15px 0 0;}
.book-box-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; padding: 10px; background: #fff;}
.book-box-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.book-box-item .book-box-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.book-box-item .book-box-select:active{background: #fff;}
.book-box-item .person-list{display: flex; flex-wrap: wrap;}
.book-box-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px; position: relative;}
.book-box-item .person-list .person-list-item .img{width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px;}
.book-box-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.book-box-item .person-list .person-list-item .name{font-size: 16px; color: #333;}
.book-box-item .person-list .person-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.book-box-item-person{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px; margin-bottom: 15px;}
.book-box-item-person>label{font-size: 14px; color: #777; margin-bottom: 10px;}
.book-box-item-person-content{display: flex; flex-wrap: wrap; align-items: center;}
.book-box-item-person-content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5px;}
.book-box-item-person-content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.book-box-item-person-content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.book-box-item-person-content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.book-box-item-person-content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.book-box-item-person-content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.book-box-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.book-box-action{margin: 20px 40px;}
.book-box-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.book-box-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 预定记录 */
.book-box-record-top{padding: 0 10px; margin: 15px 0; }
.book-box-record-top-filter{display: flex; justify-content: space-between; align-items: center;}
.book-box-record-top-filter .left{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.book-box-record-top-filter .left .time{font-size: 14px; color: #333; width: 45%; height: 36px; line-height: 36px;
    background: #fff; border-radius: 3px; text-align: center;}
.book-box-record-top-filter .left .time:active{background: #fff;}
.book-box-record-top-filter .left .space{color: #333;}
.book-box-record-list{margin: 0 15px 30px;}
.book-box-record-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.book-box-record-list .book-box-record-item:last-child{margin-bottom: 0;}
.book-box-record-item:active{background: #f5f5f5;}
.book-box-record-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.book-box-record-item-up .left{display: flex; align-items: center;}
.book-box-record-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.book-box-record-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.book-box-record-item-up .right{display: flex; align-items: center;}
.book-box-record-item-up .right .status1{font-size: 14px; color: #FDA850;}
.book-box-record-item-up .right .status2{font-size: 14px; color: #21D388;}
.book-box-record-item-up .right .status3{font-size: 14px; color: #FF5A48;}
.book-box-record-item-down{display: flex; justify-content: space-between; align-items: center;}
.book-box-record-item-down .left{font-size: 14px; color: #999; width: 200px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.book-box-record-item-down .right{display: flex; align-items: center;}
.book-box-record-item-down .right .name{font-size: 14px; color: #555;}
/* 预定详情 */
.book-box-detail{display: flex; flex-direction: column;}
.book-box-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.book-box-detail-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.book-box-detail-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.book-box-detail-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.book-box-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.book-box-detail-info{display: flex; margin-bottom: 20px;}
.book-box-detail-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.book-box-detail-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.book-box-detail-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.book-box-detail-info-right .name{font-size: 16px; color: #333;}
.book-box-detail-info-right .job{font-size: 14px; color: #777;}
.book-box-detail-item{display: flex; margin-bottom: 20px;}
.book-box-detail-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.book-box-detail-item-left img{width: 20px; height: 20px;}
.book-box-detail-item-right{display: flex; width: 80%;}
.book-box-detail-item-right2{flex-direction: column; justify-content: center;}
.book-box-detail-item-right2 .title{font-size: 16px; color: #333;}
.book-box-detail-item-right3{justify-content: space-between;}
.book-box-detail-item-right3 .list{display: flex; align-items: center;}
.book-box-detail-item-right3 .list .item:last-child{margin-right: 0;}
.book-box-detail-item-right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.book-box-detail-item-right3 .item img{width: 30px; height: 30px; border-radius: 50%; margin-bottom: 5px;}
.book-box-detail-item-right3 .item .name{font-size: 14px; color: #777;}
.book-box-detail-item2{justify-content: center; margin-bottom: 0;}
.book-box-detail-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.book-box-detail-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.book-box-detail-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.book-box-detail-action{margin: 20px 40px 40px;}
.book-box-detail-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 预定审批 */
.book-box-audit{display: flex; flex-direction: column;}
.book-box-audit-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.book-box-audit-title-left{display: flex; flex-direction: column; justify-content: flex-start;}
.book-box-audit-title-left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.book-box-audit-title-left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.book-box-audit-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.book-box-audit-info{display: flex; margin-bottom: 20px;}
.book-box-audit-info-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.book-box-audit-info-left img{width: 50px; height: 50px; border-radius: 50%;}
.book-box-audit-info-right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.book-box-audit-info-right .name{font-size: 16px; color: #333;}
.book-box-audit-info-right .job{font-size: 14px; color: #777;}
.book-box-audit-item{display: flex; margin-bottom: 20px;}
.book-box-audit-item-left{display: flex; justify-content: center; align-items: center; width: 20%;}
.book-box-audit-item-left img{width: 20px; height: 20px;}
.book-box-audit-item-right{display: flex; width: 80%;}
.book-box-audit-item-right2{flex-direction: column; justify-content: center;}
.book-box-audit-item-right2 .title{font-size: 16px; color: #333;}
.book-box-audit-item-right3{justify-content: space-between;}
.book-box-audit-item-right3 .list{display: flex; align-items: center;}
.book-box-audit-item-right3 .list .item:last-child{margin-right: 0;}
.book-box-audit-item-right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.book-box-audit-item-right3 .item img{width: 30px; height: 30px; border-radius: 50%; margin-bottom: 5px;}
.book-box-audit-item-right3 .item .name{font-size: 14px; color: #777;}
.book-box-audit-item2{justify-content: center; margin-bottom: 0;}
.book-box-audit-item2 .status1{color: #FDA850; font-size: 16px; font-weight: 500;}
.book-box-audit-item2 .status2{color: #21D388; font-size: 16px; font-weight: 500;}
.book-box-audit-item2 .status3{color: #FF5A48; font-size: 16px; font-weight: 500;}
.book-box-audit-action{margin: 20px 40px;}
.book-box-audit-action button{font-size: 16px; color: #fff; padding: 10px 0;}
.book-box-audit-action .agree{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 20px;}
.book-box-audit-action .agree:active{border: 1px solid #3222FA; background-color: #3222FA;}
.book-box-audit-action .refuse{border: 1px solid #FF5A48; background-color: #FF5A48;}
.book-box-audit-action .refuse:active{border: 1px solid #dd524d; background-color: #dd524d;}
/* 报餐统计 */
.submit-meal-data-date{display: flex; justify-content: space-between; margin: 10px 15px 0;}
.submit-meal-data-date-left{display: flex; align-items: center; padding: 5px;}
.submit-meal-data-date-left img{width: 16px; height: 16px; display: flex;}
.submit-meal-data-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.submit-meal-data-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.submit-meal-data-date-left .mui-icon{font-size: 20px; color: #999;}
.submit-meal-data-top{margin: 15px 15px 0; position: relative;}
.submit-meal-data-top button{padding: 10px 0; border: 0; font-size: 16px; color: #555;}
.submit-meal-data-top img{width: 20px; height: 20px; display: flex; position: absolute;
    top: 10px; left: 50%; z-index: 9; margin-left: -70px;}
.submit-meal-data-list{margin: 10px 15px 0;}
.submit-meal-data-list .tips{font-size: 14px; color: #999; margin-bottom: 5px;}
.submit-meal-data-item{display: flex; padding: 15px 10px; box-shadow: 0px 5px 5px 0 #f5f5f5;
    border-radius: 5px; background: #fff; margin-bottom: 15px;}
.submit-meal-data-item:active{background: #F5F5F5;}
.submit-meal-data-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.submit-meal-data-item-left img{width: 42px; height: 42px; display: flex;}
.submit-meal-data-item-right{display: flex; flex-direction: column; justify-content: center;}
.submit-meal-data-item-right .up{display: flex; align-items: center;}
.submit-meal-data-item-right .up .name{font-size: 16px; color: #333;}
.submit-meal-data-item-right .middle{display: flex; align-items: center; margin: 5px 0;}
.submit-meal-data-item-right .middle .time{font-size: 14px; color: #999;}
.submit-meal-data-item-right .down{display: flex; align-items: center;}
.submit-meal-data-item-right .down .num1{font-size: 14px; color: #555;}
.submit-meal-data-item-right .down .num2{font-size: 14px; color: #555; margin: 0 15px;}
.submit-meal-data-item-right .down .num3{font-size: 14px; color: #555;}
.submit-meal-data-item-right .down .status{font-size: 14px; color: #FDA850;}
/* 报餐详情 */
.submit-meal-detail .mui-slider{margin: 15px 15px; width: auto; border-radius: 5px;}
.submit-meal-detail .mui-control-content{background: #fff; min-height: 550px;}
.submit-meal-detail .mui-segmented-control{background: #fff;}
.submit-meal-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.submit-meal-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.submit-meal-detail .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.submit-meal-detail-list{display: flex; flex-direction: column; padding-left: 20px;}
.submit-meal-detail-item{display: flex; width: 100%; border-bottom: 1px solid #e5e5e5; padding: 10px 0;}
.submit-meal-detail-item-left{display: flex; align-items: center; justify-content: center; margin-right: 10px;}
.submit-meal-detail .mui-slider .mui-slider-group .submit-meal-detail-item-left img{width: 50px; height: 50px; border-radius: 50%;}
.submit-meal-detail-item-right{display: flex; flex-direction: column; justify-content: center;}
.submit-meal-detail-item-right .name{font-size: 16px; font-weight: 400; color: #333;}
.submit-meal-detail-item-right .time{font-size: 14px; color: #777;}
/* 报警通知设置 */
.alarm-notify-top-title{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px 0;}
.alarm-notify-top-title .left{}
.alarm-notify-top-title .right{font-size: 14px; color: #5C50F8;}
.alarm-notify-top{margin-top: 10px;}
.alarm-notify-top-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 40px;
    padding: 0 10px 0 15px;}
.alarm-notify-top-item .name{font-size: 16px; font-weight: 400; color: #333;}
.alarm-notify-top-item .action{display: flex; align-items: center;}
.alarm-notify-list{margin-top: 15px;}
.alarm-notify-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.alarm-notify-title .left{font-size: 14px; color: #777;}
.alarm-notify-title .right{font-size: 14px; color: #5C50F8;}
.alarm-notify-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.alarm-notify-item:active{background: #f5f5f5;}
.alarm-notify-item .name{font-size: 16px; font-weight: 400; color: #333;}
.alarm-notify-item .right{display: flex; align-items: center;}
.alarm-notify-item .right .desc{font-size: 14px; color: #999; margin-right: 5px; max-width: 100px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.alarm-notify-item .right .mui-icon{font-size: 20px; color: #999;}
.alarm-notify-item2{background: #fff; margin-bottom: 15px;}
.alarm-notify-item2 .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.alarm-notify-item2 .title .name{font-size: 16px; font-weight: 400; color: #333;}
.alarm-notify-item2 .content{display: flex; flex-wrap: wrap;}
.alarm-notify-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.alarm-notify-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.alarm-notify-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 50%;}
.alarm-notify-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.alarm-notify-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.alarm-notify-item2 .content .person-item .name{font-size: 14px; color: #777;}
.alarm-notify .alarm-notify-card{margin: 0 0 15px 0; box-shadow: none;}
.alarm-notify-card .mui-input-group .mui-input-row{height: 50px;}
.alarm-notify-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.alarm-notify-card .mui-input-row label .time{font-size: 14px; color: #999;}
.alarm-notify-card .mui-checkbox input[type=checkbox]{top: 12px;}
.alarm-notify-card .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
.alarm-notify-card .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
.alarm-notify .alarm-notify-card2{margin: 0 0 15px 0; box-shadow: none; background: transparent;}
.alarm-notify-card2 .group-list .group-item{background: #fff; margin-bottom: 15px;}
.alarm-notify-card2 .group-list .group-item .group-item-up{display: flex; justify-content: space-between; align-items: center;
    padding: 15px; border-bottom: 1px solid #f5f5f5;}
.alarm-notify-card2 .group-list .group-item .group-item-up .name{font-size: 16px; color: #333;}
.alarm-notify-card2 .group-list .group-item .group-item-down{padding-left: 30px;}
.alarm-notify-card2 .group-list .group-item .group-item-down .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px 10px 10px; border-bottom: 1px solid #f5f5f5;}
.alarm-notify-card2 .group-list .group-item .group-item-down .item .name{font-size: 14px; color: #777;}
.alarm-notify-card2 .group-list .group-item .mui-checkbox{position: static;}
.alarm-notify-card2 .group-list .group-item .mui-checkbox input[type=checkbox]{position: static;}
.alarm-notify-card2 .group-list .group-item .mui-checkbox input[type=checkbox]:checked:before{color: #5C50F8;}
/* 餐段设置 */
.custom-submit-meal-operate{margin: 15px 15px 0; display: flex; align-items: center;}
.custom-submit-meal-operate .item{flex: 1; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.custom-submit-meal-operate .item:active{background: #f5f5f5;}
.custom-submit-meal-operate .item:first-child{margin-right: 15px;}
.custom-submit-meal-operate .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.custom-submit-meal-operate .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.custom-submit-meal-operate .item .mui-icon{font-size: 20px; color: #999;}
.custom-submit-meal-top{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    margin: 15px 15px 0; padding: 0 10px; border-radius: 5px;}
.custom-submit-meal-top .name{font-size: 16px; color: #333;}
.custom-submit-meal-top .action{display: flex; align-items: center;}
.custom-submit-meal-top .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.custom-submit-meal .tips{font-size: 12px; color: #999; margin: 5px 15px 15px;}
.custom-submit-meal-list{margin: 0 15px;}
.custom-submit-meal-item{background: #fff; padding: 10px 10px; border-radius: 5px; margin-bottom: 15px;}
.custom-submit-meal-item:active{background: #f5f5f5;}
.custom-submit-meal-item .up{display: flex; justify-content: space-between; align-items: center;}
.custom-submit-meal-item .up .name{font-size: 16px; color: #333;}
.custom-submit-meal-item .up .time{font-size: 14px; color: #999;}
.custom-submit-meal-item .down{display: flex; justify-content: space-between; align-items: center; margin-top: 5px;}
.custom-submit-meal-item .down .left{font-size: 14px; color: #999;}
.custom-submit-meal-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.custom-submit-meal-plus img{width: 50px; height: 50px; display: flex;}
/* 餐段设置·添加 */
.custom-submit-meal-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.custom-submit-meal-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.custom-submit-meal-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.custom-submit-meal-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.custom-submit-meal-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.custom-submit-meal-add-dialogs-top .action:active{opacity: 0.8;}
.custom-submit-meal-add-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.custom-submit-meal-add-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.custom-submit-meal-add-dialogs .wrap .content{margin-bottom: 75px;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.custom-submit-meal-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.custom-submit-meal-add-dialogs-list{margin: 0 15px 85px;}
.custom-submit-meal-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.custom-submit-meal-add-dialogs-item:active{background: #f5f5f5;}
.custom-submit-meal-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.custom-submit-meal-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.custom-submit-meal-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.custom-submit-meal-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-submit-meal-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.custom-submit-meal-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.custom-submit-meal-add-dialogs-item svg.right.select{fill: var(--svg-color);}
.custom-submit-meal-add-list{display: flex; flex-direction: column; margin: 15px 15px 0;
    padding: 15px; background: #fff; border-radius: 5px;}
.custom-submit-meal-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.custom-submit-meal-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.custom-submit-meal-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.custom-submit-meal-add-item-time{display: flex; justify-content: space-between; align-items: center;}
.custom-submit-meal-add-item-time .time{font-size: 16px; color: #333; width: 40%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.custom-submit-meal-add-item-time .time:active{background: #fff;}
.custom-submit-meal-add-item-time .space{color: #333;}
.custom-submit-meal-add-item-picture{display: flex; align-items: center;}
.custom-submit-meal-add-item-picture .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: #5C50F8; font-size: 40px; font-weight: 500; border-radius: 3px;}
.custom-submit-meal-add-item-picture .mui-icon:active{background: #fff;}
.custom-submit-meal-add-item-picture .img-wrap{position: relative; width: 60px; height: 60px; margin-right: 15px;}
.custom-submit-meal-add-item-picture .img-wrap .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.custom-submit-meal-add-item-picture .img-wrap .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px; display: flex;}
.custom-submit-meal-add-item2{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 15px;}
.custom-submit-meal-add-item2 label{display: flex; align-items: center; font-size: 14px; color: #777;}
.custom-submit-meal-add-item2 .tip{display: flex; align-items: center; border-bottom: 0;}
.custom-submit-meal-add-item2 .tip svg{width: 14px; height: 14px; fill: #999; overflow: hidden; margin-left: 5px;}
.custom-submit-meal-add-item2 .right{display: flex; align-items: center;}
.custom-submit-meal-add-item2 .right .num{font-size: 14px; color: #333; line-height: normal;}
.custom-submit-meal-add-item2 .right .mui-icon{font-size: 20px; color: #999;}
.custom-submit-meal-add-action{margin: 30px 40px;}
.custom-submit-meal-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.custom-submit-meal-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 餐段设置·编辑 */
.custom-submit-meal-edit .custom-submit-meal-add-action .remove{padding: 10px 0; font-size: 16px; color: #fff;
    margin-bottom: 0;}
/* 餐段设置·高级管理 */
.custom-submit-meal-advance-list{margin-top: 15px;}
.custom-submit-meal-advance-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px;}
.custom-submit-meal-advance-item:active{background: #f5f5f5;}
.custom-submit-meal-advance-item .name{font-size: 16px; color: #333;}
.custom-submit-meal-advance-item .mui-icon{font-size: 20px; color: #999;}
/* 餐段设置·高级管理·餐段优先级 */
.custom-submit-meal-grade-top{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 5px;}
.custom-submit-meal-grade-top .left{font-size: 12px; color: #999;}
.custom-submit-meal-grade-top .right{font-size: 12px; color: #999;}
.custom-submit-meal-grade-list{margin: 0 15px 15px;}
.custom-submit-meal-grade-list .item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-radius: 5px; margin-bottom: 10px;}
.custom-submit-meal-grade-list .item:active{background: #f5f5f5;}
.custom-submit-meal-grade-list .item .left{display: flex; align-items: center;}
.custom-submit-meal-grade-list .item .left .name{font-size: 16px; color: #333;}
.custom-submit-meal-grade-list .item .left .desc{font-size: 14px; color: #777;}
.custom-submit-meal-grade-list .item svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
/* 特殊设置 */
.consume-special-set .mui-slider{margin: 15px 15px; width: auto; border-radius: 5px;}
.consume-special-set .mui-control-content{background: #fff; min-height: 550px;}
.consume-special-set .mui-segmented-control{background: #fff;}
.consume-special-set .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.consume-special-set .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.consume-special-set .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.consume-special-set-list{display: flex; flex-direction: column; padding-left: 20px;}
.consume-special-set-item{display: flex; justify-content: space-between; align-items: center; width: 100%;
    border-bottom: 1px solid #e5e5e5; padding: 15px 10px 15px 0;}
.consume-special-set-item-left{display: flex; align-items: center;}
.consume-special-set-item-left .time{font-size: 16px; color: #333;}
.consume-special-set-item-right{display: flex; align-items: center;}
.consume-special-set-item-right .remove{font-size: 14px; color: #5C50F8;}
.consume-special-set-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-special-set-plus img{width: 50px; height: 50px; display: flex;}
/* 添加报餐日期 */
.submit-meal-date-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.submit-meal-date-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.submit-meal-date-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.submit-meal-date-add-item .time{font-size: 16px; color: #333; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 10px;}
.submit-meal-date-add-item .time:active{background: #fff;}
.submit-meal-date-add-action{margin: 20px 40px;}
.submit-meal-date-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.submit-meal-date-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 公告管理 */
.consume-notice-list{margin: 15px 15px 0;}
.consume-notice-item{display: flex; background: #fff; padding: 15px 10px; margin-bottom: 15px;}
.consume-notice-item:active{background: #f5f5f5;}
.consume-notice-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.consume-notice-item-left img{width: 44px; height: 44px;}
.consume-notice-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%;}
.consume-notice-item-right .up{display: flex; justify-content: space-between; align-items: center;}
.consume-notice-item-right .up .name{font-size: 16px; color: #333;}
.consume-notice-item-right .up .time{font-size: 14px; color: #999;}
.consume-notice-item-right .down{font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.consume-notice-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-notice-plus img{width: 50px; height: 50px; display: flex;}
/* 添加公告 */
.consume-notice-add-list{display: flex; flex-direction: column; margin: 0 15px 15px;
    padding: 15px; background: #fff; border-radius: 5px;}
.consume-notice-add-top{display: flex; justify-content: space-between; align-items: center;}
.consume-notice-add-top .title{font-size: 14px; font-weight: 500; color: #333;}
.consume-notice-add-top .mui-icon{font-size: 26px; font-weight: 500; color: #5C50F8;
    margin-top: -10px; margin-right: -10px;}
.consume-notice-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.consume-notice-add-list .consume-notice-add-item:last-child{margin-bottom: 0;}
.consume-notice-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-notice-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-notice-add-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; margin-bottom: 10px; position: relative;}
.consume-notice-add-item .person-list .person-list-item .img{width: 60px; height: 60px; border-radius: 3px; margin-bottom: 5px;}
.consume-notice-add-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.consume-notice-add-item .dish-plus{display: flex; align-items: center;}
.consume-notice-add-item .dish-plus .mui-icon-plus{font-size: 50px; color: #999;}
.consume-notice-add-operate{display: flex; justify-content: center; align-items: center;
    height: 40px; background: #fff; margin: 0 15px; border-radius: 5px;}
.consume-notice-add-operate:active{background: #f5f5f5;}
.consume-notice-add-operate .mui-icon{font-size: 20px; color: #5C50F8;}
.consume-notice-add-operate .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.consume-notice-add-action{margin: 30px 40px;}
.consume-notice-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-notice-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.consume-notice-add-meal-report{display: flex; justify-content: space-between; align-items: center; height: 60px;
    border-radius: 5px; margin: 10px 15px 15px; padding: 15px; background: #fff;}
.consume-notice-add-meal-report .left{display: flex; align-items: center;}
.consume-notice-add-meal-report .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.consume-notice-add-meal-report .left .name{font-size: 16px; color: #333;}
.consume-notice-add-meal-report .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 公告详情 */
.consume-notice-detail-list{margin: 15px 15px 0; background: #fff; border-radius: 5px;}
.consume-notice-detail-top{display: flex; flex-direction: column; justify-content: center;
    padding: 10px 15px; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px;}
.consume-notice-detail-top .title{font-size: 16px; color: #333;}
.consume-notice-detail-top .time{font-size: 14px; color: #999;}
.consume-notice-detail-item{padding: 0 15px 10px;}
.consume-notice-detail-item .title{font-size: 16px; color: #333; margin-bottom: 10px;}
.consume-notice-detail-item .dish-list{display: flex; flex-wrap: wrap;}
.consume-notice-detail-item .dish-list .dish-list-item{display: flex; flex-direction: column;
    justify-content: center; align-items: center; margin-right: 10px; margin-bottom: 10px;}
.consume-notice-detail-item .dish-list .dish-list-item img{width: 60px; height: 60px;
    border-radius: 3px; margin-bottom: 5px;}
.consume-notice-detail-item .dish-list .dish-list-item .name{font-size: 14px; color: #777;}
.consume-notice-detail-action{margin: 30px 40px;}
.consume-notice-detail-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.consume-notice-detail-action .edit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 10px;}
/* 修改公告 */
.consume-notice-edit-list{display: flex; flex-direction: column; margin: 0 15px 15px;
    padding: 15px; background: #fff; border-radius: 5px;}
.consume-notice-edit-top{display: flex; justify-content: space-between; align-items: center;}
.consume-notice-edit-top .title{font-size: 14px; font-weight: 500; color: #333;}
.consume-notice-edit-top .mui-icon{font-size: 26px; font-weight: 500; color: #5C50F8;
    margin-top: -10px; margin-right: -10px;}
.consume-notice-edit-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.consume-notice-edit-list .consume-notice-edit-item:last-child{margin-bottom: 0;}
.consume-notice-edit-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-notice-edit-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-notice-edit-item .person-list .person-list-item{display: flex; flex-direction: column;
    justify-content: center; margin-bottom: 10px; position: relative;}
.consume-notice-edit-item .person-list .person-list-item .img{width: 60px; height: 60px; border-radius: 3px; margin-bottom: 5px;}
.consume-notice-edit-item .person-list .person-list-item .img-remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 16px; height: 16px;}
.consume-notice-edit-item .dish-plus{display: flex; align-items: center;}
.consume-notice-edit-item .dish-plus .mui-icon-plus{font-size: 50px; color: #999;}
.consume-notice-edit-operate{display: flex; justify-content: center; align-items: center;
    height: 40px; background: #fff; margin: 0 15px; border-radius: 5px;}
.consume-notice-edit-operate:active{background: #f5f5f5;}
.consume-notice-edit-operate .mui-icon{font-size: 20px; color: #5C50F8;}
.consume-notice-edit-operate .name{font-size: 14px; color: #5C50F8; line-height: normal;}
.consume-notice-edit-action{margin: 30px 40px;}
.consume-notice-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-notice-edit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
.consume-notice-edit-meal-report{display: flex; justify-content: space-between; align-items: center; height: 60px;
    border-radius: 5px; margin: 10px 15px 15px; padding: 15px; background: #fff;}
.consume-notice-edit-meal-report .left{display: flex; align-items: center;}
.consume-notice-edit-meal-report .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.consume-notice-edit-meal-report .left .name{font-size: 16px; color: #333;}
.consume-notice-edit-meal-report .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 报餐人员 */
.submit-meal-person-content{margin-top: 15px; margin-bottom: 85px;}
.submit-meal-person-content .mui-table-view:before{height: 0;}
.submit-meal-person-content .mui-table-view:after{height: 0;}
.submit-meal-person-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.submit-meal-person-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.submit-meal-person-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.submit-meal-person-content .mui-table-view-cell:last-child:after{height: 1px;}
.submit-meal-person-content .mui-table-view-cell .name{font-size: 16px; color: #333;}
.submit-meal-person-content .mui-table-view-cell .desc{font-size: 15px; color: #FF5A48; float: right; margin-right: 15px;}
.submit-meal-person-content .mui-table-view-cell .mui-navigate-right:after, .mui-push-right:after{display: none;}
.submit-meal-person-content .person-list .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.submit-meal-person-content .person-list .person-item:active{background: #F5F5F5;}
.submit-meal-person-content .person-list .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.submit-meal-person-content .person-list .person-item:last-child:after{height: 0;}
.submit-meal-person-content .person-list .person-item .person-item-left{display: flex; align-items: center;}
.submit-meal-person-content .person-list .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.submit-meal-person-content .person-list .person-item .person-item-left .person-item-left-up{display: flex; flex-direction: column;
    justify-content: center;}
.submit-meal-person-content .person-list .person-item .person-item-left .person-item-left-up .name{font-size: 16px; color: #333;}
.submit-meal-person-content .person-list .person-item .person-item-left .person-item-left-up .desc{font-size: 12px; color: #999;}
.submit-meal-person-content .person-list .person-item .remove{font-size: 15px; color: #FF5A48;}
.submit-meal-person-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.submit-meal-person-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.submit-meal-person-action .manage:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 包厢管理 */
.consume-box-manage-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.consume-box-manage-top span{font-size: 14px; font-weight: 400; color: #5C50F8;}
.consume-box-manage-list{margin: 0 15px 30px;}
.consume-box-manage-item{display: flex; flex-direction: column; padding: 0 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-box-manage-item:active{background: #f5f5f5;}
.consume-box-manage-list .consume-box-manage-item:last-child{margin-bottom: 0;}
.consume-box-manage-item-info{display: flex; padding: 10px 0;}
.consume-box-manage-info-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.consume-box-manage-info-left img{width: 120px; height: 80px; border-radius: 5px; display: flex;}
.consume-box-manage-info-right{display: flex; flex-direction: column;}
.consume-box-manage-info-right .title{font-size: 16px; color: #333; margin-bottom: 3px;}
.consume-box-manage-info-right .desc{font-size: 14px; color: #777; margin-bottom: 6px;}
.consume-box-manage-info-right .status{font-size: 14px; color: #FF5A48;}
.consume-box-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-box-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 添加包厢 */
.consume-box-add-list{margin: 15px 0 0;}
.consume-box-add-item{display: flex; flex-direction: column; justify-content: center;
    padding: 10px; margin-bottom: 15px; background: #fff;}
.consume-box-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-box-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-box-add-item .select{font-size: 16px; color: #333; width: 100%;
    height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 3px; padding: 0 15px;}
.consume-box-add-item .select:active{background: #fff;}
.consume-box-add-item .img-list{display: flex; flex-wrap: wrap;}
.consume-box-add-item .img-list .img-list-item{display: flex; justify-content: center; align-items: center;
    margin-right: 10px;}
.consume-box-add-item .img-list .img-list-item img{width: 100px; height: 80px; border-radius: 5px;}
.consume-box-add-item .img-list .img-list-item .mui-icon-plus{font-size: 50px; color: #999;}
.consume-box-add-item-content{display: flex;}
.consume-box-add-item-content .mui-radio input[type=radio]:before{font-size: 18px; color: #5C50F8;}
.consume-box-add-item-content .mui-radio.mui-left label{font-size: 16px; color: #333; padding-left: 50px; padding-top: 7px;}
.consume-box-add-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; padding: 10px 10px 10px 10px;}
.consume-box-add-item-switch>label{font-size: 14px; color: #777;}
.consume-box-add-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.consume-box-add-item-person{display: flex; flex-direction: column; justify-content: center;
    margin: -15px 0 15px; border-top: 1px solid #f5f5f5; background: #fff; padding: 10px;}
.consume-box-add-item-person>label{font-size: 14px; color: #777; margin-bottom: 10px;}
.consume-box-add-item-person-content{display: flex; flex-wrap: wrap; align-items: center;}
.consume-box-add-item-person-content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 5px;}
.consume-box-add-item-person-content .person-item .person-item-img{position: relative; margin-bottom: 2px;}
.consume-box-add-item-person-content .person-item .person-item-img .photo{width: 36px; height: 36px; border-radius: 5px; display: flex;}
.consume-box-add-item-person-content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;
    width: 12px; height: 12px;}
.consume-box-add-item-person-content .person-item .name{font-size: 12px; color: #777; display: inline-block; width: 40px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
.consume-box-add-item-person-content .mui-icon{font-size: 20px; color: #999; margin: 0 5px;}
.consume-box-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; background: #f5f5f5;}
.consume-box-add-action{margin: 20px 40px;}
.consume-box-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-box-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 包厢详情 */
.consume-box-detail{display: flex; flex-direction: column;}
.consume-box-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.consume-box-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.consume-box-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.consume-box-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.consume-box-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.consume-box-detail-title .right img{width: 15px; height: 15px; display: flex; margin-top: 16px;}
.consume-box-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.consume-box-detail-item{display: flex; margin-bottom: 20px;}
.consume-box-detail-list .consume-box-detail-item:last-child{margin-bottom: 0;}
.consume-box-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.consume-box-detail-item .left img{width: 20px; height: 20px;}
.consume-box-detail-item .right{display: flex; width: 80%;}
.consume-box-detail-item .right2{flex-direction: column; justify-content: center;}
.consume-box-detail-item .right2 .title{font-size: 16px; color: #333;}
.consume-box-detail-item .right3{flex-direction: column; justify-content: center;}
.consume-box-detail-item .right3 img{width: 120px; height: 80px; display: flex; border-radius: 3px;}
.consume-box-detail-action{margin: 20px 40px 40px;}
.consume-box-detail-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 意见反馈 */
.suggestion-list-wrap{margin: 15px 15px 30px;}
.suggestion-list-item{display: flex; flex-direction: column; padding: 15px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.suggestion-list-list .suggestion-list-item:last-child{margin-bottom: 0;}
.suggestion-list-item:active{background: #f5f5f5;}
.suggestion-list-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.suggestion-list-item-up .left{display: flex; align-items: center;}
.suggestion-list-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex; border-radius: 50%;}
.suggestion-list-item-up .left span{font-size: 16px; color: #333;}
.suggestion-list-item-up .right{display: flex; align-items: center;}
.suggestion-list-item-up .right .time{font-size: 14px; color: #999;}
.suggestion-list-item-down{font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* 意见反馈详情 */
.suggestion-detail-content{padding: 15px; background: #fff;}
.suggestion-detail-content .title{font-size: 18px; font-weight: 500; color: #000;}
.suggestion-detail-content .time{font-size: 16px; color: #999; margin: 10px 0 20px;}
.suggestion-detail-content .content{display: flex; display: -webkit-flex; flex-direction: column;}
.suggestion-detail-content .content span{font-size: 16px; color: #333; margin-bottom: 15px; letter-spacing: 1px;}
/* 补贴管理 */
.consume-subsidy-list{margin: 15px 15px 0;}
.consume-subsidy-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    padding: 0 10px 0 10px; border-radius: 5px; margin-bottom: 15px;}
.consume-subsidy-item:active{background: #f5f5f5;}
.consume-subsidy-item .left{display: flex; align-items: center;}
.consume-subsidy-item .left img{width: 32px; height: 32px; display: flex; margin-right: 5px;}
.consume-subsidy-item .left .name{font-size: 16px; color: #333;}
.consume-subsidy-item .right{display: flex; align-items: center;}
.consume-subsidy-item .right .desc{font-size: 14px; color: #777;}
.consume-subsidy-item .mui-icon{font-size: 20px; color: #999;}
/* 金额补贴 */
.subsidy-manage-list{margin: 15px 15px 30px;}
.subsidy-manage-item{display: flex; padding: 15px 10px; background: #fff; border-radius: 5px;
    box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.subsidy-manage-list .subsidy-manage-item:last-child{margin-bottom: 0;}
.subsidy-manage-item:active{background: #f5f5f5;}
.subsidy-manage-item-left{display: flex; justify-content: center; align-items: center; margin-right: 10px;}
.subsidy-manage-item-left img{width: 44px; height: 44px; display: flex;}
.subsidy-manage-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%;}
.subsidy-manage-item-right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.subsidy-manage-item-right .up .name{font-size: 16px; color: #333;}
.subsidy-manage-item-right .up img{width: 68px; height: 20px; display: flex; margin-right: -10px;}
.subsidy-manage-item-right .down{display: flex; justify-content: space-between; align-items: center;}
.subsidy-manage-item-right .down .desc{font-size: 14px; color: #999;}
.subsidy-manage-item-right .down .type{font-size: 14px; color: #777;}
.subsidy-manage-item-right .down .num{font-size: 16px; color: #5C50F8; font-weight: 500;}
.subsidy-manage-item-right .down .time{font-size: 14px; color: #999;}
.subsidy-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.subsidy-manage-plus img{width: 50px; height: 50px; display: flex;}
/* 添加补贴 */
.subsidy-add-new-list{margin-top: 15px;}
.subsidy-add-new-item-input{background: #fff; border-bottom: 1px solid #f7f7f7;}
.subsidy-add-new-item-input .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.subsidy-add-new-item-input .content{font-size: 16px; color: #000; border: 0; padding: 7px 10px 10px 15px;
    margin: 0; height: auto;}
.subsidy-add-new-item-switch{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-bottom: 15px;}
.subsidy-add-new-item-switch .title{font-size: 14px; color: #7D8082;}
.subsidy-add-new-item-switch .mui-switch-blue.mui-active {border: 2px solid #5C50F8; background-color: #5C50F8;}
.subsidy-add-new-item-time{background: #fff;}
.subsidy-add-new-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.subsidy-add-new-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.subsidy-add-new-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.subsidy-add-new-item-time .content:active{background: #f5f5f5;}
.subsidy-add-new-item-time .content .name{font-size: 16px; color: #000;}
.subsidy-add-new-item-time .content .mui-icon{font-size: 20px; color: #999;}
.subsidy-add-new-list .wrap2 .tip{margin-top: 5px; padding-left: 10px; font-size: 12px; color: #999;}
.subsidy-add-new-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; background: #fff; margin-bottom: 15px;}
.subsidy-add-new-item-select:active{background: #f5f5f5;}
.subsidy-add-new-item-select .title{font-size: 16px; color: #000;}
.subsidy-add-new-item-select .content{display: flex; align-items: center;}
.subsidy-add-new-item-select .content .name{font-size: 16px; color: #777;}
.subsidy-add-new-item-select .content .mui-icon{font-size: 20px; color: #999;}
.subsidy-add-new-list .person-wrap{margin-top: 15px;}
.subsidy-add-new-list .person-wrap .content{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 10px 10px 15px; border-top: 1px solid #f7f7f7; background: #fff;}
.subsidy-add-new-list .person-wrap .content:active{background: #f5f5f5;}
.subsidy-add-new-list .person-wrap .content .name{font-size: 16px; color: #000;}
.subsidy-add-new-list .person-wrap .content .mui-icon{font-size: 20px; color: #999;}
.subsidy-add-new-action{margin: 25px 20px;}
.subsidy-add-new-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0; letter-spacing: 5px;}
.subsidy-add-new-action .submit:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 补贴详情 */
.subsidy-detail-top{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; padding: 30px 20px; display: flex; justify-content: space-between;}
.subsidy-detail-top .left{display: flex; flex-direction: column; justify-content: flex-start;}
.subsidy-detail-top .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.subsidy-detail-top .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.subsidy-detail-top .right{display: flex; flex-direction: column; justify-content: flex-start;}
.subsidy-detail-list{margin: -130px 20px 20px; padding: 20px 15px; background: #fff; border-radius: 5px;}
.subsidy-detail-info{display: flex; margin-bottom: 20px;}
.subsidy-detail-info .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.subsidy-detail-info .left img{width: 50px; height: 50px; border-radius: 50%;}
.subsidy-detail-info .right{display: flex; flex-direction: column; justify-content: center;
    width: 80%; padding-left: 5px;}
.subsidy-detail-info .right .name{font-size: 16px; color: #333; margin-bottom: 3px;}
.subsidy-detail-info .right .desc{font-size: 14px; color: #777;}
.subsidy-detail-item{display: flex; margin-bottom: 20px;}
.subsidy-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.subsidy-detail-item .left img{width: 20px; height: 20px; display: flex;}
.subsidy-detail-item .right{display: flex; flex-direction: column; justify-content: center; width: 80%;}
.subsidy-detail-item .right .name{font-size: 14px; color: #777;}
.subsidy-detail-item .right .desc{font-size: 16px; color: #333; margin-bottom: 3px;}
.subsidy-detail-item .right .check{position: absolute; right: -5px; top: 12px; z-index: 9;
    display: flex; align-items: center; line-height: normal;}
.subsidy-detail-item .right .check .detail{font-size: 14px; color: #999;}
.subsidy-detail-item .right .check .mui-icon{font-size: 20px; color: #999;}
.subsidy-detail-list .subsidy-detail-item:last-child{margin-bottom: 0;}
.subsidy-detail-action{margin: 30px 40px;}
.subsidy-detail-action button{font-size: 16px; color: #fff; padding: 10px 0; margin-bottom: 0;}
/* 补贴人员 */
.subsidy-person-content{margin-top: 15px; margin-bottom: 85px;}
.subsidy-person-content .mui-table-view:before{height: 0;}
.subsidy-person-content .mui-table-view:after{height: 0;}
.subsidy-person-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.subsidy-person-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.subsidy-person-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.subsidy-person-content .mui-table-view-cell:last-child:after{height: 1px;}
.subsidy-person-content .mui-table-view-cell .name{font-size: 16px; color: #333;}
.subsidy-person-content .mui-table-view-cell .desc{font-size: 15px; color: #FF5A48; float: right; margin-right: 15px;}
.subsidy-person-content .mui-table-view-cell .mui-navigate-right:after, .mui-push-right:after{display: none;}
.subsidy-person-content .person-list .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.subsidy-person-content .person-list .person-item:active{background: #F5F5F5;}
.subsidy-person-content .person-list .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.subsidy-person-content .person-list .person-item:last-child:after{height: 0;}
.subsidy-person-content .person-list .person-item .person-item-left{display: flex; align-items: center;}
.subsidy-person-content .person-list .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.subsidy-person-content .person-list .person-item .person-item-left .person-item-left-up{display: flex; flex-direction: column;
    justify-content: center;}
.subsidy-person-content .person-list .person-item .person-item-left .person-item-left-up .name{font-size: 16px; color: #333;}
.subsidy-person-content .person-list .person-item .person-item-left .person-item-left-up .desc{font-size: 12px; color: #999;}
.subsidy-person-content .person-list .person-item .remove{font-size: 15px; color: #FF5A48;}
.subsidy-person-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.subsidy-person-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.subsidy-person-action .manage:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 设备管理 */
.consume-device-manage-list{margin: 15px 15px 80px;}
.consume-device-manage-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.consume-device-manage-item:active{background: #f5f5f5;}
.consume-device-manage-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.consume-device-manage-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-device-manage-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-device-manage-item-info .down{display: flex; align-items: center;}
.consume-device-manage-item-info .down .type{font-size: 14px; color: #999; margin-right: 10px;}
.consume-device-manage-item-info .down .num{font-size: 14px; color: #999; max-width: 160px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-device-manage-item .delete{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 9;
    font-size: 14px; color: #FF5A48;}
.consume-device-manage-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-device-manage-action .operate{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.consume-device-manage-action .operate:active{opacity: 0.8;}
/* 设备列表 */
.consume-device-list-list{margin: 15px 15px 80px;}
.consume-device-list-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.consume-device-list-item:active{background: #f5f5f5;}
.consume-device-list-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.consume-device-list-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-device-list-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-device-list-item-info .down{display: flex; align-items: center;}
.consume-device-list-item-info .down .type{font-size: 14px; color: #999; margin-right: 10px;}
.consume-device-list-item-info .down .num{font-size: 14px; color: #999; max-width: 160px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-device-list-item .select{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); z-index: 9;}
.consume-device-list-item .select img{width: 20px; height: 20px; display: flex;}
.consume-device-list-item .status{position: absolute; top: 0; right: 0; z-index: 9;}
.consume-device-list-item .status img{width: 60px; height: 20px; display: flex;}
.consume-device-list-sync{position: fixed; right: 10px; bottom: 95px; z-index: 9;}
.consume-device-list-sync img{width: 50px; height: 50px; display: flex;}
.consume-device-list-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-device-list-action .operate{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.consume-device-list-action .operate:active{opacity: 0.8;}
/* 设备管理 */
.consume-terminal-list{margin: 15px 15px 0;}
.consume-terminal-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.consume-terminal-item:active{background: #f5f5f5;}
.consume-terminal-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-terminal-item-up .left{display: flex; align-items: center;}
.consume-terminal-item-up .left img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.consume-terminal-item-up .left span{font-size: 16px; font-weight: 400; color: #333;}
.consume-terminal-item-up .right{display: flex; align-items: center; margin-right: -15px;}
.consume-terminal-item-up .right img{width: 68px; height: 20px; display: flex;}
.consume-terminal-item-up .type{font-size: 12px; padding: 1px 0; border-radius: 3px; width: 80px;
    line-height: normal; text-align: center;}
.consume-terminal-item-up .type1{color: #FF8200; background: rgba(255,130,0, .1);}
.consume-terminal-item-up .type2{color: #6500FF; background: rgba(101,0,255, .1);}
.consume-terminal-item-up .type3{color: #21D388; background: rgba(33,211,136, .1);}
.consume-terminal-item-up .type4{color: #0082FF; background: rgba(0,130,255, .1);}
.consume-terminal-item-down{display: flex; justify-content: space-between; align-items: center;}
.consume-terminal-item-down .left{font-size: 14px; color: #999; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-terminal-item-down .right{font-size: 14px; font-weight: 500;}
.consume-terminal-item-down .right.status1{color: #21D388;}
.consume-terminal-item-down .right.status2{color: #FF5A48;}
.consume-terminal-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-terminal-plus img{width: 50px; height: 50px; display: flex;}
/* 添加设备 */
.consume-terminal-add-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.consume-terminal-add-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.consume-terminal-add-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.consume-terminal-add-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.consume-terminal-add-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.consume-terminal-add-dialogs-top .action:active{opacity: 0.8;}
.consume-terminal-add-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.consume-terminal-add-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.consume-terminal-add-dialogs .wrap .content{margin-bottom: 75px;}
.consume-terminal-add-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.consume-terminal-add-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.consume-terminal-add-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.consume-terminal-add-dialogs-list{margin: 0 15px 85px;}
.consume-terminal-add-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.consume-terminal-add-dialogs-item:active{background: #f5f5f5;}
.consume-terminal-add-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.consume-terminal-add-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.consume-terminal-add-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-terminal-add-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-terminal-add-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-terminal-add-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.consume-terminal-add-dialogs-item svg.right.select{fill: var(--svg-color);}
.consume-terminal-add-list{margin: 15px 0 0;}
.consume-terminal-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px; margin-bottom: 15px;}
.consume-terminal-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-terminal-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-terminal-add-item .scan{position: absolute; right: 20px; bottom: 18px; z-index: 5; width: 20px; height: 20px;}
.consume-terminal-add-item .num{font-size: 16px; color: #333; height: 40px; line-height: 40px; white-space: nowrap;}
.consume-terminal-add-item .select{display: flex; justify-content: space-between; align-items: center; height: 40px;
    background: #f5f5f5; padding: 0 10px 0 15px; border-radius: 3px;}
.consume-terminal-add-item .select:active{background: #fff;}
.consume-terminal-add-item .select .name{font-size: 16px; color: #333;}
.consume-terminal-add-item .select .mui-icon{font-size: 20px; color: #999;}
.consume-terminal-add-item2{display: flex; align-items: center; justify-content: space-between;
    padding: 10px; margin-bottom: 15px; background: #fff;}
.consume-terminal-add-item2 label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-terminal-add-item2 .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-terminal-add-item3{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px; margin-bottom: 15px;}
.consume-terminal-add-item3>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-terminal-add-item3 .list{display: flex; flex-wrap: wrap;}
.consume-terminal-add-item3 .item{width: 50%; padding: 0 10px; margin-bottom: 10px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-terminal-add-item3 .item .up{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.consume-terminal-add-item3 .item .up img{width: 80px; height: 80px; display: flex;}
.consume-terminal-add-item3 .item .up span{font-size: 14px; color: #777; line-height: normal;}
.consume-terminal-add-item3 .item input[type=radio]{width: 16px; height: 16px; margin-top: 2px;
    appearance: none; -webkit-appearance: none; position: relative; background-color: transparent; border: 0; outline: 0 !important;}
.consume-terminal-add-item3 .item input[type=radio]:before{content: ''; width: 16px; height: 16px; border: 2px solid #ccc; display: inline-block;
    border-radius: 50%;}
.consume-terminal-add-item3 .item input[type=radio]:checked:before{content: ''; width: 16px; height: 16px; border: 2px solid var(--bg-color); display: inline-block;
    border-radius: 50%;}
.consume-terminal-add-item3 .item input[type=radio]:checked:after{content: ''; width: 10px; height: 10px; text-align: center; background: var(--bg-color);
    border-radius: 50%; display: block; position: absolute; top: 5px; left: 5px;}
.consume-terminal-add-item-select{display: flex; align-items: center; justify-content: space-between;
    padding: 10px; margin-bottom: 15px; background: #fff;}
.consume-terminal-add-item-select:active{background: #f5f5f5;}
.consume-terminal-add-item-select label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-terminal-add-item-select .right{display: flex; align-items: center;}
.consume-terminal-add-item-select .right .desc{font-size: 16px; color: #333;}
.consume-terminal-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-terminal-add-action{margin: 20px 40px;}
.consume-terminal-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.consume-terminal-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 设备详情 */
.consume-terminal-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 15px; display: flex; justify-content: space-between;}
.consume-terminal-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.consume-terminal-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.consume-terminal-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.consume-terminal-detail-title .right{display: flex; align-items: flex-start;}
.consume-terminal-detail-title .right .set{display: flex; justify-content: center; align-items: center;
    padding: 5px 10px; background: rgba(255,255,255, .1); border-radius: 15px;}
.consume-terminal-detail-title .right .set:active{background: rgba(255,255,255, .3);}
.consume-terminal-detail-title .right .set img{width: 16px; height: 16px; display: flex;}
.consume-terminal-detail-title .right .set span{font-size: 12px; color: #fff; margin-left: 5px; line-height: normal;}
.consume-terminal-detail-title .right .refresh{display: flex; justify-content: center; align-items: center;
    padding: 5px 10px; background: rgba(255,255,255, .1); border-radius: 15px; margin-left: 7px;}
.consume-terminal-detail-title .right .refresh:active{background: rgba(255,255,255, .3);}
.consume-terminal-detail-title .right .refresh img{width: 16px; height: 16px; display: flex;}
.consume-terminal-detail-title .right .refresh span{font-size: 12px; color: #fff; margin-left: 5px; line-height: normal;}
.consume-terminal-detail-list{margin: -120px 15px 85px; padding: 15px 10px; background: #fff; border-radius: 5px;}
.consume-terminal-detail-item{display: flex; margin-bottom: 20px;}
.consume-terminal-detail-item .left{display: flex; justify-content: center; align-items: center; width: 15%;}
.consume-terminal-detail-item .left img{width: 20px; height: 20px;}
.consume-terminal-detail-item .right{width: 85%;}
.consume-terminal-detail-item .right .title{font-size: 16px; color: #333;}
.consume-terminal-detail-item .right .desc{font-size: 14px; color: #999;}
.consume-terminal-detail-item .qrcode{height: 80px; width: 80px; margin-bottom: 3px;}
.consume-terminal-detail-item .qrcode img{height: 100%; width: 100%;}
.consume-terminal-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-terminal-detail-action .edit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 67%;}
.consume-terminal-detail-action .edit:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.consume-terminal-detail-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 终端机设置 */
.consume-terminal-set-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.consume-terminal-set-dialog{position: absolute; top: 0; bottom: 0; right: 0; width: 80%; min-height: 100%; z-index: 9;
    background: #f5f5f5; display: none;}
.consume-terminal-set-dialog .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.consume-terminal-set-dialog-top{position: absolute; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.consume-terminal-set-dialog-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.consume-terminal-set-dialog-top .action:active{opacity: 0.8;}
.consume-terminal-set-dialog .wrap .content{margin-bottom: 75px;}
.consume-terminal-set-dialog .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.consume-terminal-set-dialog-item{display: flex; align-items: center; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.consume-terminal-set-dialog-item:active{background: #f5f5f5;}
.consume-terminal-set-dialog-item-left{display: flex; align-items: center;}
.consume-terminal-set-dialog-item-left svg.icon1{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    margin-right: 15px;}
.consume-terminal-set-dialog-item-left svg.icon2{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.consume-terminal-set-dialog-item-left.un svg.icon1{fill: #bbb;}
.consume-terminal-set-dialog-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 83px);}
.consume-terminal-set-dialog-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-terminal-set-dialog-item-info .up .left{font-size: 16px; color: #333; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-terminal-set-dialog-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.consume-terminal-set-dialog-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.consume-terminal-set-dialog-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.consume-terminal-set-dialog-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.consume-terminal-set-dialog-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.consume-terminal-set-dialog-item-info .down .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-terminal-set-dialog-item-info .down .num{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.consume-terminal-set-list{margin-top: 15px;}
.consume-terminal-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.consume-terminal-set-item:active{background: #f5f5f5;}
.consume-terminal-set-item .name{font-size: 16px; color: #333;}
.consume-terminal-set-item .action{display: flex; align-items: center;}
.consume-terminal-set-item .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-terminal-set-item .right{display: flex; align-items: center;}
.consume-terminal-set-item .right .desc{font-size: 14px; color: #777;}
.consume-terminal-set-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-terminal-set-item-mode{background: #fff; margin-bottom: 15px;}
.consume-terminal-set-item-mode .title{font-size: 16px; color: #333; padding: 10px 10px 0 15px;}
.consume-terminal-set-item-mode .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.consume-terminal-set-item-mode .content .mui-checkbox.mui-left label{font-size: 14px; color: #777;
    padding-left: 40px; padding-top: 7px; padding-right: 10px; word-break: break-all;}
.consume-terminal-set-item-mode .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.consume-terminal-set-item-mode .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
.consume-terminal-set-item-content{margin-top: -15px; margin-bottom: 15px; border-top: 1px solid #f5f5f5;}
.consume-terminal-set-item-content .item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.consume-terminal-set-item-content .item .left{font-size: 16px; color: #333;}
.consume-terminal-set-item-content .item .right{display: flex; align-items: center;}
.consume-terminal-set-item-content .item .right .add-input{font-size: 16px; color: #333; border: 0; height: 32px; line-height: 32px;
    background: #f5f5f5; padding: 0; margin: 0; width: 80px; text-align: center;}
.consume-terminal-set-item-content .item .right span{font-size: 14px; color: #777; margin-left: 5px;}
/* 扫码支付 */
.consume-terminal-scan-qrcode-info{display: flex; align-items: center; padding: 15px 10px; background: #F5F5F5;}
.consume-terminal-scan-qrcode-info img{width: 50px; height: 50px; border-radius: 5px; margin-right: 10px;}
.consume-terminal-scan-qrcode-info .right{display: flex; flex-direction: column;}
.consume-terminal-scan-qrcode-info .right .name{font-size: 16px; font-weight: 500; color: #333;}
.consume-terminal-scan-qrcode-info .right .num{font-size: 14px; color: #777;}
.consume-terminal-scan-qrcode-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 15px 15px;}
.consume-terminal-scan-qrcode-item>label{font-size: 16px; color: #777; margin-bottom: 5px;}
.consume-terminal-scan-qrcode-item .wrap{position: relative;}
.consume-terminal-scan-qrcode-item .wrap .icon{position: absolute; top: 10px; left: 10px; z-index: 9;
    font-size: 24px; font-weight: 500; color: #333;}
.consume-terminal-scan-qrcode-item .wrap .add-input{font-size: 22px; font-weight: 500; color: #333; border: 0; line-height: 40px;
    background: #fff; padding: 0 20px 0 40px; margin: 0; border-bottom: 1px solid #f5f5f5;}
.consume-terminal-scan-qrcode-item-select{display: flex; flex-direction: column; justify-content: center;
    padding: 15px 15px; background: #fff;}
.consume-terminal-scan-qrcode-item-select:active{background: #f5f5f5;}
.consume-terminal-scan-qrcode-item-select>label{font-size: 16px; color: #777; margin-bottom: 5px;}
.consume-terminal-scan-qrcode-item-select .right{display: flex; align-items: center;border-bottom: 1px solid #f5f5f5}
.consume-terminal-scan-qrcode-item-select .right .desc{font-size: 16px; color: #333;}
.consume-terminal-scan-qrcode-item-select .right .mui-icon{font-size: 20px; color: #999;}

.consume-terminal-scan-qrcode-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.consume-terminal-scan-qrcode-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%; border-radius: 8px;}
.consume-terminal-scan-qrcode-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 支付成功 */
.consume-terminal-pay-success{width: 100%; height: 100%; background: #fff;}
.consume-terminal-pay-success .time{position: fixed; bottom: 15px; left: 50%; transform: translateX(-50%); font-size: 14px; color: #555;}
.consume-terminal-pay-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 40px;}
.consume-terminal-pay-success .content img{width: 60px; height: 60px; display: flex;}
.consume-terminal-pay-success .content .title{font-size: 16px; font-weight: 500; color: #333; margin: 20px 0;}
.consume-terminal-pay-success .content .desc{font-size: 30px; font-weight: 500; color: #000; margin-bottom: 30px;}
.consume-terminal-pay-success .content .save{width: 90%; padding: 10px 0; font-size: 16px; color: #fff;
    border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.consume-terminal-pay-success .content .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 折扣管理 */
.consume-discount-list{margin: 15px 15px 0;}
.consume-discount-item{padding: 10px 10px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px;}
.consume-discount-item:active{background: #f5f5f5;}
.consume-discount-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-discount-item-up .left{display: flex; align-items: center;}
.consume-discount-item-up .left img{width: 40px; height: 40px; margin-right: 5px; display: flex;}
.consume-discount-item-up .left span{font-size: 16px; color: #333; display: inline-block; max-width: 140px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-discount-item-up .right{background: url(../img/consume/zk_bg.png) center no-repeat; background-size: 100% 100%;
    width: 68px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; margin-right: -10px;}
.consume-discount-item-down{display: flex; align-items: center; font-size: 14px; color: #777;}
.consume-discount-item-down .left{margin-right: 10px;}
.consume-discount-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-discount-plus img{width: 50px; height: 50px; display: flex;}
/* 添加折扣 */
.consume-discount-add-list{margin: 15px 0 0;}
.consume-discount-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px;}
.consume-discount-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-discount-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-discount-add-item .select{display: flex; justify-content: space-between; align-items: center; height: 40px;
    background: #f5f5f5; padding: 0 10px 0 15px; border-radius: 3px;}
.consume-discount-add-item .select:active{background: #fff;}
.consume-discount-add-item .select .name{font-size: 16px; color: #333;}
.consume-discount-add-item .select .mui-icon{font-size: 20px; color: #999;}
.consume-discount-add-item2{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-top: 15px;}
.consume-discount-add-item2:active{background: #f5f5f5;}
.consume-discount-add-item2 label{font-size: 14px; color: #777;}
.consume-discount-add-item2 .right{display: flex; align-items: center;}
.consume-discount-add-item2 .right .num{font-size: 14px; color: #333; line-height: normal;}
.consume-discount-add-item2 .right .mui-icon{font-size: 20px; color: #999;}
.consume-discount-add-action{margin: 20px 40px;}
.consume-discount-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-discount-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 折扣详情 */
.consume-discount-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.consume-discount-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.consume-discount-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.consume-discount-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.consume-discount-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.consume-discount-detail-title .right .refresh{display: flex; justify-content: center; align-items: center;
    padding: 5px 10px; background: rgba(255,255,255, .1); border-radius: 15px;}
.consume-discount-detail-title .right .refresh:active{background: rgba(255,255,255, .3);}
.consume-discount-detail-title .right .refresh img{width: 20px; height: 20px; display: flex;}
.consume-discount-detail-title .right .refresh span{font-size: 14px; color: #fff; margin-left: 5px; line-height: normal;}
.consume-discount-detail-list{margin: -120px 15px 0; padding: 15px 10px; background: #fff; border-radius: 5px;}
.consume-discount-detail-item{display: flex; align-items: center; margin-bottom: 20px;}
.consume-discount-detail-item .left{display: flex; justify-content: center; align-items: center; width: 15%;}
.consume-discount-detail-item .left img{width: 20px; height: 20px;}
.consume-discount-detail-item .right{display: flex; align-items: center; width: 85%; font-size: 16px; color: #333; line-height: normal;}
.consume-discount-detail-item .right2{display: flex; justify-content: space-between; align-items: center; width: 85%;}
.consume-discount-detail-item .right2 .num{font-size: 16px; color: #333; line-height: normal;}
.consume-discount-detail-item .right2 .action{display: flex; align-items: center;}
.consume-discount-detail-item .right2 .action .desc{font-size: 14px; color: #999; line-height: normal;}
.consume-discount-detail-item .right2 .action .mui-icon{font-size: 20px; color: #999;}
.consume-discount-detail-action{margin: 20px 40px;}
.consume-discount-detail-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.consume-discount-detail-action .edit{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 15px;}
.consume-discount-detail-action .edit:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 智能硬件 */
.smart-hardware-list{margin: 15px 15px 30px;}
.smart-hardware-item{display: flex; justify-content: space-between; padding: 10px;
    background: #fff; border-radius: 3px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.smart-hardware-list .smart-hardware-item:last-child{margin-bottom: 0;}
.smart-hardware-item:active{background: #f5f5f5;}
.smart-hardware-item-left{display: flex; flex-direction: column; justify-content: space-between;}
.smart-hardware-item-left .up{display: flex; align-items: center; margin-bottom: 10px;}
.smart-hardware-item-left .up img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.smart-hardware-item-left .up span{font-size: 16px; color: #333;}
.smart-hardware-item-left .down{font-size: 14px; color: #999;}
.smart-hardware-item-right{display: flex; align-items: center;}
.smart-hardware-item-right span{font-size: 20px; color: #999;}
.smart-hardware-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.smart-hardware-plus img{width: 50px; height: 50px; display: flex;}
/* 添加智能硬件 */
.smart-hardware-add-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.smart-hardware-add-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.smart-hardware-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.smart-hardware-add-item .title{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.smart-hardware-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.smart-hardware-add-action{margin: 20px 40px;}
.smart-hardware-add-action button{padding: 10px 0; font-size: 16px; }
.smart-hardware-add-action .save{color: #fff; border: 1px solid #5C50F8;background-color: #5C50F8; margin-bottom: 0;}
.smart-hardware-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 智能硬件详情 */
.smart-hardware-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.smart-hardware-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.smart-hardware-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.smart-hardware-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.smart-hardware-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.smart-hardware-detail-title .right img{width: 20px; height: 20px; display: flex; margin-top: 12px;}
.smart-hardware-detail-list{display: flex; flex-direction: column; margin: -130px 20px 20px;
    padding: 20px 15px; background: #fff; border-radius: 5px;}
.smart-hardware-detail-item{display: flex; margin-bottom: 20px;}
.smart-hardware-detail-list .smart-hardware-detail-item:last-child{margin-bottom: 0;}
.smart-hardware-detail-item .left{display: flex; justify-content: center; align-items: center; width: 20%;}
.smart-hardware-detail-item .left img{width: 20px; height: 20px;}
.smart-hardware-detail-item .right{display: flex; width: 80%;}
.smart-hardware-detail-item .right2{flex-direction: column; justify-content: center;}
.smart-hardware-detail-item .right2 .title{font-size: 16px; color: #333;}
.smart-hardware-detail-item .right3{justify-content: space-between;}
.smart-hardware-detail-item .right3 .list{display: flex; align-items: center;}
.smart-hardware-detail-item .right3 .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px;}
.smart-hardware-detail-item .right3 .list .item:last-child{margin-right: 0;}
.smart-hardware-detail-item .right3 .item img{width: 30px; height: 30px; border-radius: 50%; margin-bottom: 5px;}
.smart-hardware-detail-item .right3 .item .name{font-size: 14px; color: #777;}
.smart-hardware-detail-item .right3 .item2{display: flex; justify-content: center; align-items: center;}
.smart-hardware-detail-item .right3 .item2 span{font-size: 14px; color: #5C50F8; margin-right: 5px;}
.smart-hardware-detail-item .right3 .item2 img{width: 9px; height: 18px;}
.smart-hardware-detail-action{margin: 20px 40px 40px;}
.smart-hardware-detail-action .remove{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
/* 授权人员 */
.auth-person-content{margin-top: 15px; margin-bottom: 85px;}
.auth-person-content .mui-table-view:before{height: 0;}
.auth-person-content .mui-table-view:after{height: 0;}
.auth-person-content .mui-table-view-cell{padding: 15px 5px 15px 15px;}
.auth-person-content .mui-table-view-cell>a:not(.mui-btn){margin: -15px;}
.auth-person-content .mui-table-view-cell:after{background-color: #e5e5e5;}
.auth-person-content .mui-table-view-cell:last-child:after{height: 1px;}
.auth-person-content .mui-table-view-cell .name{font-size: 16px; color: #333;}
.auth-person-content .mui-table-view-cell .desc{font-size: 15px; color: #FF5A48; float: right; margin-right: 15px;}
.auth-person-content .mui-table-view-cell .mui-navigate-right:after, .mui-push-right:after{display: none;}
.auth-person-content .person-list .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.auth-person-content .person-list .person-item:active{background: #F5F5F5;}
.auth-person-content .person-list .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.auth-person-content .person-list .person-item:last-child:after{height: 0;}
.auth-person-content .person-list .person-item .person-item-left{display: flex; align-items: center;}
.auth-person-content .person-list .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.auth-person-content .person-list .person-item .person-item-left .person-item-left-up{display: flex; flex-direction: column;
    justify-content: center;}
.auth-person-content .person-list .person-item .person-item-left .person-item-left-up .name{font-size: 16px; color: #333;}
.auth-person-content .person-list .person-item .person-item-left .person-item-left-up .desc{font-size: 12px; color: #999;}
.auth-person-content .person-list .person-item .remove{font-size: 15px; color: #FF5A48;}
.auth-person-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.auth-person-action .manage{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.auth-person-action .manage:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 消费设置 */
.consume-system-set-top{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px;}
.consume-system-set-top .left{display: flex; align-items: center;}
.consume-system-set-top .left .name{font-size: 16px; color: #333;}
.consume-system-set-top .left .mui-icon{font-size: 20px; color: #999;}
.consume-system-set-top .right{font-size: 14px; color: #5C50F8;}
.consume-system-set-list{margin: 15px 15px 0;}
.consume-system-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    margin-bottom: 15px; padding: 10px 10px; border-radius: 5px;}
.consume-system-set-item:active{background: #f5f5f5;}
.consume-system-set-item .left{display: flex; align-items: center;}
.consume-system-set-item .left img{width: 36px; height: 36px; display: flex; margin-right: 10px;}
.consume-system-set-item .left svg{width: 36px; height: 36px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.consume-system-set-item .left .name{font-size: 16px; color: #333;}
.consume-system-set-item .right{display: flex; align-items: center;}
.consume-system-set-item .right .mui-icon{font-size: 20px; color: #999;}
/* 人员分组 */
.consume-person-group-list{margin: 15px 15px 0;}
.consume-person-group-item{display: flex; align-items: center; padding: 15px 10px; background: #fff;
    border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-person-group-item:active{background: #f5f5f5;}
.consume-person-group-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.consume-person-group-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-person-group-item .info .name{font-size: 16px; color: #333; display: inline-block; margin-bottom: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-person-group-item .info .desc{font-size: 14px; color: #777; display: inline-block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-person-group-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-person-group-plus img{width: 50px; height: 50px; display: flex;}
/* 人员分组·添加 */
.consume-person-group-add-list{margin: 15px 0 0;}
.consume-person-group-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px;}
.consume-person-group-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-person-group-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-person-group-add-item2{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px 15px; margin-top: 15px;}
.consume-person-group-add-item2:active{background: #f5f5f5;}
.consume-person-group-add-item2 label{font-size: 14px; color: #777;}
.consume-person-group-add-item2 .right{display: flex; align-items: center;}
.consume-person-group-add-item2 .right .num{font-size: 14px; color: #333; line-height: normal;}
.consume-person-group-add-item2 .right .mui-icon{font-size: 20px; color: #999;}
.consume-person-group-add-action{margin: 20px 40px;}
.consume-person-group-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.consume-person-group-add-action .save{border: 1px solid #5C50F8; background-color: #5C50F8;}
.consume-person-group-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 食堂管理 */
.consume-many-canteen-list{margin: 15px 15px 0;}
.consume-many-canteen-item{padding: 15px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.consume-many-canteen-item:active{background: #f5f5f5;}
.consume-many-canteen-item .left{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.consume-many-canteen-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-many-canteen-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 90%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-many-canteen-item-info .desc{font-size: 14px; color: #999; max-width: 95%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-many-canteen-item .status{position: absolute; top: 10px; right: 10px; z-index: 9; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.consume-many-canteen-item .status.status1{background: rgba(253,168,80, .1); color: #FDA850;}
.consume-many-canteen-item .status.status2{background: rgba(33,211,136, .1); color: #21D388;}
.consume-many-canteen-item .status.status3{background: rgba(0, 127, 255, .1); color: #007FFF;}
.consume-many-canteen-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-many-canteen-plus img{width: 50px; height: 50px; display: flex;}
/* 食堂管理·添加 */
.consume-many-canteen-add-list{margin-top: 15px;margin-bottom: 65px;}
.consume-many-canteen-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.consume-many-canteen-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-many-canteen-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-many-canteen-add-item2{background: #fff;}
.consume-many-canteen-add-item2 .title{display: flex; align-items: center; padding: 10px 15px 15px;}
.consume-many-canteen-add-item2 .title .name{font-size: 14px; color: #777;}
.consume-many-canteen-add-item2 .content{display: flex; flex-wrap: wrap;}
.consume-many-canteen-add-item2 .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.consume-many-canteen-add-item2 .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.consume-many-canteen-add-item2 .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.consume-many-canteen-add-item2 .content .person-item .person-item-img svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.consume-many-canteen-add-item2 .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.consume-many-canteen-add-item2 .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.consume-many-canteen-add-item2 .content .person-item .name{font-size: 14px; color: #777; display: inline-block; width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.consume-many-canteen-add-item-select{display: flex; align-items: center; justify-content: space-between;
    padding: 10px; margin-bottom: 15px; background: #fff;}
.consume-many-canteen-add-item-select:active{background: #f5f5f5;}
.consume-many-canteen-add-item-select label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-many-canteen-add-item-select .right{display: flex; align-items: center;}
.consume-many-canteen-add-item-select .right .desc{font-size: 16px; color: #333;}
.consume-many-canteen-add-item-select .right .mui-icon{font-size: 20px; color: #999;}

.consume-many-canteen-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-many-canteen-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.consume-many-canteen-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 食堂管理·编辑 */
.consume-many-canteen-edit .consume-many-canteen-add-action .save{width: 67%;}
.consume-many-canteen-edit .consume-many-canteen-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 更多设置 */
.consume-more-set-list{margin: 15px 0 0;}
.consume-more-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 50px;}
.consume-more-set-item:active{background: #f5f5f5;}
.consume-more-set-item .left{display: flex; align-items: center;}
.consume-more-set-item .left .name{font-size: 16px; color: #333;}
.consume-more-set-item .right{display: flex; align-items: center;}
.consume-more-set-item .right .desc{font-size: 14px; color: #999; display: inline-block; max-width: 100px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}
.consume-more-set-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-more-set-item .right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 点餐设置 */
.consume-order-set-list{margin-top: 15px;}
.consume-order-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    margin-bottom: 15px; padding: 10px 10px 10px 15px;}
.consume-order-set-item:active{background: #f5f5f5;}
.consume-order-set-item .name{font-size: 16px; color: #333;}
.consume-order-set-item .left{display: flex; flex-direction: column; justify-content: center; max-width: 70%;}
.consume-order-set-item .left .title{font-size: 16px; color: #333;}
.consume-order-set-item .left .desc{font-size: 12px; color: #999;}
.consume-order-set-item .right{display: flex; align-items: center;}
.consume-order-set-item .right .desc{font-size: 14px; color: #999;}
.consume-order-set-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-order-set-item .right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-order-set-item .right .day{display: flex; align-items: center;}
.consume-order-set-item .right .day .sub{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.consume-order-set-item .right .day .sub:active{background: #fff;}
.consume-order-set-item .right .day .add{width: 30px; height: 30px; line-height: 30px; text-align: center;
    border: 1px solid #eee; font-size: 14px; color: #777; background: #f5f5f5;}
.consume-order-set-item .right .day .add:active{background: #fff;}
.consume-order-set-item .right .day .num{width: 60px; height: 30px; line-height: 30px; text-align: center;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 14px; color: #333;}
.consume-order-set-item2{background: #fff; margin-bottom: 15px; padding: 10px 10px 10px 15px;}
.consume-order-set-item2 .label{font-size: 16px; color: #333;}
.consume-order-set-item2 .content textarea{font-size: 14px; color: #999; border: 0; margin: 0; padding: 5px 0;}
/* 消费规则设置 */
.consume-rule-set-list{margin-top: 15px;}
.consume-rule-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.consume-rule-set-item:active{background: #f5f5f5;}
.consume-rule-set-item .name{font-size: 16px; color: #333;}
.consume-rule-set-item .right{display: flex; align-items: center;}
.consume-rule-set-item .right .desc{font-size: 14px; color: #999;}
.consume-rule-set-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-rule-set-item .right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 访客就餐设置&家属就餐设置&工作通知设置 */
.consume-custom-set-list{margin: 15px 0 0;}
.consume-custom-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px; margin-bottom: 15px;}
.consume-custom-set-item:active{background: #f5f5f5;}
.consume-custom-set-item .left{display: flex; align-items: center;}
.consume-custom-set-item .left .name{font-size: 16px; color: #333;}
.consume-custom-set-item .right{display: flex; align-items: center;}
.consume-custom-set-item .right .desc{font-size: 14px; color: #999; display: inline-block; max-width: 100px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: normal;}
.consume-custom-set-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-custom-set-item .right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-custom-set-item2{background: #fff; margin-bottom: 15px; padding: 10px 10px 10px 15px;}
.consume-custom-set-item2 .label{font-size: 16px; color: #333;}
.consume-custom-set-item2 .content textarea{font-size: 14px; color: #999; border: 0; margin: 0; padding: 5px 0;}
.consume-custom-set-item3{display: flex; justify-content: space-between; align-items: center; background: #fff;
    margin-bottom: 15px; padding: 10px 10px 10px 15px;}
.consume-custom-set-item3:active{background: #f5f5f5;}
.consume-custom-set-item3 .left{display: flex; flex-direction: column; justify-content: center; max-width: 70%;}
.consume-custom-set-item3 .left .title{font-size: 16px; color: #333;}
.consume-custom-set-item3 .left .desc{font-size: 12px; color: #999;}
.consume-custom-set-item3 .right{display: flex; align-items: center;}
.consume-custom-set-item3 .right .value{font-size: 16px; color: #333;}
.consume-custom-set-item3 .right img{width: 20px; height: 20px; display: flex; margin-left: 5px;}
.consume-custom-set-item3 .right .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
/* 限制就餐类型 */
.consume-limit-type .tip{padding: 10px; font-size: 12px; color: #999;}
.consume-limit-type-list{margin: 0 15px;}
.consume-limit-type-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.consume-limit-type-item .name{font-size: 16px; color: #333;}
.consume-limit-type-item .delete{font-size: 14px; color: #FF5A48;}
.consume-limit-type-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-limit-type-plus img{width: 50px; height: 50px; display: flex;}
/* 魔点硬件设置·新 */
.consume-machine-set-md-new-list{margin-bottom: 20px;}
.consume-machine-set-md-new-item-title{font-size: 14px; color: #777; padding: 12px 10px 2px; background: #fff; margin-top: 15px;}
.consume-machine-set-md-new-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-bottom: 1px solid #f5f5f5;}
.consume-machine-set-md-new-item:active{background: #f5f5f5;}
.consume-machine-set-md-new-item .left{display: flex; flex-direction: column; justify-content: center;}
.consume-machine-set-md-new-item .name{font-size: 16px; color: #333;}
.consume-machine-set-md-new-item .left .tip{font-size: 12px; color: #999;}
.consume-machine-set-md-new-item .action{display: flex; align-items: center;}
.consume-machine-set-md-new-item .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-machine-set-md-new-item .right{display: flex; align-items: center;}
.consume-machine-set-md-new-item .right .desc{font-size: 14px; color: #777;}
.consume-machine-set-md-new-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-machine-set-md-new-item-mode{background: #fff; border-bottom: 1px solid #f5f5f5;}
.consume-machine-set-md-new-item-mode .title{font-size: 16px; color: #333; padding: 10px 10px 0 10px;}
.consume-machine-set-md-new-item-mode .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.consume-machine-set-md-new-item-mode .content .mui-checkbox.mui-left label{font-size: 14px; color: #777;
    padding-left: 40px; padding-top: 7px; padding-right: 10px; word-break: break-all;}
.consume-machine-set-md-new-item-mode .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.consume-machine-set-md-new-item-mode .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
/* 魔点硬件设置·旧 */
.consume-machine-set-md-list{margin-top: 15px;}
.consume-machine-set-md-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.consume-machine-set-md-item:active{background: #f5f5f5;}
.consume-machine-set-md-item .left{display: flex; flex-direction: column; justify-content: center;}
.consume-machine-set-md-item .name{font-size: 16px; color: #333;}
.consume-machine-set-md-item .left .tip{font-size: 12px; color: #999;}
.consume-machine-set-md-item .action{display: flex; align-items: center;}
.consume-machine-set-md-item .action .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-machine-set-md-item .right{display: flex; align-items: center;}
.consume-machine-set-md-item .right .desc{font-size: 14px; color: #777;}
.consume-machine-set-md-item .right .mui-icon{font-size: 20px; color: #999;}
.consume-machine-set-md-item-mode{background: #fff; margin-bottom: 15px;}
.consume-machine-set-md-item-mode .title{font-size: 16px; color: #333; padding: 10px 10px 0 15px;}
.consume-machine-set-md-item-mode .content{display: flex; flex-wrap: wrap; padding-top: 10px;}
.consume-machine-set-md-item-mode .content .mui-checkbox.mui-left label{font-size: 14px; color: #777;
    padding-left: 40px; padding-top: 7px; padding-right: 10px; word-break: break-all;}
.consume-machine-set-md-item-mode .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.consume-machine-set-md-item-mode .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px;}
/* 自定义显示名称 */
.consume-custom-name .title{font-size: 14px; color: #777; padding: 15px 10px 5px 10px;}
.consume-custom-name-item{display: flex; padding: 0 10px; background: #fff; height: 50px; position: relative;}
.consume-custom-name-item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.consume-custom-name-item-left{display: flex; justify-content: space-between; align-items: center; width: 75%;}
.consume-custom-name-item-left .old-name{font-size: 16px; color: #999;}
.consume-custom-name-item-left .mui-icon{font-size: 16px; color: var(--text-color);}
.consume-custom-name-item-left .new-name{font-size: 16px; color: #333;}
.consume-custom-name-item-right{display: flex; align-items: center; justify-content: flex-end; width: 25%;}
.consume-custom-name-item-right img{width: 20px; height: 20px; display: flex;}
/* 外部人折扣消费 */
.consume-outsider-discount-list{margin-top: 15px;}
.consume-outsider-discount-item-content{margin-bottom: 15px; background: #fff;}
.consume-outsider-discount-item-content .top{display: flex; justify-content: space-between; align-items: center; height: 50px;
    padding: 0 10px 0 10px; border-bottom: 1px solid #f5f5f5;}
.consume-outsider-discount-item-content .top .left{display: flex; align-items: center;}
.consume-outsider-discount-item-content .top .left span{font-size: 16px; font-weight: 500; color: #333;}
.consume-outsider-discount-item-content .top .left svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden; margin-left: 5px;}
.consume-outsider-discount-item-content .top .right{display: flex; align-items: center;}
.consume-outsider-discount-item-content .top .right svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;}
.consume-outsider-discount-item-content .item{display: flex; justify-content: space-between; align-items: center; height: 50px;
    padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.consume-outsider-discount-item-content .item .left{font-size: 16px; color: #777;}
.consume-outsider-discount-item-content .item .right{display: flex; align-items: center;}
.consume-outsider-discount-item-content .item .right .add-input{font-size: 16px; color: #333; border: 0; height: 32px; line-height: 32px;
    background: #f5f5f5; padding: 0; margin: 0; width: 80px; text-align: center;}
.consume-outsider-discount-item-content .item .right span{font-size: 14px; color: #777; margin-left: 5px;}
.consume-outsider-discount-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-outsider-discount-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 自定义报餐通知 */
.custom-submit-meal-notify-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.custom-submit-meal-notify-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.custom-submit-meal-notify-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.custom-submit-meal-notify-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.custom-submit-meal-notify-action{margin: 20px 40px;}
.custom-submit-meal-notify-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.custom-submit-meal-notify-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 自定义公告通知 */
.custom-submit-notice-notify-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.custom-submit-notice-notify-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.custom-submit-notice-notify-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.custom-submit-notice-notify-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.custom-submit-notice-notify-action{margin: 20px 40px;}
.custom-submit-notice-notify-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.custom-submit-notice-notify-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 满意度调查 */
.consume-satisfaction-submit-top{margin: 15px 15px 0;}
.consume-satisfaction-submit-top .title{font-size: 16px; color: #333; margin-bottom: 5px;}
.consume-satisfaction-submit-top .desc{font-size: 14px; color: #999;}
.consume-satisfaction-submit-list{margin: 15px 15px 0; padding: 15px 15px 5px; background: #fff; border-radius: 5px;}
.consume-satisfaction-submit-item{display: flex; flex-direction: column; justify-content: center; margin-bottom: 15px;}
.consume-satisfaction-submit-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-satisfaction-submit-item>label .tip{font-size: 12px; color: #999;}
.consume-satisfaction-submit-item .score{display: flex; align-items: center;}
.consume-satisfaction-submit-item .score .mui-icon{margin-right: 15px;}
.consume-satisfaction-submit-item .score .mui-icon-star-filled{color: #5C50F8;}
.consume-satisfaction-submit-item textarea{font-size: 16px; color: #333; border: 0; margin: 0; padding: 10px; background: #f5f5f5;}
.consume-satisfaction-submit-action{margin: 20px 40px;}
.consume-satisfaction-submit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-satisfaction-submit-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 满意度调查·成功 */
.consume-satisfaction-success .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 60px;}
.consume-satisfaction-success .content img{width: 185px; height: 178px; display: flex;}
.consume-satisfaction-success .content .title{font-size: 16px; color: #333; margin: 20px 0 10px;}
.consume-satisfaction-success .content .desc{font-size: 14px; color: #999;}
/* 调查超时 */
.consume-satisfaction-time-out .content{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-top: 60px;}
.consume-satisfaction-time-out .content img{width: 185px; height: 178px; display: flex;}
.consume-satisfaction-time-out .content .title{font-size: 16px; color: #333; margin: 20px 0 10px;}
.consume-satisfaction-time-out .content .desc{font-size: 14px; color: #999;}
/* 访客就餐 */
.consume-visitor-list{margin: 15px 15px 0;}
.consume-visitor-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; display: flex; align-items: center; position: relative;}
.consume-visitor-item:active{background: #f5f5f5;}
.consume-visitor-item-left{display: flex; align-items: center;}
.consume-visitor-item-left img{width: 40px; height: 40px; display: flex; margin-right: 5px;}
.consume-visitor-item-left .name{font-size: 16px; color: #333; width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-visitor-item-right{display: flex; flex-direction: column; justify-content: center;}
.consume-visitor-item-right .item{display: flex; align-items: center;}
.consume-visitor-item-right .item:first-child{margin-bottom: 5px;}
.consume-visitor-item-right .item .desc{font-size: 14px; color: #777;}
.consume-visitor-item-right .item .num{font-size: 14px;}
.consume-visitor-item-right .item .status1{color: #21D388;}
.consume-visitor-item-right .item .status2{color: #FF5A48;}
.consume-visitor-item-status{position: absolute; top: 10px; right: 0; z-index: 9; width: 68px; height: 20px;}
.consume-visitor-item-status img{width: 100%; height: 100%; display: flex;}
.consume-visitor-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-visitor-plus img{width: 50px; height: 50px; display: flex;}
/* 添加访客就餐 */
.consume-visitor-add-list{margin-top: 15px;}
.consume-visitor-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.consume-visitor-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-visitor-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-visitor-add-item textarea{font-size: 16px; color: #333; border: 0;
    background: #f5f5f5; padding: 10px 15px; margin: 0;}
.consume-visitor-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.consume-visitor-add-item-select:active{background: #f5f5f5;}
.consume-visitor-add-item-select label{font-size: 14px; color: #777;}
.consume-visitor-add-item-select .right{display: flex; align-items: center;}
.consume-visitor-add-item-select .right .select{font-size: 16px; color: #333;}
.consume-visitor-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-visitor-add-action{margin: 20px 40px;}
.consume-visitor-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-visitor-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 访客就餐详情 */
.consume-visitor-detail-title{background: url(../img/meeting/other_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 240px; margin: 0; padding: 30px 20px; display: flex; justify-content: space-between;}
.consume-visitor-detail-title .left{display: flex; flex-direction: column; justify-content: flex-start;}
.consume-visitor-detail-title .left .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.consume-visitor-detail-title .left .time{font-size: 12px; color: rgba(255,255,255, .6);}
.consume-visitor-detail-title .right{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.consume-visitor-detail-list{margin: -130px 20px 20px; padding: 15px 5px; background: #fff; border-radius: 5px;}
.consume-visitor-detail-item{display: flex; margin-bottom: 20px;}
.consume-visitor-detail-list .consume-visitor-detail-item:last-child{margin-bottom: 0;}
.consume-visitor-detail-item .left{display: flex; justify-content: center; width: 15%;}
.consume-visitor-detail-item .left img{width: 24px; height: 24px; display: flex;}
.consume-visitor-detail-item .right{display: flex; width: 85%;}
.consume-visitor-detail-item .right .desc{font-size: 16px; color: #777; line-height: normal;}
.consume-visitor-detail-item .right2{display: flex; width: 85%;}
.consume-visitor-detail-item .right2 img{width: 100px; height: 100px; display: flex;}
.consume-visitor-detail-item .right3{display: flex; justify-content: space-between; align-items: center; width: 85%;}
.consume-visitor-detail-item .right3 .desc{font-size: 16px; color: #777; line-height: normal;}
.consume-visitor-detail-item .right3 .detail{display: flex; align-items: center;}
.consume-visitor-detail-item .right3 .detail .name{font-size: 14px; color: #999; line-height: normal;}
.consume-visitor-detail-item .right3 .detail .mui-icon{font-size: 20px; color: #999;}
.consume-visitor-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px; padding: 0 15px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-visitor-detail-action button{padding: 10px 0; font-size: 16px; margin-bottom: 0; margin-right: 15px; flex: 1;}
.consume-visitor-detail-action button:last-child{margin-right: 0;}
.consume-visitor-detail-action .pass{color: #fff; border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.consume-visitor-detail-action .pass:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.consume-visitor-detail-action .back{color: #333; border-color: #eee;}
.consume-visitor-detail-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.consume-visitor-detail-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.consume-visitor-detail-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.consume-visitor-detail-dialog-top span{padding: 5px;}
.consume-visitor-detail-dialog-top .cancel{font-size: 14px; color: #888;}
.consume-visitor-detail-dialog-top .confirm{font-size: 14px; color: var(--text-color);}
.consume-visitor-detail-dialog-list{height: calc(100% - 40px); overflow-y: auto;}
.consume-visitor-detail-dialog-item{display: flex;align-items: center; padding: 10px 20px;}
.consume-visitor-detail-dialog-item:active{background: #f5f5f5;}
.consume-visitor-detail-dialog-item .name{font-size: 14px; color: #333; margin-left: 10px;}
.consume-visitor-detail-dialog-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.consume-visitor-detail-dialog-item svg.select{fill: var(--svg-color);}
/* 访客就餐二维码 */
.consume-visitor-qrcode{width: 100%; height: 100%;
    background: url("../img/consume/fkjc_bg.png") center no-repeat; background-size: 100% 100%;}
.consume-visitor-qrcode .title{font-size: 20px; font-weight: 500; color: #fff; padding: 50px 0 5px; text-align: center;}
.consume-visitor-qrcode .subtitle{font-size: 14px; color: rgba(255,255,255, .7); text-align: center; margin-bottom: 30px;}
.consume-visitor-qrcode .content{display: flex; justify-content: center; margin-bottom: 20px;}
.consume-visitor-qrcode .content .img-wrap{width: 284px; height: 305px; display: flex; justify-content: center; align-items: center;
    background: url("../img/consume/fkjc_border.png") center no-repeat; background-size: 100% 100%;}
.consume-visitor-qrcode .content .img-wrap img{width: 160px; height: 160px; display: flex;}
.consume-visitor-qrcode .money{display: flex; justify-content: center; margin-bottom: 10px;}
.consume-visitor-qrcode .money .name{font-size: 16px; color: #fff;}
.consume-visitor-qrcode .money .desc{font-size: 20px; font-weight: 500; color: #FDA850;}
.consume-visitor-qrcode .time{display: flex; justify-content: center;}
.consume-visitor-qrcode .time .name{font-size: 14px; color: #fff;}
.consume-visitor-qrcode .time .desc{font-size: 14px; color: #fff;}
.consume-visitor-qrcode .save{position: fixed; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 9;
    display: flex; align-items: center;}
.consume-visitor-qrcode .save img{width: 16px; height: 16px; display: flex; margin-right: 5px;}
.consume-visitor-qrcode .save span{font-size: 14px; color: #fff; line-height: normal;}
/* 访客就餐·详情·明细 */
.consume-visitor-detail-detail-list{margin: 15px 15px 0;}
.consume-visitor-detail-detail-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-visitor-detail-detail-item:active{background: #f5f5f5;}
.consume-visitor-detail-detail-item img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.consume-visitor-detail-detail-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 52px);}
.consume-visitor-detail-detail-item .info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.consume-visitor-detail-detail-item .info .up .left{font-size: 16px; color: #333;}
.consume-visitor-detail-detail-item .info .up .right{font-size: 18px; font-weight: 500; color: #FF5A48;}
.consume-visitor-detail-detail-item .info .down{display: flex; justify-content: space-between; align-items: center;}
.consume-visitor-detail-detail-item .info .down .left{font-size: 14px; color: #333;}
.consume-visitor-detail-detail-item .info .down .right{font-size: 14px; color: #777;}
/* 考勤就餐 */
.consume-attendance-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.consume-attendance-dialogs{position: fixed; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.consume-attendance-dialogs .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.consume-attendance-dialogs-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.consume-attendance-dialogs-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.consume-attendance-dialogs-top .action:active{opacity: 0.8;}
.consume-attendance-dialogs-sync{position: fixed; right: 10px; bottom: 90px; z-index: 99;}
.consume-attendance-dialogs-sync svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.consume-attendance-dialogs .wrap .content{margin-bottom: 75px;}
.consume-attendance-dialogs .wrap .content .content-item .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.consume-attendance-dialogs .wrap .content .content-item .title .left{display: flex; align-items: center;}
.consume-attendance-dialogs .wrap .content .content-item .title .left .name{font-size: 16px; color: #000;}
.consume-attendance-dialogs .wrap .content .content-item .title .left .num{font-size: 14px; color: #999;}
.consume-attendance-dialogs .wrap .content .content-item .title .right{display: flex; align-items: center;}
.consume-attendance-dialogs .wrap .content .content-item .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;
    margin-right: 5px;}
.consume-attendance-dialogs .wrap .content .content-item .title .right span{font-size: 14px; color: var(--text-color);}
.consume-attendance-dialogs .wrap .content .content-item .title .right.un svg{fill: #bbb;}
.consume-attendance-dialogs .wrap .content .content-item .title .right.un span{color: #bbb;}
.consume-attendance-dialogs-list{margin: 0 15px 85px;}
.consume-attendance-dialogs-item{padding: 10px 10px; background: #fff; border-radius: 5px; position: relative;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; display: flex; align-items: center;}
.consume-attendance-dialogs-item:active{background: #f5f5f5;}
.consume-attendance-dialogs-item-left{display: flex; align-items: center; margin-right: 10px;}
.consume-attendance-dialogs-item-left svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.consume-attendance-dialogs-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.consume-attendance-dialogs-item-info .name{font-size: 14px; color: #333; margin-bottom: 3px; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-attendance-dialogs-item-info .num{font-size: 14px; color: #777; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-attendance-dialogs-item svg.right{width: 18px; height: 18px; fill: #bbb; overflow: hidden;
    position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.consume-attendance-dialogs-item svg.right.select{fill: var(--svg-color);}
.consume-attendance-list{margin-top: 15px;}
.consume-attendance-item{background: #fff; margin-bottom: 15px;}
.consume-attendance-item-up{display: flex; align-items: center; justify-content: space-between; padding: 10px 10px;}
.consume-attendance-item-up .left{display: flex; flex-direction: column;width: 70%;}
.consume-attendance-item-up .left .name{font-size: 16px; color: #333;}
.consume-attendance-item-up .left .desc{font-size: 12px; color: #999;}
.consume-attendance-item-up .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.consume-attendance-item-down{display: flex; align-items: center; justify-content: flex-end;
    padding: 10px 10px; position: relative;}
.consume-attendance-item-down:before{position: absolute; left: 10px; top: 0; right: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.consume-attendance-item-down:active{background: #f5f5f5;}
.consume-attendance-item-down .right{display: flex; align-items: center;}
.consume-attendance-item-down .right .desc{font-size: 16px; color: #777; line-height: normal;}
.consume-attendance-item-down .right .mui-icon{font-size: 20px; color: #999;}
.consume-attendance-item-down.between{justify-content: space-between; padding: 15px 10px;}
.consume-attendance-item-down.between .left{display: flex; flex-direction: column;}
.consume-attendance-item-down.between .left .name{font-size: 16px; color: #333;}
.consume-attendance-item-down.between .left .desc{font-size: 12px; color: #999;}
.consume-attendance-item-input{display: flex; align-items: center; justify-content: space-between;
    padding: 10px 0 10px 10px; border-bottom: 1px solid #f5f5f5; position: relative;}
.consume-attendance-item-input:before{position: absolute; left: 10px; top: 0; right: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.consume-attendance-item-input label{font-size: 16px; color: #333; margin-bottom: 0;}
.consume-attendance-item-input .add-input{font-size: 16px; color: #777; border: 0; line-height: 40px;
    background: #fff; padding: 0 10px 0 10px; margin: 0; text-align: right; flex: 1;}
.consume-attendance-item-btn{margin: 0 10px; padding: 20px 0;}
.consume-attendance-item-btn button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.consume-attendance-item-btn .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.consume-attendance-item-btn .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 选择餐段 */
.consume-select-meal-period-title{display: flex; justify-content: space-between; align-items: center; margin: 10px 10px;}
.consume-select-meal-period-title .left{font-size: 14px; color: #777;}
.consume-select-meal-period-title .right{font-size: 14px; color: var(--text-color);}
.consume-select-meal-period .consume-select-meal-period-card{margin: 0 0 15px 0; box-shadow: none;}
.consume-select-meal-period-card .mui-input-group .mui-input-row{height: 50px;}
.consume-select-meal-period-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.consume-select-meal-period-card .mui-input-row label .time{font-size: 14px; color: #999;}
.consume-select-meal-period-card .mui-checkbox input[type=checkbox]{top: 12px;}
.consume-select-meal-period-card .mui-checkbox input[type=checkbox]:checked:before{color: var(--text-color);}
.consume-select-meal-period-card .mui-input-group .mui-input-row:after{background-color: #e5e5e5;}
.consume-select-meal-period-action{margin: 30px 40px;}
.consume-select-meal-period-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.consume-select-meal-period-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 班次管理 */
.attendance-shift-manage-top{padding: 15px 10px 0; background: #fff;}
.attendance-shift-manage-search .mui-search{margin: 0 auto;}
.attendance-shift-manage-search .mui-search input{background-color: #f5f5f5;}
.attendance-shift-manage-search .mui-search .mui-placeholder{pointer-events: none;}
.attendance-shift-manage-list{margin: 15px 15px 85px;}
.attendance-shift-manage-item{padding: 15px 10px; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.attendance-shift-manage-item:active{background: #f5f5f5;}
.attendance-shift-manage-item .up{display: flex; align-items: center; margin-bottom: 10px;}
.attendance-shift-manage-item .up svg{width: 18px; height: 18px; fill: #333; overflow: hidden; margin-right: 5px;}
.attendance-shift-manage-item .up .name{font-size: 16px; color: #333;}
.attendance-shift-manage-item .down{display: flex; justify-content: space-between; align-items: center;}
.attendance-shift-manage-item .down .left{font-size: 14px; color: #777;}
.attendance-shift-manage-item .down .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.attendance-shift-manage-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.attendance-shift-manage-action .save{padding: 10px 0; font-size: 16px; color: #fff; border-radius: 8px;
    border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.attendance-shift-manage-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 编辑班次 */
.attendance-shift-edit-item{background: #fff; border-radius: 7px; margin: 15px 15px 85px;}
.attendance-shift-edit-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.attendance-shift-edit-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.attendance-shift-edit-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.attendance-shift-edit-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.attendance-shift-edit-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.attendance-shift-edit-item-time{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 10px; height: 56px; position: relative;}
.attendance-shift-edit-item-time:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.attendance-shift-edit-item-time .left{font-size: 15px; color: #333; white-space: nowrap;}
.attendance-shift-edit-item-time .right{display: flex; align-items: center;}
.attendance-shift-edit-item-time .right .time{font-size: 16px; color: #333;}
.attendance-shift-edit-item-time .right .space{color: #999; margin: 0 20px;}
.attendance-shift-edit-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.attendance-shift-edit-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.attendance-shift-edit-item-select:active{background: #f5f5f5;}
.attendance-shift-edit-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.attendance-shift-edit-item-select .right{display: flex; align-items: center;}
.attendance-shift-edit-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.attendance-shift-edit-item-select .right .desc2{font-size: 16px; color: #333;}
.attendance-shift-edit-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.attendance-shift-edit-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.attendance-shift-edit-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%; border-radius: 8px;}
.attendance-shift-edit-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 考勤统计 */
.consume-attendance-stats-top{background: #fff;}
.consume-attendance-stats-date{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.consume-attendance-stats-date-left{display: flex; align-items: center; padding: 5px;}
.consume-attendance-stats-date-left:active{background: #f5f5f5;}
.consume-attendance-stats-date-left img{width: 16px; height: 16px; display: flex;}
.consume-attendance-stats-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.consume-attendance-stats-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.consume-attendance-stats-date-left .mui-icon{font-size: 20px; color: #999;}
.consume-attendance-stats-content{margin: 15px 15px 0;}
.consume-attendance-stats-content-item{background: #fff; border-radius: 8px; padding: 0 15px; margin-bottom: 15px;}
.consume-attendance-stats-content-item .title{display: flex; justify-content: space-between; align-items: center;
    height: 50px; border-bottom: 1px solid #f5f5f5;}
.consume-attendance-stats-content-item .title .left{font-size: 16px; color: #333;}
.consume-attendance-stats-content-item .list{display: flex; flex-wrap: wrap; padding: 15px 0 1px;}
.consume-attendance-stats-content-item .list .item{padding: 10px; background: #f5f5f5; border-radius: 5px; width: 48%; margin-bottom: 15px;}
.consume-attendance-stats-content-item .list .item:nth-child(2n-1){margin-right: 4%;}
.consume-attendance-stats-content-item .list .item:active{background: #fff;}
.consume-attendance-stats-content-item .list .item .up{display: flex; align-items: center;}
.consume-attendance-stats-content-item .list .item .up .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-attendance-stats-content-item .list .item .down{font-size: 20px; font-weight: 500; color: #000;}
/* 考勤统计详情 */
.consume-attendance-stats-detail .mui-slider{width: auto; height: 100%;}
.consume-attendance-stats-detail .mui-slider .mui-slider-group{height: calc(100% - 40px);}
.consume-attendance-stats-detail .mui-segmented-control{background: #fff;}
.consume-attendance-stats-detail .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.consume-attendance-stats-detail .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.consume-attendance-stats-detail .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.consume-attendance-stats-detail-list{margin: 15px 15px 0;}
.consume-attendance-stats-detail-item{display: flex; align-items: center; padding: 12px 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.consume-attendance-stats-detail-item:active{background: #f5f5f5;}
.consume-attendance-stats-detail-item img{width: 40px!important; height: 40px!important; border-radius: 5px; margin-right: 10px;}
.consume-attendance-stats-detail-item .info{width: calc(100% - 50px);}
.consume-attendance-stats-detail-item .info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.consume-attendance-stats-detail-item .info .up .left{font-size: 16px; color: #333;}
.consume-attendance-stats-detail-item .info .up .right{font-size: 14px; color: #777;}
.consume-attendance-stats-detail-item .info .down{display: flex; justify-content: space-between; align-items: center;}
.consume-attendance-stats-detail-item .info .down .left{font-size: 14px; color: #777;}
.consume-attendance-stats-detail-item .info .down .right{font-size: 14px; color: #777;}
/* 帮我取餐 */
.consume-help-me-list{margin: 15px 15px 0;}
.consume-help-me-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; display: flex; align-items: center; position: relative;}
.consume-help-me-item:active{background: #f5f5f5;}
.consume-help-me-item img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.consume-help-me-item-info{display: flex; flex-direction: column; justify-content: center;}
.consume-help-me-item-info .title{font-size: 16px; color: #333; max-width: 120px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-help-me-item-info .name{font-size: 14px; color: #777; margin: 7px 0 5px;}
.consume-help-me-item-info .time{font-size: 14px; color: #777;}
.consume-help-me-item-status{position: absolute; top: 10px; right: 0; z-index: 9; width: 68px; height: 20px;}
.consume-help-me-item-status img{width: 100%; height: 100%; display: flex;}
.consume-help-me-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-help-me-plus img{width: 50px; height: 50px; display: flex;}
/* 帮我取餐·添加 */
.consume-help-me-add-list{margin-top: 15px;}
.consume-help-me-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.consume-help-me-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-help-me-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.consume-help-me-add-item-select:active{background: #f5f5f5;}
.consume-help-me-add-item-select label{font-size: 14px; color: #777;}
.consume-help-me-add-item-select .right{display: flex; align-items: center;}
.consume-help-me-add-item-select .right .select{font-size: 16px; color: #333;}
.consume-help-me-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-help-me-add-action{margin: 30px 40px;}
.consume-help-me-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-help-me-add-action .save:active{color: #fff; border: 1px solid #3222FA; background-color: #3222FA;}
/* 帮他报餐 */
.consume-help-him-top{margin: 15px 15px 0; padding: 20px 10px 20px 15px; background: #fff; border-radius: 5px;
    display: flex; justify-content: space-between; align-items: center;}
.consume-help-him-top:active{background: #f5f5f5;}
.consume-help-him-top .left{display: flex; align-items: center;}
.consume-help-him-top .left svg{width: 26px; height: 26px; fill: #333; overflow: hidden;}
.consume-help-him-top .left .name{font-size: 16px; color: #333; margin-left: 5px;}
.consume-help-him-top .mui-icon{font-size: 20px; color: #999;}
.consume-help-him-list{margin: 15px 15px 0;}
.consume-help-him-item{padding: 0 10px 10px; background: #fff; border-radius: 8px; margin-bottom: 10px;}
.consume-help-him-item:active{background: #f5f5f5;}
.consume-help-him-item .title{display: flex; align-items: center; height: 50px; font-size: 16px;
    font-weight: 500; color: #333; border-bottom: 1px solid #f5f5f5;}
.consume-help-him-item .content{padding-top: 15px;}
.consume-help-him-item .content .item{display: flex; margin-bottom: 10px;}
.consume-help-him-item .content .item .left{font-size: 14px; color: #999;}
.consume-help-him-item .content .item .right{font-size: 14px; color: #555; line-height: 1.4;}
.consume-help-him-item .action{flex: 1; display: flex; justify-content: center; align-items: center; height: 40px;
    font-size: 14px; color: #333; border: 1px solid #f5f5f5; border-radius: 5px;}
/* 帮他报餐·添加 */
.consume-help-him-add{margin: 15px 15px 85px;}
.consume-help-him-add-item{background: #fff; border-radius: 7px; margin-bottom: 10px;}
.consume-help-him-add-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.consume-help-him-add-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.consume-help-him-add-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.consume-help-him-add-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.consume-help-him-add-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.consume-help-him-add-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.consume-help-him-add-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.consume-help-him-add-item-select:active{background: #f5f5f5;}
.consume-help-him-add-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.consume-help-him-add-item-select .right{display: flex; align-items: center;}
.consume-help-him-add-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.consume-help-him-add-item-select .right .desc2{font-size: 16px; color: #333;}
.consume-help-him-add-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.consume-help-him-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-help-him-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.consume-help-him-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 帮他报餐·详情 */
.consume-help-him-detail-up{background: #fff; border-radius: 8px; padding: 15px 10px; margin: 15px 15px;}
.consume-help-him-detail-up .item{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-help-him-detail-up .item:last-child{margin-bottom: 0;}
.consume-help-him-detail-up .item .left{font-size: 14px; color: #777;}
.consume-help-him-detail-up .item .right{font-size: 14px; color: #333;}
.consume-help-him-detail-down{background: #fff; border-radius: 8px; padding: 15px 10px; margin: 0 15px 15px;}
.consume-help-him-detail-down .top{display: flex; align-items: center; margin-bottom: 15px;}
.consume-help-him-detail-down .top .name{font-size: 16px; font-weight: 500; color: #333;}
.consume-help-him-detail-down .top .desc{font-size: 12px; color: #999;}
.consume-help-him-detail-down .item{display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; padding: 15px 10px; background: #f5f5f5; border-radius: 5px;}
.consume-help-him-detail-down .item:last-child{margin-bottom: 0;}
.consume-help-him-detail-down .item .name{font-size: 14px; color: #555;}
.consume-help-him-detail-down .item .cancel{font-size: 14px; color: #FF5A48;}
/* 订单列表 */
.consume-order-top{margin-bottom: 15px; background: #fff;}
.consume-order-date{display: flex; align-items: center; padding: 10px 10px; position: relative;}
.consume-order-date-left{display: flex; align-items: center; padding: 5px;}
.consume-order-date-left:active{background: #f5f5f5;}
.consume-order-date-left img{width: 16px; height: 16px; display: flex;}
.consume-order-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.consume-order-date-left .mui-icon{font-size: 20px; color: #999;}
.consume-order-date-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.consume-order-date-right:active{background: #f5f5f5;}
.consume-order-date-right img{width: 16px; height: 16px; display: flex;}
.consume-order-date-right .name{font-size: 14px; color: #333; line-height: normal; margin-left: 5px;}
.consume-order-date-right .mui-icon{font-size: 20px; color: #999;}
.consume-order-list{margin: 0 15px;}
.consume-order-item{background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; padding: 10px 10px 0;}
.consume-order-item-up .item{padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.consume-order-item-up .item .up{display: flex; justify-content: space-between; margin-bottom: 5px;}
.consume-order-item-up .item .up .left{display: flex;}
.consume-order-item-up .item .up .left img{width: 60px; height: 60px; margin-right: 10px;}
.consume-order-item-up .item .up .left .info .name{font-size: 16px; color: #333;}
.consume-order-item-up .item .up .left .info .desc{font-size: 14px; color: #777;}
.consume-order-item-up .item .up .left .info .num{font-size: 14px; color: #777;}
.consume-order-item-up .item .up .right .price{font-size: 16px; font-weight: 500; color: #FF5A48; margin-bottom: 5px;}
.consume-order-item-up .item .up .right .status{font-size: 14px;}
.consume-order-item-up .item .up .right .status.status1{color: #FDA850;}
.consume-order-item-up .item .up .right .status.status2{color: #21D388;}
.consume-order-item-up .item .up .right .status.status3{color: #FF5A48;}
.consume-order-item-up .item .note{font-size: 12px; color: #777;}
.consume-order-item-up .item .down{display: flex; align-items: center; margin-top: 5px;}
.consume-order-item-up .item .down span{font-size: 12px; color: #777;}
.consume-order-item-up .item .down span:first-child{margin-right: 10px;}
.consume-order-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.consume-order-item-mid .left{display: flex; align-items: center;}
.consume-order-item-mid .left span{font-size: 14px; color: #555;}
.consume-order-item-mid .left span:first-child{margin-right: 10px;}
.consume-order-item-mid .right{display: flex; align-items: center;}
.consume-order-item-mid .right .name{font-size: 14px; color: #555;}
.consume-order-item-mid .right .num{font-size: 16px; font-weight: 500; color: #FF5A48;}
.consume-order-item-bottom{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-top: 1px solid #f5f5f5;}
.consume-order-item-bottom .cancel{font-size: 14px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-order-item-bottom .cancel:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
.consume-order-item2{background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; padding: 10px 10px; display: flex; align-items: center;}
.consume-order-item2 img{width: 60px; height: 60px; margin-right: 10px;}
.consume-order-item2 .right{width: calc(100% - 70px); }
.consume-order-item2 .right .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.consume-order-item2 .right .up .info{display: flex; align-items: center;}
.consume-order-item2 .right .up .info .name{font-size: 16px; color: #333;}
.consume-order-item2 .right .up .info .time{font-size: 14px; color: #777;}
.consume-order-item2 .right .up .status1{font-size: 14px; color: #FDA850;}
.consume-order-item2 .right .up .status2{font-size: 14px; color: #21D388;}
.consume-order-item2 .right .up .status3{font-size: 14px; color: #FF5A48;}
.consume-order-item2 .right .down{display: flex; justify-content: space-between; align-items: center;}
.consume-order-item2 .right .down .time{font-size: 12px; color: #777;}
.consume-order-item2 .right .down .num{font-size: 16px; font-weight: 500; color: #FF5A48;}
/* 点餐统计 */
.consume-order-stats-top{margin-bottom: 15px; background: #fff;}
.consume-order-stats-date{display: flex; align-items: center; padding: 5px 5px; position: relative;}
.consume-order-stats-date:after{position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px;
    content: ''; background-color: #f5f5f5;}
.consume-order-stats-date-left{display: flex; align-items: center; padding: 5px;}
.consume-order-stats-date-left:active{background: #f5f5f5;}
.consume-order-stats-date-left img{width: 16px; height: 16px; display: flex;}
.consume-order-stats-date-left .date{font-size: 14px; color: #333; line-height: normal; margin: 0 5px;}
.consume-order-stats-date-left .week{font-size: 14px; color: #333; line-height: normal;}
.consume-order-stats-date-left .mui-icon{font-size: 20px; color: #999;}
.consume-order-stats-right{display: flex; align-items: center; padding: 5px; margin-left: 5px;}
.consume-order-stats-right:active{background: #f5f5f5;}
.consume-order-stats-right img{width: 16px; height: 16px; display: flex;}
.consume-order-stats-right .name{font-size: 14px; color: #333; line-height: normal; margin: 0 3px; display: inline-block; max-width: 40px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-order-stats-right .mui-icon{font-size: 20px; color: #999;}
.consume-order-stats-search{padding: 10px 15px;}
.consume-order-stats-search .mui-search input{background-color: #f5f5f5; margin-bottom: 0; border-radius: 17px;}
.consume-order-stats-search .mui-search .mui-placeholder{pointer-events: none;}
.consume-order-stats-search .mui-search.mui-active:before{margin-top: -7px;}
.consume-order-stats-list{background: #fff;}
.consume-order-stats-title{display: flex;}
.consume-order-stats-title .item{font-size: 16px; font-weight: 500; color: #333; text-align: center; padding: 10px 0;}
.consume-order-stats-item{display: flex; padding: 10px 0;}
.consume-order-stats-item:nth-child(even){background: #f5f5f5;}
.consume-order-stats-item:active{background: #ddd;}
.consume-order-stats-item .item{font-size: 14px; color: #777; text-align: center;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/* 配送地址 */
.consume-ship-address-list{margin: 15px 0 85px;}
.consume-ship-address-item{display: flex; justify-content: space-between; padding: 15px 5px 15px 10px; background: #fff; margin-bottom: 15px;}
.consume-ship-address-item .left{font-size: 16px; color: #333;}
.consume-ship-address-item .right{display: flex; align-items: center; padding: 0 5px;}
.consume-ship-address-item .right img{width: 18px; height: 18px; display: flex;}
.consume-ship-address-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-ship-address-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.consume-ship-address-action .add:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 添加配送地址 */
.consume-ship-address-add-list{margin-top: 15px;}
.consume-ship-address-add-item{display: flex; flex-direction: column; justify-content: center; background: #fff;}
.consume-ship-address-add-item>label{font-size: 16px; color: #333; padding: 5px 15px;}
.consume-ship-address-add-item textarea{font-size: 14px; color: #777; border: 0; margin: 0; padding: 5px 15px;}
.consume-ship-address-add-action{margin: 20px 40px;}
.consume-ship-address-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.consume-ship-address-add-action .save{border: 1px solid #5C50F8; background-color: #5C50F8; margin-bottom: 0;}
.consume-ship-address-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 家属就餐 */
.consume-family-list{margin: 15px 15px 0;}
.consume-family-item{display: flex; justify-content: space-between; align-items: center; padding: 10px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-family-item:active{background: #f5f5f5;}
.consume-family-item img{width: 40px; height: 40px; margin-right: 10px; display: flex;}
.consume-family-item .info{width: calc(100% - 50px); display: flex; flex-direction: column; justify-content: center;}
.consume-family-item .info .num{font-size: 16px; color: #333;}
.consume-family-item .info .time{font-size: 14px; color: #999;}
.consume-family-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-family-plus img{width: 50px; height: 50px; display: flex;}
/* 添加访客就餐 */
.consume-family-add-list{margin-top: 15px;}
.consume-family-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.consume-family-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-family-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-family-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.consume-family-add-item-select:active{background: #f5f5f5;}
.consume-family-add-item-select label{font-size: 14px; color: #777;}
.consume-family-add-item-select .right{display: flex; align-items: center;}
.consume-family-add-item-select .right .select{font-size: 16px; color: #333;}
.consume-family-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-family-add-item-num{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 15px 0 15px; border-bottom: 1px solid #f5f5f5;}
.consume-family-add-item-num label{font-size: 14px; color: #777;}
.consume-family-add-item-num .right{display: flex; align-items: center;}
.consume-family-add-item-num .right .add-input{font-size: 16px; color: #333; border: 0; height: 32px; line-height: 32px;
    background: #f5f5f5; padding: 0 10px; margin: 0; width: 80px; text-align: center;}
.consume-family-add-item-num .right .unit{font-size: 12px; color: #999; margin-left: 5px;}
.consume-family-add-action{margin: 20px 40px;}
.consume-family-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #5C50F8;
    background-color: #5C50F8; margin-bottom: 0;}
.consume-family-add-action .save:active{border: 1px solid #5C50F8; background-color: #5C50F8; opacity: 0.8;}
/* 菜品管理 */
.consume-dishes .mui-segmented-control{font-size: 14px;}
.consume-dishes .mui-slider-indicator{background: #fff; height: 39px;}
.consume-dishes .mui-segmented-control.mui-scroll-wrapper .mui-control-item{padding: 0 10px; color: #555;}
.consume-dishes .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.consume-dishes .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 0; border-bottom: 0;}
.consume-dishes-top{display: flex; align-items: center; padding: 15px 15px 0; background: #fff;}
.consume-dishes-top .left{display: flex; align-items: center; padding-bottom: 15px; margin-right: 10px;}
.consume-dishes-top .left .name{font-size: 14px; color: #333; line-height: normal; white-space: nowrap;}
.consume-dishes-top .left .mui-icon{font-size: 20px; color: #999;}
.consume-dishes-top .right{display: flex; align-items: center;}
.consume-dishes-top .right .mui-search input{background: #fff; border: 1px solid #f5f5f5;}
.consume-dishes-top .right .mui-search .mui-placeholder{pointer-events: none;}
.consume-dishes-mid{margin: 15px 15px 0; padding: 20px 10px 20px 15px; background: #fff; border-radius: 5px;
    display: flex; justify-content: space-between; align-items: center;}
.consume-dishes-mid:active{background: #f5f5f5;}
.consume-dishes-mid .left{display: flex; align-items: center;}
.consume-dishes-mid .left svg{width: 26px; height: 26px; fill: #333; overflow: hidden;}
.consume-dishes-mid .left .name{font-size: 16px; color: #333; margin-left: 5px;}
.consume-dishes-mid .mui-icon{font-size: 20px; color: #999;}
.consume-dishes-list{margin: 15px 15px 0;}
.consume-dishes-item{display: flex; align-items: center; background: #fff; border-radius: 5px;
    padding: 15px 10px; margin-bottom: 15px;}
.consume-dishes-item .img{width: 60px !important; height: 60px !important; display: flex;
    margin-right: 10px; border-radius: 5px;}
.consume-dishes-item .info{width: calc(100% - 70px);}
.consume-dishes-item .info .up{display: flex; justify-content: space-between; align-items: center;}
.consume-dishes-item .info .up .name{font-size: 16px; font-weight: 500; color: #333;}
.consume-dishes-item .info .up .price{font-size: 18px; font-weight: 500; color: #FF5A48;}
.consume-dishes-item .info .mid{font-size: 12px; color: #999; margin: 6px 0 3px;}
.consume-dishes-item .info .down{display: flex; justify-content: space-between; align-items: center;}
.consume-dishes-item .info .down .left{font-size: 14px; color: #777;}
.consume-dishes-item .info .down .sell-in{font-size: 12px; color: #555; padding: 1px 7px; border: 1px solid #ddd;
    border-radius: 3px;}
.consume-dishes-item .info .down .sell-in:active{background: #eee;}
.consume-dishes-item .info .down .sell-out{font-size: 12px; color: #777; padding: 1px 7px; background: #eee;
    border-radius: 3px}
.consume-dishes-item .info .down .sell-out:active{background: #fff;}
/* 添加菜品 */
.consume-dishes-add-list{margin-top: 15px;}
.consume-dishes-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.consume-dishes-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.consume-dishes-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.consume-dishes-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.consume-dishes-add-item-select:active{background: #f5f5f5;}
.consume-dishes-add-item-select>label{font-size: 14px; color: #777;}
.consume-dishes-add-item-select .right{display: flex; align-items: center;}
.consume-dishes-add-item-select .right .select{font-size: 16px; color: #333;}
.consume-dishes-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-dishes-add-item-content{background: #fff; margin: 15px 0;}
.consume-dishes-add-item-picture{padding: 10px 0;}
.consume-dishes-add-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.consume-dishes-add-item-picture .up .title{font-size: 16px; color: #333;}
.consume-dishes-add-item-picture .up .desc{font-size: 12px; color: #999;}
.consume-dishes-add-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.consume-dishes-add-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.consume-dishes-add-item-picture .down .mui-icon:active{background: #fff;}
.consume-dishes-add-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.consume-dishes-add-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.consume-dishes-add-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 5;
    width: 16px; height: 16px; display: flex;}
.consume-dishes-add-item-textarea{background: #fff; padding: 10px 15px; margin-top: 15px;}
.consume-dishes-add-item-textarea>label{font-size: 14px; color: #777;}
.consume-dishes-add-item-textarea .content{padding: 0;}
.consume-dishes-add-item-textarea .content textarea{font-size: 16px; color: #000; border: 0;
    padding: 5px 0; margin: 0;}
.consume-dishes-add-action{margin: 20px 40px;}
.consume-dishes-add-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.consume-dishes-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.consume-dishes-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 菜品配置 */
.consume-dishes-config-top{display: flex; align-items: center; height: 70px; background: #fff; padding: 10px; margin-bottom: 15px;}
.consume-dishes-config-top .week{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.consume-dishes-config-top .week .mui-scroll-wrapper .item{width: 46px; display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 3px 7px; font-size: 14px; font-weight: 500; color: #000; margin-right: 8px;}
.consume-dishes-config-top .week .mui-scroll-wrapper .item .up{font-size: 16px; font-weight: 500; color: #000;}
.consume-dishes-config-top .week .mui-scroll-wrapper .item .down{font-size: 12px; color: #999;}
.consume-dishes-config-top .week .mui-scroll-wrapper .item.active{color: #fff; background: var(--bg-color); border-radius: 8px;}
.consume-dishes-config-top .week .mui-scroll-wrapper .item.active .up, .consume-dishes-config-top .week .item.active .down{color: #fff;}
.consume-dishes-config-top .week .mui-segmented-control.mui-scroll-wrapper{overflow: unset;}
.consume-dishes-config-top .week .mui-segmented-control.mui-scroll-wrapper .mui-scroll{display: flex; align-items: center;}
.consume-dishes-config-content{background: #fff;}
.consume-dishes-config-content .top{display: flex; justify-content: space-between; align-items: center;
    height: 40px; padding: 0 10px; border-bottom: 1px solid #f5f5f5;}
.consume-dishes-config-content .top .left{font-size: 16px; font-weight: 500; color: #000;}
.consume-dishes-config-content .top .right{display: flex; align-items: center;}
.consume-dishes-config-content .top .right .name{font-size: 14px; color: #777;}
.consume-dishes-config-content .top .right .mui-icon{font-size: 20px; color: #999;}
.consume-dishes-config-content .search{padding: 15px 10px 0;}
.consume-dishes-config-content .search .mui-search input{background: #fff; border: 1px solid #f5f5f5;}
.consume-dishes-config-content .search .mui-search .mui-placeholder{pointer-events: none;}
.consume-dishes-config-content .content{height: calc(100% - 110px); display: flex;}
.consume-dishes-config-content .content .content-left{width: 100px; height: 100%; padding-bottom: 80px;
    border-top: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; overflow-y: auto;}
.consume-dishes-config-content .content .content-left .content-left-item{width: 100%; height: 40px; line-height: 40px;
    font-size: 14px; font-weight: 500; color: #333; border-bottom: 1px solid #f5f5f5;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.consume-dishes-config-content .content .content-left .content-left-item.active{color: var(--text-color);}
.consume-dishes-config-content .content .content-left .content-left-item:active{background: #f5f5f5;}
.consume-dishes-config-content .content .content-right{width: calc(100% - 100px); padding-bottom: 80px; overflow-y: auto;}
.consume-dishes-config-content .content .content-right .content-right-item{display: flex; align-items: center; padding: 10px 10px;}
.consume-dishes-config-content .content .content-right .content-right-item .img{width: 60px; height: 60px; display: flex;
    margin-right: 10px; border-radius: 5px;}
.consume-dishes-config-content .content .content-right .content-right-item .info{width: calc(100% - 70px);}
.consume-dishes-config-content .content .content-right .content-right-item .info .up{display: flex; justify-content: space-between; align-items: center;}
.consume-dishes-config-content .content .content-right .content-right-item .info .up .name{font-size: 16px; font-weight: 500; color: #333;}
.consume-dishes-config-content .content .content-right .content-right-item .info .mid{display: flex; justify-content: space-between; align-items: center; margin: 2px 0 4px;}
.consume-dishes-config-content .content .content-right .content-right-item .info .mid .left{font-size: 12px; color: #999;}
.consume-dishes-config-content .content .content-right .content-right-item .info .mid .right .mui-checkbox input[type=checkbox]:before{font-size: 22px; color: var(--text-color);}
.consume-dishes-config-content .content .content-right .content-right-item .info .mid .right .mui-checkbox.mui-left input[type=checkbox]{left: auto; right: 0}
.consume-dishes-config-content .content .content-right .content-right-item .info .down{display: flex; align-items: center;}
.consume-dishes-config-content .content .content-right .content-right-item .info .down svg.sub{width: 16px; height: 16px; fill: #999; overflow: hidden;}
.consume-dishes-config-content .content .content-right .content-right-item .info .down .num{font-size: 16px; color: #555; margin: 0 15px;}
.consume-dishes-config-content .content .content-right .content-right-item .info .down svg.add{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.consume-dishes-config-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px; padding: 0 15px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-dishes-config-action button{flex: 1;}
.consume-dishes-config-action .select{padding: 10px 0; font-size: 16px; color: var(--text-color); border: 1px solid var(--bg-color);
    background-color: #fff; margin-bottom: 0;}
.consume-dishes-config-action .cancel{padding: 10px 0; font-size: 16px; color: #000; border: 1px solid #eee;
    background-color: #fff; margin-bottom: 0; margin-left: 15px; margin-right: 15px;}
.consume-dishes-config-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0;}
.consume-dishes-config-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
.consume-dishes-config-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.consume-dishes-config-dialog{position: fixed; top: 100%; left: 0; right: 0; bottom: 0; z-index: 9;
    background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.consume-dishes-config-dialog-top{height: 40px; padding: 0 8px; border-bottom: 1px solid #f5f5f5;
    display: flex; justify-content: space-between; align-items: center;}
.consume-dishes-config-dialog-top .title{font-size: 16px; font-weight: 500; color: #333;}
.consume-dishes-config-dialog-top .cancel{font-size: 14px; color: #888; padding: 5px;}
.consume-dishes-config-dialog-top .confirm{font-size: 14px; color: var(--text-color); padding: 5px;}
.consume-dishes-config-dialog-content{height: calc(100% - 40px); overflow-y: auto;}
.consume-dishes-config-dialog-content .top{padding: 10px 0;}
.consume-dishes-config-dialog-content .top .desc1{font-size: 14px; color: #333; text-align: center; margin-bottom: 5px;}
.consume-dishes-config-dialog-content .top .desc2{font-size: 14px; color: #333; text-align: center;}
.consume-dishes-config-dialog-content .list{padding: 0 10px;}
.consume-dishes-config-dialog-content .list .item{margin-bottom: 15px;}
.consume-dishes-config-dialog-content .list .item .item-title{font-size: 14px; font-weight: 500; color: #222;}
.consume-dishes-config-dialog-content .list .item .item-list{display: flex; flex-wrap: wrap; padding: 10px 0;}
.consume-dishes-config-dialog-content .list .item .item-list .item-item{display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 30px;
    background: #F5F5F5; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.consume-dishes-config-dialog-content .list .item .item-list .item-item .name{font-size: 12px; color: var(--text-color);}
.consume-dishes-config-dialog-content .list .item .item-list .item-item svg{width: 14px; height: 14px; fill: #999; overflow: hidden; margin-left: 5px;}
/* 访客就餐宜搭OA审批 */
.consume-yida-oa-switch{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-top: 15px; margin-bottom: 15px; padding: 0 10px 0 10px;}
.consume-yida-oa-switch .name{font-size: 16px; color: #333;}
.consume-yida-oa-switch .mui-switch-blue.mui-active{border: 2px solid #5C50F8; background-color: #5C50F8;}
.consume-yida-oa-input{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px;}
.consume-yida-oa-input>label{font-size: 16px; color: #777; margin-bottom: 5px;}
.consume-yida-oa-input .add-input{font-size: 16px; color: #333; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0; margin: 0;}
.consume-yida-oa-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-yida-oa-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.consume-yida-oa-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 访客就餐标准 */
.consume-dining-standard-top{margin: 15px 15px 0; display: flex; align-items: center;}
.consume-dining-standard-top .item{flex: 1; display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-radius: 5px;}
.consume-dining-standard-top .item:active{background: #f5f5f5;}
.consume-dining-standard-top .item .left{display: flex; align-items: center;}
.consume-dining-standard-top .item .left svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.consume-dining-standard-top .item .left .name{font-size: 16px; color: #333; margin-left: 5px;}
.consume-dining-standard-top .item .mui-icon{font-size: 20px; color: #999;}
.consume-dining-standard-list{margin: 15px 15px 0;}
.consume-dining-standard-item{padding: 15px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-dining-standard-item:active{background: #f5f5f5;}
.consume-dining-standard-item-up{font-size: 16px; color: #333; margin-bottom: 10px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.consume-dining-standard-item-down{font-size: 14px; color: #999;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 访客就餐标准·添加 */
.consume-dining-standard-add-list{margin-top: 10px; margin-bottom: 80px;}
.consume-dining-standard-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.consume-dining-standard-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.consume-dining-standard-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.consume-dining-standard-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.consume-dining-standard-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.consume-dining-standard-add-item-select:active{background: #f5f5f5;}
.consume-dining-standard-add-item-select>label{font-size: 16px; color: #333;}
.consume-dining-standard-add-item-select .right{display: flex; align-items: center;}
.consume-dining-standard-add-item-select .right .select{font-size: 16px; color: #777;}
.consume-dining-standard-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-dining-standard-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-dining-standard-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.consume-dining-standard-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 访客就餐标准·编辑 */
.consume-dining-standard-edit .consume-dining-standard-add-action .save{width: 67%;}
.consume-dining-standard-edit .consume-dining-standard-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 访客餐券 */
.consume-visitor-coupon-top{padding: 15px 10px 0; background: #fff;}
.consume-visitor-coupon-filter{display: flex; align-items: center; padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.consume-visitor-coupon-filter-item{display: flex; align-items: center;}
.consume-visitor-coupon-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.consume-visitor-coupon-filter-item .mui-icon{font-size: 20px; color: #999;}
.consume-visitor-coupon-search{padding-top: 10px;}
.consume-visitor-coupon-search .mui-search{margin: 0 auto;}
.consume-visitor-coupon-search .mui-search input{background-color: #fff; border: 1px solid #f5f5f5;}
.consume-visitor-coupon-search .mui-search .mui-placeholder{pointer-events: none;}
.consume-visitor-coupon-list{margin: 15px 15px 0;}
.consume-visitor-coupon-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.consume-visitor-coupon-item:active{background: #f5f5f5;}
.consume-visitor-coupon-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.consume-visitor-coupon-item .up .left{display: flex; align-items: center;}
.consume-visitor-coupon-item .up .left img{width: 18px; height: 18px; display: flex; margin-right: 5px;}
.consume-visitor-coupon-item .up .left .name{font-size: 16px; font-weight: 500; color: #333; line-height: normal;}
.consume-visitor-coupon-item .up .right{display: flex; align-items: center;}
.consume-visitor-coupon-item .up .right .point1{width: 8px; height: 8px; border-radius: 50%; background: #FDA850;}
.consume-visitor-coupon-item .up .right .status1{font-size: 14px; color: #FDA850; margin-left: 2px; line-height: normal;}
.consume-visitor-coupon-item .up .right .point2{width: 8px; height: 8px; border-radius: 50%; background: #21D388;}
.consume-visitor-coupon-item .up .right .status2{font-size: 14px; color: #21D388; margin-left: 2px; line-height: normal;}
.consume-visitor-coupon-item .up .right .point3{width: 8px; height: 8px; border-radius: 50%; background: #FF5A48;}
.consume-visitor-coupon-item .up .right .status3{font-size: 14px; color: #FF5A48; margin-left: 2px; line-height: normal;}
.consume-visitor-coupon-item .up .right .point4{width: 8px; height: 8px; border-radius: 50%; background: #888;}
.consume-visitor-coupon-item .up .right .status4{font-size: 14px; color: #888; margin-left: 2px; line-height: normal;}
.consume-visitor-coupon-item .mid{display: flex; align-items: center;}
.consume-visitor-coupon-item .mid .desc{font-size: 14px; color: #777;}
.consume-visitor-coupon-item .mid .desc:first-child{margin-right: 15px;}
.consume-visitor-coupon-item .down{display: flex; justify-content: space-between; align-items: center;
    margin-top: 10px; padding: 10px; border-radius: 5px; background: #f5f5f5;}
.consume-visitor-coupon-item .down .left{font-size: 14px; color: #777;}
.consume-visitor-coupon-item .down .mui-icon{font-size: 20px; color: #999;}
.consume-visitor-coupon-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.consume-visitor-coupon-plus img{width: 50px; height: 50px; display: flex;}
/* 访客餐券·添加 */
.consume-visitor-coupon-add-list{margin-top: 10px; margin-bottom: 80px;}
.consume-visitor-coupon-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.consume-visitor-coupon-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.consume-visitor-coupon-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.consume-visitor-coupon-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.consume-visitor-coupon-add-item textarea{font-size: 16px; color: #777; border: 0; margin: 0; padding: 5px 0;}
.consume-visitor-coupon-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.consume-visitor-coupon-add-item-select:active{background: #f5f5f5;}
.consume-visitor-coupon-add-item-select>label{font-size: 16px; color: #333;}
.consume-visitor-coupon-add-item-select .right{display: flex; align-items: center;}
.consume-visitor-coupon-add-item-select .right .select{font-size: 16px; color: #777;}
.consume-visitor-coupon-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.consume-visitor-coupon-add-item-content{background: #fff; border-bottom: 1px solid #F5F5F5;}
.consume-visitor-coupon-add-item-picture{padding: 10px 0;}
.consume-visitor-coupon-add-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.consume-visitor-coupon-add-item-picture .up .title{font-size: 16px; color: #333;}
.consume-visitor-coupon-add-item-picture .up .desc{font-size: 12px; color: #999;}
.consume-visitor-coupon-add-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.consume-visitor-coupon-add-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.consume-visitor-coupon-add-item-picture .down .mui-icon:active{background: #fff;}
.consume-visitor-coupon-add-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.consume-visitor-coupon-add-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.consume-visitor-coupon-add-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 5;
    width: 16px; height: 16px; display: flex;}
.consume-visitor-coupon-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.consume-visitor-coupon-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.consume-visitor-coupon-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 访客餐券·详情 */
.consume-visitor-coupon-detail-new-top{background: url(../img/common/top_bg.png) center no-repeat; background-size: 100% 100%;
    width: 100%; height: 120px; padding: 30px 20px;}
.consume-visitor-coupon-detail-new-top .title{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 5px;}
.consume-visitor-coupon-detail-new-top .time{font-size: 12px; color: rgba(255,255,255, .6);}
.consume-visitor-coupon-detail-new-content{padding: 20px 15px 85px; background: #F9F8FF; margin-top: -20px;
    border-top-left-radius: 15px; border-top-right-radius: 15px;}
.consume-visitor-coupon-detail-new-record{background: #fff; border-radius: 8px; margin-bottom: 15px;}
.consume-visitor-coupon-detail-new-record .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-bottom: 1px solid #f5f5f5;}
.consume-visitor-coupon-detail-new-record .title .left{font-size: 16px; font-weight: 500; color: #000;}
.consume-visitor-coupon-detail-new-record .item{padding: 15px 10px; position: relative;}
.consume-visitor-coupon-detail-new-record .item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.consume-visitor-coupon-detail-new-record .item .name{font-size: 14px; color: #777; margin-bottom: 3px;}
.consume-visitor-coupon-detail-new-record .item .desc{font-size: 14px; color: #333;}
.consume-visitor-coupon-detail-new-record .item .desc.status0{color: #FDA850;}
.consume-visitor-coupon-detail-new-record .item .desc.status1{color: #21D388;}
.consume-visitor-coupon-detail-new-record .item .desc.status2{color: #FF5A48;}
.consume-visitor-coupon-detail-new-record .item .desc.status3{color: #888;}
.consume-visitor-coupon-detail-new-record .item .qrcode{position: absolute; top: 7px; right: 10px; z-index: 9;
    width: 60px; height: 60px; border-radius: 5px;}
.consume-visitor-coupon-detail-new-record .item .down{display: flex; justify-content: space-between; align-items: center;}
.consume-visitor-coupon-detail-new-record .item .down .left{font-size: 14px; color: #333;}
.consume-visitor-coupon-detail-new-record .item .down .right{display: flex; align-items: center;}
.consume-visitor-coupon-detail-new-record .item .down .right .desc{font-size: 14px; color: var(--text-color); line-height: normal;}
.consume-visitor-coupon-detail-new-record .item .down .right .mui-icon{font-size: 20px; color: var(--text-color);}
.consume-visitor-coupon-detail-new-record .item .img-wrap{display: flex; align-items: center; flex-wrap: wrap;}
.consume-visitor-coupon-detail-new-record .item .img-wrap .img{width: 60px; height: 60px; display: flex; border-radius: 3px;
    margin-right: 15px; margin-bottom: 5px;}

/* ========================================= EPO分析 =========================================== */
/* 底部导航 */
nav.analysis-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5;}
nav.analysis-bar-tab .mui-tab-item .mui-icon{top: 5px;}
nav.analysis-bar-tab .mui-tab-item.mui-active{color: #3296FA;}
nav.analysis-bar-tab .mui-tab-item .nav-msg{background: url("../img/analysis/xiaoxi.png") center no-repeat; background-size: 100% 100%;}
nav.analysis-bar-tab .mui-tab-item .nav-stat{background: url("../img/analysis/tongji.png") center no-repeat; background-size: 100% 100%;}
nav.analysis-bar-tab .mui-tab-item .nav-set{background: url("../img/analysis/shezhi.png") center no-repeat; background-size: 100% 100%;}
nav.analysis-bar-tab .mui-active .nav-msg{background: url("../img/analysis/xiaoxi_active.png") center no-repeat; background-size: 100% 100%;}
nav.analysis-bar-tab .mui-active .nav-stat{background: url("../img/analysis/tongji_active.png") center no-repeat; background-size: 100% 100%;}
nav.analysis-bar-tab .mui-active .nav-set{background: url("../img/analysis/shezhi_active.png") center no-repeat; background-size: 100% 100%;}
/* 消息 */
.analysis-msg-top{display: flex; align-items: center; height: 160px; background: #3296FA;}
.analysis-msg-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 10px 0;}
.analysis-msg-top-item .item-num{font-size: 28px; color: #fff; margin-bottom: 10px;}
.analysis-msg-top-item .title{font-size: 14px; color: #fff;}
.analysis-msg-fast{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 10px 0; padding: 20px 10px; background: #fff; border-radius: 5px;}
.analysis-msg-fast:active{background: #F5F5F5;}
.analysis-msg-fast .left{font-size: 16px; font-weight: 500; color: #333;}
.analysis-msg-fast .mui-icon{font-size: 20px; color: #999;}
.analysis-msg-title{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 0 10px; padding: 0 10px;}
.analysis-msg-title .title{font-size: 16px; color: #333;}
.analysis-msg-title .more{font-size: 14px; color: #999; line-height: normal;}
.analysis-msg-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.analysis-msg-item:active{background: #f5f5f5;}
.analysis-msg-item-left{display: flex; align-items: center;}
.analysis-msg-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.analysis-msg-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.analysis-msg-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.analysis-msg-item-info{display: flex; flex-direction: column; justify-content: center;}
.analysis-msg-item-info .title{font-size: 16px; color: #333; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-msg-item-info .location{font-size: 14px; color: #777; margin: 2px 0 10px;}
.analysis-msg-item-info .time{font-size: 14px; color: #999;}
.analysis-msg-item-right{display: flex; align-items: center;}
.analysis-msg-item-right .mui-icon{font-size: 20px; color: #999;}
/* 快速配置功能 */
.analysis-fast-config .title{font-size: 14px; color: #777; margin: 15px 15px;}
.analysis-fast-config-list{margin: 0 15px;}
.analysis-fast-config-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 5px 15px 25px; background: #fff; border-radius: 8px; margin-bottom: 15px; position: relative;}
.analysis-fast-config-item:active{background: #f5f5f5;}
.analysis-fast-config-item .left{display: flex; align-items: center;}
.analysis-fast-config-item .left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.analysis-fast-config-item .left .info{}
.analysis-fast-config-item .left .info .name{font-size: 16px; font-weight: 500; color: #333;}
.analysis-fast-config-item .left .info .desc{font-size: 14px; color: #999; margin-top: 3px;}
.analysis-fast-config-item .mui-icon{font-size: 20px; color: #999;}
.analysis-fast-config-item .sort{position: absolute; top: 0; left: 0; z-index: 9; width: 24px; height: 24px;
    font-size: 14px; font-weight: 500; color: #fff; display: flex; justify-content: center; align-items: center;
    background: url("../img/analysis/fast_bg.png") center no-repeat; background-size: 100% 100%;}
/* 消息·查看更多 */
.analysis-message-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.analysis-message-filter-dialog-item{padding: 0 15px;}
.analysis-message-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.analysis-message-filter-dialog-type{margin-bottom: 15px;}
.analysis-message-filter-dialog-type span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.analysis-message-filter-dialog-type span:active{background: #fff;}
.analysis-message-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.analysis-message-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.analysis-message-filter-dialog-time .time:active{background: #fff;}
.analysis-message-filter-dialog-time .space{color: #333;}
.analysis-message-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.analysis-message-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.analysis-message-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.analysis-message-filter-dialog-action .confirm{color: #3296FA;}
.analysis-message-filter-dialog-action span:active{background: #f5f5f5;}
.analysis-message-top{display: flex; justify-content: space-between; align-items: center;
    padding: 5px 10px; background: #fff;}
.analysis-message-top-item{display: flex; align-items: center; padding: 5px;}
.analysis-message-top-item:active{background: #f5f5f5;}
.analysis-message-top-item img{width: 16px; height: 16px; display: flex; margin-right: 2px;}
.analysis-message-top-item .name{font-size: 14px; color: #191F25; line-height: normal;}
.analysis-message-filter-content{display: flex; align-items: center; margin: 5px 15px 10px;}
.analysis-message-filter-content .content{display: flex; align-items: center;}
.analysis-message-filter-content .content span{font-size: 14px; color: #999; line-height: normal;}
.analysis-message-filter-content .remove{width: 16px; height: 16px; display: flex; margin-left: 5px;}
.analysis-message-num{display: flex; justify-content: flex-end; align-items: center; padding: 0 15px;
    font-size: 14px; color: #3296FA; margin-bottom: 5px;}
.analysis-message-list{margin: 0 15px 0;}
.analysis-message-item{display: flex; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 15px;}
.analysis-message-item:active{background: #f5f5f5;}
.analysis-message-item img{width: 40%; height: 100px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.analysis-message-item-right{display: flex; flex-direction: column; justify-content: center; width: 100%; padding: 10px 0 10px 10px;}
.analysis-message-item-right .info{display: flex; align-items: center;}
.analysis-message-item-right .info .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00; margin-right: 5px;}
.analysis-message-item-right .info .name{font-size: 16px; font-weight: 400; color: #333;}
.analysis-message-item-right .desc{font-size: 14px; color: #555; margin: 2px 0 13px;}
.analysis-message-item-right .time{font-size: 14px; color: #999;}
/* 消息详情 */
.analysis-message-detail{height: 100%; padding-bottom: 80px; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.analysis-message-detail-top{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px;}
.analysis-message-detail-top .title{font-size: 18px; color: #000;}
.analysis-message-detail-list{margin: 0 15px 15px; padding: 15px 15px; background: #fff; border-radius: 5px;}
.analysis-message-detail-item{display: flex; margin-bottom: 20px;}
.analysis-message-detail-list .analysis-message-detail-item:last-child{margin-bottom: 0;}
.analysis-message-detail-item-left{display: flex; align-items: center; width: 15%;}
.analysis-message-detail-item-left img{width: 24px; height: 24px; display: flex;}
.analysis-message-detail-item-right{display: flex; align-items: center; width: 85%;}
.analysis-message-detail-item-right .desc{font-size: 16px; color: #333;}
.analysis-message-detail-item-right .picture{height: 100px; border-radius: 3px;}
.analysis-message-detail-item-person{width: 85%;}
.analysis-message-detail-item-person .person-list{display: flex;}
.analysis-message-detail-item-person .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    margin-right: 15px; flex-shrink: 0;}
.analysis-message-detail-item-person .person-item .photo{width: 50px; height: 50px; border-radius: 5px; display: flex; margin-bottom: 5px;}
.analysis-message-detail-item-person .person-item .name{font-size: 14px; color: #999; display: inline-block; max-width: 50px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-message-detail-content{margin: 0 15px; background: #fff; border-radius: 5px; height: 40%;}
.analysis-message-detail-content .title{display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0 10px;}
.analysis-message-detail-content .title .left{padding-left: 5px; border-left: 2px solid #3296FA; font-size: 14px; color: #3296FA;
    line-height: 14px;}
.analysis-message-detail-content .content{height: calc(100% - 40px); overflow-y: auto; position: relative;}
.analysis-message-detail-content .content .no{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    font-size: 14px; color: #999;}
.analysis-message-detail-tip{display: flex; justify-content: center; align-items: center; margin-bottom: 5px;}
.analysis-message-detail-tip span{font-size: 12px; color: #999;}
.analysis-message-detail-tip .name{margin: 0 0 0 5px;}
.analysis-message-detail-dialog{display: flex; margin-bottom: 5px;}
.analysis-message-detail-dialog-left{display: flex; margin-left: 10px; margin-right: 5px;}
.analysis-message-detail-dialog-left img{width: 40px; height: 40px; border-radius: 3px; display: flex;}
.analysis-message-detail-dialog-right{display: flex; flex-direction: column;}
.analysis-message-detail-dialog-right .up{display: flex; align-items: center;}
.analysis-message-detail-dialog-right .up .name{font-size: 12px; color: #999; margin-right: 5px;}
.analysis-message-detail-dialog-right .up .time{font-size: 12px; color: #999;}
.analysis-message-detail-dialog-right .down{padding: 5px; background: #ABC8FA; border-radius: 3px; max-width: 200px;
    font-size: 14px; color: #fff; line-height: normal;}
.analysis-message-detail-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; padding: 0 15px; background: #f5f5f5;
    border-top: 1px solid #f0f0f0; height: 60px; display: flex; justify-content: space-between; align-items: center;}
.analysis-message-detail-action button{line-height: normal;}
.analysis-message-detail-action button.btn1{background: #3296FA; border: 1px solid #3296FA; color: #fff;}
.analysis-message-detail-action button.btn1:active{background: #2A74F3;}
.analysis-message-detail-action button.status1{background: #AEAFB3; border: 1px solid #AEAFB3; color: #fff;
    flex: 1; margin-right: 20px;}
.analysis-message-detail-action button.status2{background: #AEAFB3; border: 1px solid #AEAFB3; color: #fff;
    flex: 1; margin-right: 20px;}
.analysis-message-detail-action .return{width: 20px; height: 20px; display: flex;}
.analysis-message-detail-action input{width: 70%; height: 40px; line-height: 40px; background: #fff; border-radius: 3px;
    margin-bottom: 0; border: 0; font-size: 14px; color: #333;}
.analysis-message-detail-action .issue{padding: 0; width: 50px; height: 32px; line-height: 32px; font-size: 14px;
    background: #3296FA; border: 0; color: #fff;}
.analysis-message-detail-action .issue:active{background: #2A74F3;}
/* 告警处理 */
.analysis-message-process .title{margin: 15px 0 10px; padding: 0 10px; font-size: 14px; color: #777;}
.analysis-message-process textarea{margin: 0; border: 0; font-size: 15px; color: #333; border-radius: 0; padding: 10px;}
.analysis-message-process-action{margin: 40px 30px;}
.analysis-message-process-action .submit{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.analysis-message-process-action .submit:active{background: #2A74F3;}
/* 统计 */
.analysis-stat-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px;}
.analysis-stat-top-left{display: flex; align-items: center;}
.analysis-stat-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.analysis-stat-top-left button.active{background-color: #3296FA; color: #fff;}
.analysis-stat-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.analysis-stat-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.analysis-stat-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.analysis-stat-top-right{display: flex; align-items: center;}
.analysis-stat-top-right .mui-icon{font-size: 20px; color: #999;}
.analysis-stat-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.analysis-stat-num{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px; margin-bottom: 15px; border-top: 1px solid #f5f5f5;}
.analysis-stat-num:active{background: #f5f5f5;}
.analysis-stat-num .left{font-size: 14px; color: #555;}
.analysis-stat-num .right{display: flex; align-items: center;}
.analysis-stat-num .right .name{font-size: 14px; color: #999; line-height: normal;}
.analysis-stat-num .right .mui-icon{font-size: 20px; color: #999;}
.analysis-stat-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 5px 15px;}
.analysis-stat-title .left{padding-left: 5px; border-left: 2px solid #3296FA; font-size: 14px; color: #3296FA;
    line-height: 14px;}
.analysis-stat-title .right{display: flex; align-items: center; padding: 2px 5px;}
.analysis-stat-title .right:active{background: #f5f5f5;}
.analysis-stat-title .right img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.analysis-stat-title .right span{font-size: 12px; color: #3296FA;}
.analysis-stat-content{display: flex; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
.analysis-stat-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 25%;}
.analysis-stat-content-item:active{background: #f5f5f5;}
.analysis-stat-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.analysis-stat-content-item .name{font-size: 14px; color: #777; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-stat-chart{background: #fff; margin-top: 15px;}
.analysis-stat-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.analysis-stat-chart .title .left{padding-left: 5px; border-left: 2px solid #3296FA; font-size: 14px; color: #3296FA;
    line-height: 14px;}
.analysis-stat-chart .content{width: 100%; height: 200px;}
/* 告警分析 */
.alarm-analysis-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px; margin-bottom: 15px;}
.alarm-analysis-top-left{display: flex; align-items: center;}
.alarm-analysis-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.alarm-analysis-top-left button.active{background-color: #3296FA; color: #fff;}
.alarm-analysis-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.alarm-analysis-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.alarm-analysis-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.alarm-analysis-top-right{display: flex; align-items: center;}
.alarm-analysis-top-right .mui-icon{font-size: 20px; color: #999;}
.alarm-analysis-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.alarm-analysis-num{display: flex; height: 120px; background: #fff; margin-bottom: 15px;}
.alarm-analysis-num-item{flex: 1;}
.alarm-analysis-item{background: #fff; margin-bottom: 15px;}
.alarm-analysis-item .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.alarm-analysis-item .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.alarm-analysis-item .content{width: 100%; height: 300px;}
/* 设置 */
.analysis-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.analysis-set-top .photo{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 10px;}
.analysis-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.analysis-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.analysis-set-top-info .time{font-size: 14px; color: #999;}
.analysis-set-top .role{position: absolute; top: 10px; right: 0; z-index: 9;
    width: 72px; height: 20px; display: flex;}
.analysis-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.analysis-set-item:active{background: #f5f5f5;}
.analysis-set-item-left{display: flex; align-items: center;}
.analysis-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.analysis-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.analysis-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.analysis-set-item-info .desc{font-size: 14px; color: #999;}
.analysis-set-item-right{display: flex; align-items: center;}
.analysis-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 权限列表 */
.analysis-auth-list{margin: 15px 0 0;}
.analysis-auth-item{background: #fff; padding: 15px; margin-bottom: 15px;}
.analysis-auth-item:active{background: #f5f5f5;}
.analysis-auth-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.analysis-auth-item .up .name{font-size: 16px; color: #333; display: inline-block; max-width: 200px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-auth-item .up .num{font-size: 14px; color: #999;}
.analysis-auth-item .down{display: flex; justify-content: space-between; align-items: center;}
.analysis-auth-item .down .num{font-size: 14px; color: #999;}
.analysis-auth-item .down .time{font-size: 14px; color: #999;}
.analysis-auth-plus{position: fixed; right: 10px; bottom: 50px; z-index: 5;}
.analysis-auth-plus img{width: 44px; height: 44px; display: flex;}
/* 无感考勤·首页 */
.non-inductive-top{display: flex; align-items: center; height: 160px; background: #3296FA;}
.non-inductive-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.non-inductive-top-item .num{font-size: 28px; color: #fff; margin-bottom: 10px;}
.non-inductive-top-item .title{font-size: 14px; color: #fff;}
.non-inductive-list{margin-top: 20px;}
.non-inductive-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.non-inductive-item:active{background: #f5f5f5;}
.non-inductive-item-left{display: flex; align-items: center;}
.non-inductive-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.non-inductive-item-info{display: flex; flex-direction: column; justify-content: center;}
.non-inductive-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.non-inductive-item-info .desc{font-size: 14px; color: #999;}
.non-inductive-item-right{display: flex; align-items: center;}
.non-inductive-item-right .mui-icon{font-size: 20px; color: #999;}
/* 无感设置 */
.non-inductive-set-list{margin-top: 15px;}
.non-inductive-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.non-inductive-set-item:active{background: #f5f5f5;}
.non-inductive-set-item-left{display: flex; align-items: center;}
.non-inductive-set-item-left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.non-inductive-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.non-inductive-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.non-inductive-set-item-info .desc{font-size: 14px; color: #999;}
.non-inductive-set-item-right{display: flex; align-items: center;}
.non-inductive-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 底部导航·个人版 */
nav.noninductive-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5;}
nav.noninductive-bar-tab .mui-tab-item .mui-icon{top: 5px;}
nav.noninductive-bar-tab .mui-tab-item.mui-active{color: #3296FA;}
nav.noninductive-bar-tab .mui-tab-item .nav-index{background: url("../img/non-inductive/shouye.png") center no-repeat; background-size: 100% 100%;}
nav.noninductive-bar-tab .mui-tab-item .nav-set{background: url("../img/non-inductive/shezhi.png") center no-repeat; background-size: 100% 100%;}
nav.noninductive-bar-tab .mui-active .nav-index{background: url("../img/non-inductive/shouye_active.png") center no-repeat; background-size: 100% 100%;}
nav.noninductive-bar-tab .mui-active .nav-set{background: url("../img/non-inductive/shezhi_active.png") center no-repeat; background-size: 100% 100%;}
/* 首页·个人版 */
.noninductive-index-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; background: #fff; margin-bottom: 20px;}
.noninductive-index-top .num{font-size: 14px; color: #777;}
.noninductive-index-top .right{display: flex; align-items: center;}
.noninductive-index-top .right .date{font-size: 14px; color: #333; margin-right: 5px;}
.noninductive-index-top .right .mui-icon{font-size: 20px; color: #999;}
.noninductive-index-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.noninductive-index-item:active{background: #f5f5f5;}
.noninductive-index-item-left{display: flex; align-items: center;}
.noninductive-index-item-img{width: 60px; height: 60px; margin-right: 10px;}
.noninductive-index-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.noninductive-index-item-info{display: flex; flex-direction: column; justify-content: center;}
.noninductive-index-item-info .name{font-size: 16px; color: #333; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.noninductive-index-item-info .location{font-size: 14px; color: #777; margin: 0 0 5px;}
.noninductive-index-item-info .time{font-size: 14px; color: #999;}
.noninductive-index-item-right{display: flex; align-items: center;}
.noninductive-index-item-right .mui-icon{font-size: 20px; color: #999;}
/* 设置·个人版 */
.noninductive-set-list{margin-top: 15px;}
.noninductive-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.noninductive-set-item:active{background: #f5f5f5;}
.noninductive-set-item-left{display: flex; align-items: center;}
.noninductive-set-item-left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.noninductive-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.noninductive-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.noninductive-set-item-info .desc{font-size: 14px; color: #999;}
.noninductive-set-item-right{display: flex; align-items: center;}
.noninductive-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 管理员管理 */
.analysis-manager-set-search{padding-top: 15px; background: #fff; margin-bottom: 15px;}
.analysis-manager-set-search .mui-search{margin: 0 10px;}
.analysis-manager-set-search .mui-search input{background-color: #f5f5f5;}
.analysis-manager-set-search .mui-search .mui-placeholder{pointer-events: none;}
.analysis-manager-set-list{margin-bottom: 85px;}
.analysis-manager-set-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 15px 10px; border-bottom: 1px solid #f5f5f5;}
.analysis-manager-set-item:active{background: #F5F5F5;}
.analysis-manager-set-item .left{display: flex; align-items: center;}
.analysis-manager-set-item .left img{width: 40px; height: 40px; border-radius: 5px; margin-right: 10px;}
.analysis-manager-set-item .left .info{display: flex; flex-direction: column; justify-content: center;}
.analysis-manager-set-item .left .info .name{font-size: 16px; color: #333;}
.analysis-manager-set-item .left .info .dept{font-size: 14px; color: #999;}
.analysis-manager-set-item .right{font-size: 14px; font-weight: 500; color: #FF5A48;}
.analysis-manager-set-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.analysis-manager-set-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 90%;}
.analysis-manager-set-action .add:active{border: 1px solid #3296FA; background-color: #3296FA; opacity: 0.8;}
/* 设备 */
.analysis-device-manage-list{margin: 15px 15px 0;}
.analysis-device-manage-item{display: flex; justify-content: space-between; padding: 15px 10px;
    background: #fff; border-radius: 3px; margin-bottom: 15px;}
.analysis-device-manage-item:active{background: #f5f5f5;}
.analysis-device-manage-item-left{display: flex; align-items: center;}
.analysis-device-manage-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.analysis-device-manage-item-info{display: flex; flex-direction: column; justify-content: center;}
.analysis-device-manage-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.analysis-device-manage-item-info .desc{font-size: 14px; color: #999;}
.analysis-device-manage-item-right{display: flex; align-items: center;}
.analysis-device-manage-item-right span{font-size: 20px; color: #999;}
/* 录像机管理 */
.analysis-nvr-manage-list{margin-top: 15px;}
.analysis-nvr-manage-item{margin-bottom: 15px;}
.analysis-nvr-manage-item-up{display: flex; align-items: center; padding: 15px 10px; background-color: #fff;}
.analysis-nvr-manage-item-up img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.analysis-nvr-manage-item-up-info{width: calc(100% - 60px); display: flex; flex-direction: column; justify-content: center;}
.analysis-nvr-manage-item-up-info .up{font-size: 16px; color: #333; margin-bottom: 5px;}
.analysis-nvr-manage-item-up-info .down{display: flex; justify-content: space-between; align-items: center;}
.analysis-nvr-manage-item-up-info .down .num1{font-size: 14px; color: #999; display: inline-block; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-nvr-manage-item-up-info .down .num2{font-size: 14px; color: #999;}
.analysis-nvr-manage-item-mid{margin: 15px 20px 0; display: none;}
.analysis-nvr-manage-item-mid-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; border-radius: 5px; background-color: #fff;}
.analysis-nvr-manage-item-mid-item .left{display: flex; flex-direction: column; justify-content: center;}
.analysis-nvr-manage-item-mid-item .left .name{font-size: 14px; color: #555;}
.analysis-nvr-manage-item-mid-item .left .num{font-size: 14px; color: #999; display: inline-block; max-width: 80%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-nvr-manage-item-mid-item .left .action{font-size: 14px; color: #3296FA;}
.analysis-nvr-manage-item-mid-item .right{font-size: 14px; color: #999;}
.analysis-nvr-manage-item-bottom{display: flex; justify-content: center; align-items: center;
    padding: 7px 0; border-top: 1px solid #f5f5f5; background-color: #fff;}
.analysis-nvr-manage-item-bottom .desc{font-size: 14px; color: #3296FA; line-height: normal; margin-right: 3px;}
.analysis-nvr-manage-item-bottom .mui-icon{font-size: 20px; color: #3296FA;}
.analysis-nvr-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.analysis-nvr-manage-plus img{width: 44px; height: 44px; display: flex;}
.analysis-nvr-manage-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.analysis-nvr-manage-camera-plus{border-top-left-radius: 10px; border-top-right-radius: 10px;
    background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; display: none;}
.analysis-nvr-manage-camera-plus .plus-title{display: flex; justify-content: center; font-size: 16px; color: #333; padding: 15px 0;}
.analysis-nvr-manage-camera-plus .plus-list{display: flex; justify-content: space-around; align-items: center; margin-bottom: 15px;}
.analysis-nvr-manage-camera-plus .plus-list .plus-item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.analysis-nvr-manage-camera-plus .plus-list .plus-item img{width: 32px; height: 32px; display: flex; margin-bottom: 5px;}
.analysis-nvr-manage-camera-plus .plus-list .plus-item span{font-size: 14px; color: #777;}
.analysis-nvr-manage-camera-plus .plus-remove{display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}
.analysis-nvr-manage-camera-plus .plus-remove img{width: 36px; height: 36px; display: flex;}
/* 选择摄像头 */
.analysis-select-camera-top{padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.analysis-select-camera-top span{font-size: 14px; font-weight: 400; color: #3296FA;}
.analysis-select-camera-top img{width: 22px; height: 20px;}
.analysis-select-camera-list{margin: 0 15px 80px;}
.analysis-select-camera-item{display: flex; flex-direction: column; padding: 15px 15px 15px 50px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px; position: relative;}
.analysis-select-camera-item-up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.analysis-select-camera-item-up .left{display: flex; align-items: center;}
.analysis-select-camera-item-up .left img{width: 32px; height: 32px; margin-right: 10px; display: flex;}
.analysis-select-camera-item-up .left span{font-size: 16px; color: #333;}
.analysis-select-camera-item-down{display: flex; justify-content: space-between; align-items: center;}
.analysis-select-camera-item-down .left{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.analysis-select-camera-item-down .right{font-size: 14px; color: #999;}
.analysis-select-camera-item .action{position: absolute; left: 10px; top: 50%; margin-top: -12px; z-index: 9;}
.analysis-select-camera-item .action img{width: 24px; height: 24px; display: flex;}
.analysis-select-camera-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.analysis-select-camera-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; width: 80%;}
.analysis-select-camera-action .save:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 告警导出 */
.analysis-alarm-export-list{margin-top: 15px;}
.analysis-alarm-export-item{background: #fff; margin-bottom: 15px;}
.analysis-alarm-export-item{background: #fff; margin-bottom: 15px;}
.analysis-alarm-export-item .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.analysis-alarm-export-item .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.analysis-alarm-export-item .content:active{background: #f5f5f5;}
.analysis-alarm-export-item .content .name{font-size: 16px; color: #000;}
.analysis-alarm-export-item .content .mui-icon{font-size: 20px; color: #999;}
.analysis-alarm-export-item-time{background: #fff;}
.analysis-alarm-export-item-time.start-time{border-bottom: 1px solid #f7f7f7;}
.analysis-alarm-export-item-time .title{font-size: 14px; color: #7D8082; padding: 10px 10px 0 15px;}
.analysis-alarm-export-item-time .content{display: flex; justify-content: space-between; align-items: center;
    padding: 7px 10px 10px 15px;}
.analysis-alarm-export-item-time .content:active{background: #f5f5f5;}
.analysis-alarm-export-item-time .content .name{font-size: 16px; color: #000;}
.analysis-alarm-export-item-time .content .mui-icon{font-size: 20px; color: #999;}
.analysis-alarm-export-action{margin: 25px 20px;}
.analysis-alarm-export-action .export{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; letter-spacing: 5px;}
.analysis-alarm-export-action .export:active{border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 选择通道 */
.analysis-select-channel .content{display: flex; flex-direction: column; margin: 15px 15px 0;}
.analysis-select-channel .content .mui-input-row{margin-bottom: 15px; background: #fff; border-radius: 5px;}
.analysis-select-channel .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 15px; padding-right: 10px; word-break: break-all;}
.analysis-select-channel .content .mui-checkbox input[type=checkbox]:before{font-size: 18px; color: #5C50F8;}
.analysis-select-channel .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 12px;}
.analysis-select-channel-action{margin: 20px 40px;}
.analysis-select-channel-action button{padding: 10px 0; font-size: 16px; color: #fff; margin-bottom: 0;}
.analysis-select-channel-action .save{border: 1px solid #3296FA; background-color: #3296FA;}
.analysis-select-channel-action .save:active{border: 1px solid #3296FA; background-color: #3296FA; opacity: 0.8;}
/* 分析配置 */
.analysis-config-list{margin: 15px 15px 0;}
.analysis-config-item{display: flex; justify-content: space-between; padding: 15px 10px;
    background: #fff; border-radius: 3px; margin-bottom: 15px;}
.analysis-config-item:active{background: #f5f5f5;}
.analysis-config-item-left{display: flex; align-items: center;}
.analysis-config-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.analysis-config-item-info{display: flex; flex-direction: column; justify-content: center;}
.analysis-config-item-info .name{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 5px;}
.analysis-config-item-info .desc{font-size: 14px; color: #999;}
.analysis-config-item-right{display: flex; align-items: center;}
.analysis-config-item-right span{font-size: 20px; color: #999;}
/* 电话通知管理 */
.phone-notify-manage-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; margin-top: 15px;}
.phone-notify-manage-top .title{font-size: 16px; color: #333;}
.phone-notify-manage-list{margin: 15px 15px 0;}
.phone-notify-manage-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 5px 10px 10px; background: #fff; border-radius: 3px; margin-bottom: 10px;}
.phone-notify-manage-item:active{background: #f5f5f5;}
.phone-notify-manage-item .title{font-size: 14px; color: #777;}
.phone-notify-manage-item .right{display: flex; align-items: center;}
.phone-notify-manage-item .right .num{font-size: 14px; color: #777; line-height: normal;}
.phone-notify-manage-item .right .mui-icon{font-size: 20px; color: #999;}
/* 告警列表 */
.analysis-alarm-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9; box-shadow: 0 5px 5px #ccc;
    background: #fff;}
.analysis-alarm-filter-dialog-item{padding: 0 15px;}
.analysis-alarm-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.analysis-alarm-filter-dialog-type{margin-bottom: 15px;}
.analysis-alarm-filter-dialog-type span{font-size: 16px; color: #333; width: 70%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.analysis-alarm-filter-dialog-type span:active{background: #fff;}
.analysis-alarm-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.analysis-alarm-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.analysis-alarm-filter-dialog-time .time:active{background: #fff;}
.analysis-alarm-filter-dialog-time .space{color: #333;}
.analysis-alarm-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.analysis-alarm-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.analysis-alarm-filter-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.analysis-alarm-filter-dialog-action .confirm{color: #3296FA;}
.analysis-alarm-filter-dialog-action span:active{background: #f5f5f5;}
.analysis-alarm-top{display: flex; justify-content: space-between; align-items: center;
    padding: 5px 10px; background: #fff; margin-bottom: 15px;}
.analysis-alarm-top .left{display: flex; align-items: center;}
.analysis-alarm-top a{display: flex; justify-content: center; align-items: center; padding: 5px;}
.analysis-alarm-top a:active{background: #fff;}
.analysis-alarm-top a .mui-icon{font-size: 20px; color: #3296FA; margin-right: 2px;}
.analysis-alarm-top a .name{font-size: 14px; color: #3296FA; line-height: normal;}
.analysis-alarm-top .right{display: flex; align-items: center;}
.analysis-alarm-filter{display: flex; align-items: center; padding: 5px;}
.analysis-alarm-filter:active{background: #fff;}
.analysis-alarm-filter img{width: 16px; height: 16px; display: flex; margin-right: 2px;}
.analysis-alarm-filter span{font-size: 14px; color: #3296FA; line-height: normal;}
.analysis-alarm-batch{display: flex; align-items: center; padding: 5px; margin-right: 5px;}
.analysis-alarm-batch:active{background: #fff;}
.analysis-alarm-batch img{width: 16px; height: 16px; display: flex; margin-right: 4px;}
.analysis-alarm-batch span{font-size: 14px; color: #3296FA; line-height: normal;}
.analysis-alarm-item{display: flex; background: #fff; padding: 10px 10px 10px 10px; margin-bottom: 15px;}
.analysis-alarm-item:active{background: #f5f5f5;}
.analysis-alarm-item-left{display: flex; align-items: center; margin-right: 10px;}
.analysis-alarm-item-left .select-photo{width: 18px; height: 18px; display: flex; margin-right: 10px; display: none;}
.analysis-alarm-item-left .photo{width: 140px; height: 90px; border-radius: 5px;}
.analysis-alarm-item-right{display: flex; flex-direction: column; justify-content: center;}
.analysis-alarm-item-right .info{display: flex; align-items: center;}
.analysis-alarm-item-right .info .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00; margin-right: 5px;}
.analysis-alarm-item-right .info .name{font-size: 16px; font-weight: 400; color: #333;}
.analysis-alarm-item-right .desc{font-size: 14px; color: #555; margin: 2px 0 13px;}
.analysis-alarm-item-right .time{font-size: 14px; color: #999;}
.analysis-alarm-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 70px;
    display: flex; justify-content: space-between; align-items: center; padding: 0 10px; background: #fff;}
.analysis-alarm-action .left{display: flex; align-items: center;}
.analysis-alarm-action .left .num{font-size: 14px; color: #3296FA;}
.analysis-alarm-action .right{display: flex; align-items: center;}
.analysis-alarm-action .operate{font-size: 14px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0; line-height: normal;}
.analysis-alarm-action .wrong{font-size: 14px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; line-height: normal; margin: 0 5px;}
.analysis-alarm-action .delete{font-size: 14px; color: #fff; border: 1px solid #FF5A48;
    background-color: #FF5A48; margin-bottom: 0; line-height: normal;}
.analysis-alarm-action .mui-btn:active{opacity: .6;}

/* ========================== EPO防疫 ================================== */
/* 底部导航 */
nav.health-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5;}
nav.health-bar-tab .mui-tab-item .mui-icon{top: 5px;}
nav.health-bar-tab .mui-tab-item.mui-active{color: #3296FA;}
nav.health-bar-tab .mui-tab-item .nav-msg{background: url("../img/health/xiaoxi.png") center no-repeat; background-size: 100% 100%;}
nav.health-bar-tab .mui-tab-item .nav-stat{background: url("../img/health/tongji.png") center no-repeat; background-size: 100% 100%;}
nav.health-bar-tab .mui-tab-item .nav-set{background: url("../img/health/shezhi.png") center no-repeat; background-size: 100% 100%;}
nav.health-bar-tab .mui-active .nav-msg{background: url("../img/health/xiaoxi_active.png") center no-repeat; background-size: 100% 100%;}
nav.health-bar-tab .mui-active .nav-stat{background: url("../img/health/tongji_active.png") center no-repeat; background-size: 100% 100%;}
nav.health-bar-tab .mui-active .nav-set{background: url("../img/health/shezhi_active.png") center no-repeat; background-size: 100% 100%;}
/* 首页 */
.health-index-top{display: flex; align-items: center; height: 160px; background: #3296FA;}
.health-index-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 10px 0;}
.health-index-top-item .num{font-size: 28px; color: #fff; margin-bottom: 10px;}
.health-index-top-item .title{font-size: 14px; color: #fff;}
.health-index-title{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 0 10px; padding: 0 10px;}
.health-index-title .title{font-size: 16px; color: #333;}
.health-index-title .more{font-size: 14px; color: #999; line-height: normal;}
.health-index-list{margin-top: 15px;}
.health-index-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.health-index-item-left{display: flex; align-items: center;}
.health-index-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.health-index-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.health-index-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.health-index-item-info{display: flex; flex-direction: column; justify-content: center;}
.health-index-item-info .title{font-size: 16px; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.health-index-item-info .title.status1{color: #21D388;}
.health-index-item-info .title.status2{color: #FF5A48;}
.health-index-item-info .user-info{display: flex; align-items: center; margin: 2px 0 5px;}
.health-index-item-info .name{font-size: 14px; color: #555; margin-right: 10px;}
.health-index-item-info .num{font-size: 14px; color: #777;}
.health-index-item-info .device{font-size: 14px; color: #777;}
.health-index-item-info .time{font-size: 14px; color: #999;}
.health-index-item-right{display: flex; align-items: center;}
.health-index-item-right .mui-icon{font-size: 20px; color: #999;}
/* 统计 */
.health-stat-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px; margin-bottom: 15px;}
.health-stat-top-left{display: flex; align-items: center;}
.health-stat-top-left button{border: 1px solid #3296FA; padding: 3px 15px; color: #3296FA;}
.health-stat-top-left button.active{background-color: #3296FA; color: #fff;}
.health-stat-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.health-stat-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.health-stat-top-left .mui-btn:enabled:active{color: #fff; background-color: #3296FA;}
.health-stat-top-right{display: flex; align-items: center;}
.health-stat-top-right .mui-icon{font-size: 20px; color: #999;}
.health-stat-top-right .item{padding: 0 20px; font-size: 16px; color: #333;}
.health-stat-item{background: #fff; margin-bottom: 15px;}
.health-stat-item .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 10px;}
.health-stat-item .title .left{color: #333; font-size: 14px; font-weight: 500; padding-left: 5px;
    border-left: 3px solid #555; line-height: 14px;}
.health-stat-item .content{width: 100%; height: 200px;}
/* 设置 */
.health-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.health-set-top .photo{width: 60px; height: 60px; border-radius: 5px; display: flex; margin-right: 10px;}
.health-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.health-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.health-set-top-info .time{font-size: 14px; color: #999;}
.health-set-top .role{position: absolute; top: 10px; right: 0; z-index: 9;
    width: 72px; height: 20px; display: flex;}
.health-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.health-set-item:active{background: #f5f5f5;}
.health-set-item-left{display: flex; align-items: center;}
.health-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.health-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.health-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.health-set-item-info .desc{font-size: 14px; color: #999;}
.health-set-item-right{display: flex; align-items: center;}
.health-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 列表数据 */
.health-data-list{margin-top: 15px;}
.health-data-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.health-data-item:active{background: #f5f5f5;}
.health-data-item-left{display: flex; align-items: center;}
.health-data-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.health-data-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.health-data-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #f00;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.health-data-item-info{display: flex; flex-direction: column; justify-content: center;}
.health-data-item-info .title{font-size: 16px; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.health-data-item-info .title.status1{color: #21D388;}
.health-data-item-info .title.status2{color: #FF5A48;}
.health-data-item-info .user-info{display: flex; align-items: center; margin: 2px 0 5px;}
.health-data-item-info .name{font-size: 14px; color: #555; margin-right: 10px;}
.health-data-item-info .num{font-size: 14px; color: #777;}
.health-data-item-info .device{font-size: 14px; color: #777;}
.health-data-item-info .time{font-size: 14px; color: #999;}
.health-data-item-right{display: flex; align-items: center;}
.health-data-item-right .mui-icon{font-size: 20px; color: #999;}
/* 测温设备管理 */
.health-temp-manage-list{margin: 15px 15px 0;}
.health-temp-manage-item{display: flex; flex-direction: column; justify-content: center; padding: 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.health-temp-manage-item:active{background: #f5f5f5;}
.health-temp-manage-item-up{display: flex; align-items: center; margin-bottom: 5px;}
.health-temp-manage-item-up img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.health-temp-manage-item-up span{font-size: 16px; color: #333;}
.health-temp-manage-item-down{display: flex; align-items: center; font-size: 14px; color: #777;}
.health-temp-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.health-temp-manage-plus img{width: 44px; height: 44px; display: flex;}
/* 添加测温设备 */
.health-temp-add-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.health-temp-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.health-temp-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.health-temp-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.health-temp-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.health-temp-add-action{margin: 30px 40px;}
.health-temp-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.health-temp-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.health-temp-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 人脸盒子管理 */
.health-face-box-manage-list{margin: 15px 15px 0;}
.health-face-box-manage-item{display: flex; flex-direction: column; justify-content: center; padding: 10px;
    background: #fff; border-radius: 5px; margin-bottom: 15px;}
.health-face-box-manage-item:active{background: #f5f5f5;}
.health-face-box-manage-item-up{display: flex; align-items: center; margin-bottom: 5px;}
.health-face-box-manage-item-up img{width: 32px; height: 32px; margin-right: 5px; display: flex;}
.health-face-box-manage-item-up span{font-size: 16px; color: #333;}
.health-face-box-manage-item-down{display: flex; align-items: center; font-size: 14px; color: #777;}
.health-face-box-manage-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.health-face-box-manage-plus img{width: 44px; height: 44px; display: flex;}
/* 添加人脸盒子 */
.health-face-box-add-list{margin: 20px 20px 0; padding: 15px; background: #fff; border-radius: 5px;}
.health-face-box-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.health-face-box-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.health-face-box-add-item .content{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.health-face-box-add-item .scan{position: absolute; right: 10px; bottom: 10px; z-index: 9; width: 20px; height: 20px;}
.health-face-box-add-action{margin: 30px 40px;}
.health-face-box-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.health-face-box-add-action .save{border: 1px solid #3296FA; background-color: #3296FA; margin-bottom: 0;}
.health-face-box-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 系统配置 */
.health-config-add-list{margin: 15px 15px 0; padding: 15px; background: #fff; border-radius: 5px;}
.health-config-add-item{display: flex; flex-direction: column; margin-bottom: 15px;}
.health-config-add-item label{font-size: 14px; color: #777; margin-bottom: 5px;}
.health-config-add-item .health-select{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 10px;}
.health-config-add-item .health-select:active{background: #fff;}
.health-config-add-action{margin: 30px 40px;}
.health-config-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3296FA;
    background-color: #3296FA; margin-bottom: 0;}
.health-config-add-action .save:active{color: #fff; border: 1px solid #2A74F3; background-color: #2A74F3;}
/* 管理员管理 */
.health-manager-set-list{margin-bottom: 15px; background: #fff;}
.health-manager-set-list .title{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;}
.health-manager-set-list .title .name{font-size: 16px; color: #333;}
.health-manager-set-list .title .num{font-size: 14px; color: #999;}
.health-manager-set-list .content{display: flex; flex-wrap: wrap;}
.health-manager-set-list .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.health-manager-set-list .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.health-manager-set-list .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px;}
.health-manager-set-list .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.health-manager-set-list .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.health-manager-set-list .content .person-item .name{font-size: 14px; color: #777;}

/* ========================== EPO智慧物联 ================================== */
/* 首页 */
.iot-index-num{display: flex; margin: 15px 15px 0;}
.iot-index-num .iot-index-num-item:first-child{margin-right: 15px;}
.iot-index-num-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    padding: 10px; background: #fff; border-radius: 5px;}
.iot-index-num-item:active{background: #f5f5f5;}
.iot-index-num-item-up{display: flex; align-items: center; margin-bottom: 10px;}
.iot-index-num-item-up span{font-size: 14px; color: #555;}
.iot-index-num-item-down{display: flex; justify-content: space-between; align-items: center;}
.iot-index-num-item-down .num{font-size: 30px; color: var(--text-color);}
.iot-index-num-item-down img{width: 36px; height: 36px; display: flex;}
/* 智能服务器 */
.iot-smart-server-top{margin: 15px 15px 0; display: flex; align-items: center;}
.iot-smart-server-top .item{width: 50%; display: flex; justify-content: center; align-items: center;
    padding: 15px 0px; background: #fff; border-radius: 5px;}
.iot-smart-server-top .item:active{background: #f5f5f5;}
.iot-smart-server-top .item svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.iot-smart-server-top .item .name{font-size: 16px; color: #333; margin: 0 20px 0 5px;}
.iot-smart-server-top .item .mui-icon{font-size: 20px; color: #999;}
.iot-smart-server-list{margin: 15px 15px 0;}
.iot-smart-server-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.iot-smart-server-item:active{background: #f5f5f5;}
.iot-smart-server-item img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.iot-smart-server-item .info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px)}
.iot-smart-server-item .info .name{font-size: 16px; color: #333; margin-bottom: 5px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.iot-smart-server-item .info .num{font-size: 14px; color: #999;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.iot-smart-server-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.iot-smart-server-plus img{width: 50px; height: 50px; display: flex;}
/* 智能服务器·添加 */
.iot-smart-server-add-list{margin-top: 10px; margin-bottom: 80px;}
.iot-smart-server-add-item{display: flex; flex-direction: column; justify-content: center;
    border-bottom: 1px solid #f5f5f5; background: #fff; padding: 10px 15px;}
.iot-smart-server-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.iot-smart-server-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.iot-smart-server-add-item .scan{position: absolute; right: 10px; bottom: 15px; z-index: 9; width: 20px; height: 20px;}
.iot-smart-server-add-item .num{font-size: 16px; color: #777; padding-left: 10px;}
.iot-smart-server-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; border-bottom: 1px solid #f5f5f5; height: 50px; padding: 0 10px 0 15px;}
.iot-smart-server-add-item-select:active{background: #f5f5f5;}
.iot-smart-server-add-item-select>label{font-size: 16px; color: #333;}
.iot-smart-server-add-item-select .right{display: flex; align-items: center;}
.iot-smart-server-add-item-select .right .select{font-size: 16px; color: #777;}
.iot-smart-server-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.iot-smart-server-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.iot-smart-server-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.iot-smart-server-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 智能服务器·编辑 */
.iot-smart-server-edit .iot-smart-server-add-action .save{width: 67%;}
.iot-smart-server-edit .iot-smart-server-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 自定义服务 */
.iot-sync-top{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 10px 10px 15px;}
.iot-sync-top .num{font-size: 14px; color: #999;}
.iot-sync-top .action{font-size: 14px; color: var(--text-color); line-height: normal; padding: 2px 5px;}
.iot-sync-top .action:active{background: #fff;}
.iot-sync-list{margin: 0 15px;}
.iot-sync-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.iot-sync-item .name{font-size: 16px; color: #333;}
.iot-sync-action{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.iot-sync-action img{width: 50px; height: 50px; display: flex;}
/* 场景设置 */
.iot-scene-set-list{margin-top: 15px;}
.iot-scene-set-title{display: flex; justify-content: space-between; align-items: center; margin: 5px 10px;}
.iot-scene-set-title .left{font-size: 14px; color: #777;}
.iot-scene-set-title .right{font-size: 14px; color: var(--text-color);}
.iot-scene-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 0 10px 0 15px; margin-bottom: 15px; height: 40px;}
.iot-scene-set-item:active{background: #f5f5f5;}
.iot-scene-set-item .name{font-size: 16px; font-weight: 400; color: #333;}
.iot-scene-set-item .right{display: flex; align-items: center;}
.iot-scene-set-item .right .desc{font-size: 14px; color: #999; margin-right: 5px;}
.iot-scene-set-item .right .mui-icon{font-size: 20px; color: #999;}

/* ========================================= 消防监控 =========================================== */
/* 底部导航 */
nav.fire-monitor-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.fire-monitor-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.fire-monitor-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.fire-monitor-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.fire-monitor-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.fire-monitor-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.fire-monitor-msg-top{display: flex; flex-direction: column; justify-content: center;
    height: 180px; background: var(--bg-color);}
.fire-monitor-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.fire-monitor-msg-top-tip .icon{position: relative; margin-right: 10px;}
.fire-monitor-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.fire-monitor-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.fire-monitor-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fire-monitor-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.fire-monitor-msg-top-tip .pay:active{opacity: 0.8;}
.fire-monitor-msg-top .wrap{display: flex; align-items: center;}
.fire-monitor-msg-top-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 10px 0;}
.fire-monitor-msg-top-item .item-num{font-size: 28px; color: #fff; margin-bottom: 10px;}
.fire-monitor-msg-top-item .title{font-size: 14px; color: #fff;}
.fire-monitor-msg-title{display: flex; justify-content: space-between; align-items: center;
    margin: 15px 0 10px; padding: 0 10px;}
.fire-monitor-msg-title .title{font-size: 16px; color: #333;}
.fire-monitor-msg-title .more{font-size: 14px; color: var(--text-color); line-height: normal;}
.fire-monitor-msg-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.fire-monitor-msg-item:active{background: #f5f5f5;}
.fire-monitor-msg-item-left{display: flex; align-items: center;}
.fire-monitor-msg-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.fire-monitor-msg-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.fire-monitor-msg-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #FF5A48;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.fire-monitor-msg-item-info{display: flex; flex-direction: column; justify-content: center;}
.fire-monitor-msg-item-info .title{font-size: 16px; color: #333; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.fire-monitor-msg-item-info .location{font-size: 14px; color: #777; margin: 2px 0 10px;}
.fire-monitor-msg-item-info .time{font-size: 14px; color: #999;}
.fire-monitor-msg-item-right{display: flex; align-items: center;}
.fire-monitor-msg-item-right .mui-icon{font-size: 20px; color: #999;}
/* 统计 */
.fire-monitor-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px; margin-bottom: 15px;}
.fire-monitor-stats-top-left{display: flex; align-items: center;}
.fire-monitor-stats-top-left button{border: 1px solid var(--bg-color); padding: 3px 15px; color: var(--text-color);}
.fire-monitor-stats-top-left button.active{background-color: var(--bg-color); color: #fff;}
.fire-monitor-stats-top-left button.active:active{opacity: 0.8;}
.fire-monitor-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.fire-monitor-stats-top-left button.month{border-radius: 0;}
.fire-monitor-stats-top-left button.year{border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.fire-monitor-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: var(--bg-color);}
.fire-monitor-stats-top-right{display: flex; align-items: center;}
.fire-monitor-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.fire-monitor-stats-top-right .item{padding: 0 10px; font-size: 16px; color: #333;}
.fire-monitor-stats-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 5px 15px;}
.fire-monitor-stats-title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.fire-monitor-stats-title .right{display: flex; align-items: center; padding: 2px 5px;}
.fire-monitor-stats-title .right:active{background: #f5f5f5;}
.fire-monitor-stats-title .right img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.fire-monitor-stats-title .right span{font-size: 12px; color: var(--text-color);}
.fire-monitor-stats-content{display: flex; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
.fire-monitor-stats-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 25%;}
.fire-monitor-stats-content-item:active{background: #f5f5f5;}
.fire-monitor-stats-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.fire-monitor-stats-content-item .name{font-size: 14px; color: #777; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.fire-monitor-stats-chart{background: #fff; margin-top: 15px;}
.fire-monitor-stats-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.fire-monitor-stats-chart .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.fire-monitor-stats-chart .content{width: 100%; height: 220px;}
/* 设置 */
.fire-monitor-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.fire-monitor-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.fire-monitor-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.fire-monitor-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.fire-monitor-set-top-info .time{font-size: 14px; color: #999;}
.fire-monitor-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.fire-monitor-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.fire-monitor-set-item:active{background: #f5f5f5;}
.fire-monitor-set-item-left{display: flex; align-items: center;}
.fire-monitor-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.fire-monitor-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.fire-monitor-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.fire-monitor-set-item-info .desc{font-size: 14px; color: #999;}
.fire-monitor-set-item-right{display: flex; align-items: center;}
.fire-monitor-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 告警记录 */
.fire-monitor-alarm-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0,.3); display: none;}
.fire-monitor-alarm-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9;
    background: #fff; display: none;}
.fire-monitor-alarm-filter-dialog-item{padding: 0 15px;}
.fire-monitor-alarm-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.fire-monitor-alarm-filter-dialog-type{margin-bottom: 15px;}
.fire-monitor-alarm-filter-dialog-type span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.fire-monitor-alarm-filter-dialog-type span:active{background: #fff;}
.fire-monitor-alarm-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.fire-monitor-alarm-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.fire-monitor-alarm-filter-dialog-time .time:active{background: #fff;}
.fire-monitor-alarm-filter-dialog-time .space{color: #333;}
.fire-monitor-alarm-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.fire-monitor-alarm-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.fire-monitor-alarm-filter-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.fire-monitor-alarm-filter-dialog-action .confirm{color: var(--text-color);}
.fire-monitor-alarm-filter-dialog-action span:active{background: #f5f5f5;}
.fire-monitor-alarm-top{display: flex; justify-content: space-between; align-items: center;
    height: 40px; padding: 0 10px; background: #fff; margin-bottom: 15px;}
.fire-monitor-alarm-top .left{display: flex; align-items: center;}
.fire-monitor-alarm-top .left svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.fire-monitor-alarm-top .left span{font-size: 14px; color: var(--text-color); margin-left: 3px;}
.fire-monitor-alarm-top .right{display: flex; align-items: center;}
.fire-monitor-alarm-top .right .item{display: flex; align-items: center;}
.fire-monitor-alarm-top .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.fire-monitor-alarm-top .right span{font-size: 14px; color: var(--text-color); margin-left: 3px;}
.fire-monitor-alarm-select{display: flex; justify-content: space-between; align-items: center;
    height: 40px; padding: 0 15px; background: #fff; margin-bottom: 15px; display: none;}
.fire-monitor-alarm-select .left{display: flex; align-items: center;}
.fire-monitor-alarm-select .left svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;}
.fire-monitor-alarm-select .left.un svg{fill: #bbb;}
.fire-monitor-alarm-select .left span{font-size: 16px; color: #777; margin-left: 5px;}
.fire-monitor-alarm-select .right{font-size: 14px; color: var(--text-color);}
.fire-monitor-alarm-list{margin-bottom: 85px;}
.fire-monitor-alarm-item{display: flex; justify-content: space-between; padding: 10px 10px 10px 15px;
    background: #fff; margin-bottom: 15px;}
.fire-monitor-alarm-item:active{background: #f5f5f5;}
.fire-monitor-alarm-item-left{display: flex; align-items: center;}
.fire-monitor-alarm-item-left svg{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    margin-right: 15px; display: none;}
.fire-monitor-alarm-item-left.un svg{fill: #bbb;}
.fire-monitor-alarm-item-img{width: 80px; height: 80px; margin-right: 10px; position: relative;}
.fire-monitor-alarm-item-img img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.fire-monitor-alarm-item-img .dot{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #FF5A48;
    position: absolute; top: -2px; right: -2px; z-index: 9;}
.fire-monitor-alarm-item-info{display: flex; flex-direction: column; justify-content: center;}
.fire-monitor-alarm-item-info .title{font-size: 16px; color: #333; display: inline-block; max-width: 160px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.fire-monitor-alarm-item-info .location{font-size: 14px; color: #777; margin: 2px 0 10px;}
.fire-monitor-alarm-item-info .time{font-size: 14px; color: #999;}
.fire-monitor-alarm-item-right{display: flex; align-items: center;}
.fire-monitor-alarm-item-right .mui-icon{font-size: 20px; color: #999;}
.fire-monitor-alarm-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px; padding: 0 10px;
    display: flex; justify-content: space-between; align-items: center; background: #fff;
    box-shadow: 0 -3px 3px #e5e5e5; display: none;}
.fire-monitor-alarm-action .left{font-size: 14px; color: var(--text-color);}
.fire-monitor-alarm-action .right{display: flex; align-items: center;}
.fire-monitor-alarm-action button{padding: 5px 10px; font-size: 12px; color: #fff; margin-bottom: 0; margin-left: 10px;}
.fire-monitor-alarm-action .operate{border: 1px solid var(--bg-color); background-color: var(--bg-color);}
.fire-monitor-alarm-action .operate:active{opacity: 0.8;}
/* 通知管理 */
.fire-monitor-notice-list{margin-top: 15px;}
.fire-monitor-notice-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.fire-monitor-notice-item:active{background: #f5f5f5;}
.fire-monitor-notice-item .name{font-size: 16px; color: #333;}
.fire-monitor-notice-item .mui-icon{font-size: 20px; color: #999;}
/* 管理员管理 */
.fire-monitor-admin-content{margin-top: 15px; margin-bottom: 85px;}
.fire-monitor-admin-dept{margin-bottom: 15px;}
.fire-monitor-admin-dept .dept-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.fire-monitor-admin-dept .dept-item:active{background: #F5F5F5;}
.fire-monitor-admin-dept .dept-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.fire-monitor-admin-dept .dept-item:last-child:after{height: 0;}
.fire-monitor-admin-dept .dept-item .dept-item-left{display: flex; align-items: center;}
.fire-monitor-admin-dept .dept-item .dept-item-left .name{font-size: 16px; color: #333;}
.fire-monitor-admin-dept .dept-item .dept-item-left .num{font-size: 14px; color: #999;}
.fire-monitor-admin-dept .dept-item .remove{font-size: 14px; color: #FF5A48;}
.fire-monitor-admin-person .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.fire-monitor-admin-person .person-item:active{background: #F5F5F5;}
.fire-monitor-admin-person .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.fire-monitor-admin-person .person-item:last-child:after{height: 0;}
.fire-monitor-admin-person .person-item .person-item-left{display: flex; align-items: center;}
.fire-monitor-admin-person .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.fire-monitor-admin-person .person-item .person-item-left .name{font-size: 16px; color: #333;}
.fire-monitor-admin-person .person-item .remove{font-size: 14px; color: #FF5A48;}
.fire-monitor-admin-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.fire-monitor-admin-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.fire-monitor-admin-action .add:active{opacity: 0.8;}
/* 更多设置 */
.fire-monitor-more-list{margin-top: 15px;}
.fire-monitor-more-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.fire-monitor-more-item:active{background: #f5f5f5;}
.fire-monitor-more-item .name{font-size: 16px; color: #333;}
.fire-monitor-more-item .mui-icon{font-size: 20px; color: #999;}
/* 提醒设置 */
.fire-monitor-remind-list{margin-top: 15px;}
.fire-monitor-remind-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.fire-monitor-remind-item:active{background: #f5f5f5;}
.fire-monitor-remind-item .name{font-size: 16px; color: #333;}
.fire-monitor-remind-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}

/* ========================================= 环境监测 =========================================== */
/* 底部导航 */
nav.environment-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.environment-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.environment-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.environment-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.environment-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.environment-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.environment-msg-top{height: 360px; background: var(--bg-color); padding-top: 15px;}
.environment-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 10px;}
.environment-msg-top-tip .icon{position: relative; margin-right: 10px;}
.environment-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.environment-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.environment-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.environment-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.environment-msg-top-tip .pay:active{opacity: 0.8;}
.environment-msg-top-time{display: flex; justify-content: center; font-size: 14px; color: #fff;
    margin-bottom: 10px; letter-spacing: 1px;}
.environment-msg-top-chart{width: 100%; height: 220px;}
.environment-msg-top-content{display: flex; height: 80px; background: #fff;
    border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin: -40px 15px 20px;}
.environment-msg-top-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1;}
.environment-msg-top-content-item .num{font-size: 20px; font-weight: 500; color: #222; margin-bottom: 5px;}
.environment-msg-top-content-item .name{font-size: 14px; color: #777;}
.environment-msg-mid{display: flex; height: 80px; background: #fff; margin-bottom: 20px}
.environment-msg-mid-item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1;}
.environment-msg-mid-item .up{display: flex; align-items: flex-end;}
.environment-msg-mid-item .up .num{font-size: 20px; color: #333; margin-right: 2px;}
.environment-msg-mid-item .up .unit{font-size: 12px; color: #999;}
.environment-msg-mid-item .name{font-size: 14px; color: #777;}
.environment-msg-bottom{width: 100%; height: 240px; background: #fff;}
/* 统计 */
.environment-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px; margin-bottom: 15px;}
.environment-stats-top-left{display: flex; align-items: center;}
.environment-stats-top-left button{border: 1px solid var(--bg-color); padding: 3px 15px; color: var(--text-color);}
.environment-stats-top-left button.active{background-color: var(--bg-color); color: #fff;}
.environment-stats-top-left button.active:active{opacity: 0.8;}
.environment-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.environment-stats-top-left button.month{border-radius: 0;}
.environment-stats-top-left button.year{border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.environment-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: var(--bg-color);}
.environment-stats-top-right{display: flex; align-items: center;}
.environment-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.environment-stats-top-right .item{padding: 0 10px; font-size: 16px; color: #333;}
.environment-stats-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 5px 15px;}
.environment-stats-title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.environment-stats-title .right{display: flex; align-items: center; padding: 2px 5px;}
.environment-stats-title .right:active{background: #f5f5f5;}
.environment-stats-title .right img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.environment-stats-title .right span{font-size: 12px; color: var(--text-color);}
.environment-stats-content{display: flex; flex-wrap: wrap; background-color: #fff; margin-bottom: 10px;}
.environment-stats-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 25%;}
.environment-stats-content-item:active{background: #f5f5f5;}
.environment-stats-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.environment-stats-content-item .name{font-size: 14px; color: #777; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.environment-stats-chart{background: #fff; margin-top: 15px;}
.environment-stats-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.environment-stats-chart .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.environment-stats-chart .content{width: 100%; height: 220px;}
/* 设置 */
.environment-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.environment-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.environment-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.environment-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.environment-set-top-info .time{font-size: 14px; color: #999;}
.environment-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.environment-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.environment-set-item:active{background: #f5f5f5;}
.environment-set-item-left{display: flex; align-items: center;}
.environment-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.environment-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.environment-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.environment-set-item-info .desc{font-size: 14px; color: #999;}
.environment-set-item-right{display: flex; align-items: center;}
.environment-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 指标超标记录 */
.environment-stats-record-list{margin-top: 15px;}
.environment-stats-record-item{padding: 15px 10px; background: #fff; margin-bottom: 15px;}
.environment-stats-record-item:active{background: #f5f5f5;}
.environment-stats-record-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.environment-stats-record-item .up .name{font-size: 16px; color: #333;}
.environment-stats-record-item .up .time{font-size: 14px; color: #777;}
.environment-stats-record-item .down{display: flex; justify-content: space-between; align-items: center;}
.environment-stats-record-item .down .num1{font-size: 14px; color: #FDA850;}
.environment-stats-record-item .down .num2{font-size: 14px; color: #777;}
/* 通知管理 */
.environment-notice-list{margin-top: 15px;}
.environment-notice-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.environment-notice-item:active{background: #f5f5f5;}
.environment-notice-item .name{font-size: 16px; color: #333;}
.environment-notice-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 管理员管理 */
.environment-admin-content{margin-top: 15px; margin-bottom: 85px;}
.environment-admin-dept{margin-bottom: 15px;}
.environment-admin-dept .dept-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.environment-admin-dept .dept-item:active{background: #F5F5F5;}
.environment-admin-dept .dept-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.environment-admin-dept .dept-item:last-child:after{height: 0;}
.environment-admin-dept .dept-item .dept-item-left{display: flex; align-items: center;}
.environment-admin-dept .dept-item .dept-item-left .name{font-size: 16px; color: #333;}
.environment-admin-dept .dept-item .dept-item-left .num{font-size: 14px; color: #999;}
.environment-admin-dept .dept-item .remove{font-size: 14px; color: #FF5A48;}
.environment-admin-person .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.environment-admin-person .person-item:active{background: #F5F5F5;}
.environment-admin-person .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.environment-admin-person .person-item:last-child:after{height: 0;}
.environment-admin-person .person-item .person-item-left{display: flex; align-items: center;}
.environment-admin-person .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.environment-admin-person .person-item .person-item-left .name{font-size: 16px; color: #333;}
.environment-admin-person .person-item .remove{font-size: 14px; color: #FF5A48;}
.environment-admin-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.environment-admin-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.environment-admin-action .add:active{opacity: 0.8;}
/* 告警设置 */
.environment-alarm-set-list{margin-top: 15px;}
.environment-alarm-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.environment-alarm-set-item:active{background: #f5f5f5;}
.environment-alarm-set-item .name{font-size: 16px; color: #333;}
.environment-alarm-set-item .mui-icon{font-size: 20px; color: #999;}
/* 环境负责人设置 */
.environment-alarm-set-person-list{margin-top: 15px;}
.environment-alarm-set-person-item{background: #fff;}
.environment-alarm-set-person-item .title{display: flex; justify-content: space-between; align-items: center; padding: 10px 15px 15px;}
.environment-alarm-set-person-item .title .name{font-size: 16px; color: #333;}
.environment-alarm-set-person-item .content{display: flex; flex-wrap: wrap;}
.environment-alarm-set-person-item .content .person-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 20%; margin-bottom: 15px;}
.environment-alarm-set-person-item .content .person-item .person-item-img{position: relative; margin-bottom: 5px;}
.environment-alarm-set-person-item .content .person-item .person-item-img>img{width: 50px; height: 50px; border-radius: 5px; display: flex;}
.environment-alarm-set-person-item .content .person-item .person-item-img svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
.environment-alarm-set-person-item .content .person-item .person-item-img .remove{position: absolute; top: -5px; right: -5px; z-index: 9;}
.environment-alarm-set-person-item .content .person-item .person-item-img .remove img{width: 16px; height: 16px;}
.environment-alarm-set-person-item .content .person-item .name{font-size: 14px; color: #777; display: inline-block; width: 60px;
    overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
/* 监测指标阈值设置 */
.environment-alarm-set-value .title{font-size: 14px; color: #000; padding: 10px 10px;}
.environment-alarm-set-value-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.environment-alarm-set-value-list .environment-alarm-set-value-item:last-child{border-bottom: 0;}
.environment-alarm-set-value-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.environment-alarm-set-value-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.environment-alarm-set-value-action{margin: 20px 40px;}
.environment-alarm-set-value-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.environment-alarm-set-value-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.environment-alarm-set-value-action .save:active{opacity: 0.8;}
/* 数据记录 */
.environment-data-record-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0,.3); display: none;}
.environment-data-record-filter-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9;
    background: #fff; display: none;}
.environment-data-record-filter-dialog-item{padding: 0 15px;}
.environment-data-record-filter-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.environment-data-record-filter-dialog-type{margin-bottom: 15px;}
.environment-data-record-filter-dialog-type span{font-size: 16px; color: #333; width: 100%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; padding: 0 15px; display: inline-block;}
.environment-data-record-filter-dialog-type span:active{background: #fff;}
.environment-data-record-filter-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.environment-data-record-filter-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.environment-data-record-filter-dialog-time .time:active{background: #fff;}
.environment-data-record-filter-dialog-time .space{color: #333;}
.environment-data-record-filter-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.environment-data-record-filter-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.environment-data-record-filter-dialog-action .reset{color: #555; border-right: 1px solid #eee;}
.environment-data-record-filter-dialog-action .confirm{color: var(--text-color);}
.environment-data-record-filter-dialog-action span:active{background: #f5f5f5;}
.environment-data-record-top{display: flex; justify-content: space-between; align-items: center;
    height: 40px; padding: 0 10px; background: #fff; margin-bottom: 15px;}
.environment-data-record-top .left{display: flex; align-items: center;}
.environment-data-record-top .left svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.environment-data-record-top .left span{font-size: 14px; color: var(--text-color); margin-left: 3px;}
.environment-data-record-top .right{display: flex; align-items: center;}
.environment-data-record-top .right .item{display: flex; align-items: center;}
.environment-data-record-top .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.environment-data-record-top .right span{font-size: 14px; color: var(--text-color); margin-left: 3px;}
.environment-data-record-item{padding: 15px 10px; background: #fff; margin-bottom: 15px;}
.environment-data-record-item:active{background: #f5f5f5;}
.environment-data-record-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.environment-data-record-item .up .name{font-size: 16px; color: #333;}
.environment-data-record-item .down{display: flex; justify-content: space-between; align-items: center;}
.environment-data-record-item .down .num{font-size: 14px; color: #777;}
.environment-data-record-item .down .time{font-size: 14px; color: #777;}

/* ========================================= 巡更管理 =========================================== */
/* 底部导航 */
nav.inspect-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.inspect-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.inspect-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.inspect-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.inspect-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.inspect-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.inspect-msg-top{height: 220px; background: var(--bg-color); padding-top: 15px;}
.inspect-msg-top-date{display: flex; justify-content: space-between; align-items: center; padding: 0 10px; margin-bottom: 15px;}
.inspect-msg-top-date .left{display: flex; align-items: center;}
.inspect-msg-top-date .left .name{font-size: 16px; font-weight: 500; color: #fff;}
.inspect-msg-top-date .left .mui-icon{font-size: 20px; color: #fff; margin-left: 5px;}
.inspect-msg-top-date .right{display: flex; align-items: center;}
.inspect-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.inspect-msg-top-tip .icon{position: relative; margin-right: 10px;}
.inspect-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.inspect-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.inspect-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.inspect-msg-top-tip .pay:active{opacity: 0.8;}
.inspect-msg-top-content{display: flex; height: 80px; background: #fff;
    border-radius: 5px; margin: 0 15px;}
.inspect-msg-top-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1;}
.inspect-msg-top-content-item .num{font-size: 20px; font-weight: 500; color: #222; margin-bottom: 5px;}
.inspect-msg-top-content-item .name{font-size: 14px; color: #777;}
.inspect-msg-chart{height: 180px; background: #fff; margin: -50px 15px 15px; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5;}
.inspect-msg-title{display: flex; justify-content: space-between; margin: 0 15px 5px;}
.inspect-msg-title .left{font-size: 16px; color: #333;}
.inspect-msg-title .right{font-size: 12px; color: var(--text-color);}
.inspect-msg-mid{display: flex; flex-wrap: wrap; margin: 0 15px 15px;}
.inspect-msg-mid-item{display: flex; flex-direction: column; justify-content: center; background: #fff;
    width: 48%; height: 70px; box-shadow: 0 0 5px #e5e5e5; padding-left: 15px; margin-bottom: 10px; border-radius: 5px;}
.inspect-msg-mid .inspect-msg-mid-item:nth-child(2n-1){margin-right: 4%;}
.inspect-msg-mid-item .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.inspect-msg-mid-item .num{font-size: 20px; font-weight: 500;}
.inspect-msg-mid-item .num.status1{color: #21D388;}
.inspect-msg-mid-item .num.status2{color: #007FFF;}
.inspect-msg-mid-item .num.status3{color: #FF5A48;}
.inspect-msg-mid-item .num.status4{color: #FDA850;}
.inspect-msg-bottom{display: flex; flex-wrap: wrap; margin: 0 15px 15px;}
.inspect-msg-bottom-item{display: flex; flex-direction: column; justify-content: center; background: #fff;
    width: 48%; box-shadow: 0 0 5px #e5e5e5; border-radius: 5px; padding: 10px 0 10px 15px;}
.inspect-msg-bottom .inspect-msg-bottom-item:nth-child(2n-1){margin-right: 4%;}
.inspect-msg-bottom-item:active{background: #f5f5f5;}
.inspect-msg-bottom-item .title{font-size: 14px; color: #333; margin-bottom: 10px;}
.inspect-msg-bottom-item .item{display: flex; align-items: center; margin-bottom: 8px;}
.inspect-msg-bottom-item .item .left{width: 10px; height: 10px; border-radius: 50%; margin-right: 10px;}
.inspect-msg-bottom-item .item .left.status1{background: #21D388;}
.inspect-msg-bottom-item .item .left.status2{background: #FF5A48;}
.inspect-msg-bottom-item .item .left.status3{background: #FDA850;}
.inspect-msg-bottom-item .item .mid{font-size: 14px; color: #777; margin-right: 10px;}
.inspect-msg-bottom-item .item .right{font-size: 18px; color: #333;}
.inspect-msg-list{margin: 0 15px;}
.inspect-msg-item{padding: 0 10px; background: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.inspect-msg-item .up{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.inspect-msg-item .up .left{display: flex; align-items: center;}
.inspect-msg-item .up .left img{width: 20px; height: 20px; display: flex; margin-right: 5px;}
.inspect-msg-item .up .left .name{font-size: 14px; color: #333;}
.inspect-msg-item .up .right{font-size: 14px; color: #777;}
.inspect-msg-item .down{display: flex; justify-content: space-between; align-items: center; padding: 15px 0;}
.inspect-msg-item .down .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.inspect-msg-item .down .item .name{font-size: 12px; color: #777; margin-bottom: 5px;}
.inspect-msg-item .down .item .num{font-size: 20px; font-weight: 500; color: #333;}
/* 工作台 */
.inspect-work-content{background: #fff; margin-top: 15px;}
.inspect-work-content .title{display: flex; justify-content: space-between; align-items: center; height: 30px; padding: 0 15px;}
.inspect-work-content .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.inspect-work-content .content{display: flex; flex-wrap: wrap;}
.inspect-work-content .content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 10px 0; width: 25%;}
.inspect-work-content .content-item:active{background: #f5f5f5;}
.inspect-work-content .content-item img{width: 40px; height: 40px; display: flex; margin-bottom: 5px;}
.inspect-work-content .content-item .name{font-size: 14px; color: #777;}
/* 统计 */
.inspect-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px; margin-bottom: 15px;}
.inspect-stats-top-left{display: flex; align-items: center;}
.inspect-stats-top-left button{border: 1px solid var(--bg-color); padding: 3px 15px; color: var(--text-color);}
.inspect-stats-top-left button.active{background-color: var(--bg-color); color: #fff;}
.inspect-stats-top-left button.active:active{opacity: 0.8;}
.inspect-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.inspect-stats-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.inspect-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: var(--bg-color);}
.inspect-stats-top-right{display: flex; align-items: center;}
.inspect-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.inspect-stats-top-right .item{padding: 0 10px; font-size: 16px; color: #333;}
.inspect-stats-chart{background: #fff; margin-top: 15px;}
.inspect-stats-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.inspect-stats-chart .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.inspect-stats-chart .content{width: 100%; height: 220px;}
/* 设置 */
.inspect-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.inspect-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.inspect-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.inspect-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-set-top-info .time{font-size: 14px; color: #999;}
.inspect-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.inspect-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.inspect-set-item:active{background: #f5f5f5;}
.inspect-set-item-left{display: flex; align-items: center;}
.inspect-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.inspect-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.inspect-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-set-item-info .desc{font-size: 14px; color: #999;}
.inspect-set-item-right{display: flex; align-items: center;}
.inspect-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 整改工单 */
.inspect-order .mui-slider{width: auto; height: 100%;}
.inspect-order .mui-slider .mui-slider-group{height: calc(100% - 40px);}
.inspect-order .mui-segmented-control{background: #fff;}
.inspect-order .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border-bottom: 0;
    border-top: 0;}
.inspect-order .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #5C50F8;}
.inspect-order .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color: #5C50F8;}
.inspect-order-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-order-item:active{background: #f5f5f5;}
.inspect-order-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-order-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-order-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.inspect-order-item-info .up .left{font-size: 16px; color: #333;}
.inspect-order-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-order-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-order-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-order-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-order-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 10px 0 5px;}
.inspect-order-item-info .mid .name{font-size: 14px; color: #777; max-width: 40%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-order-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-order-item-info .down{font-size: 14px; color: #777; margin-bottom: 5px;}
/* 管理员管理 */
.inspect-admin-content{margin-top: 15px; margin-bottom: 85px;}
.inspect-admin-dept{margin-bottom: 15px;}
.inspect-admin-dept .dept-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.inspect-admin-dept .dept-item:active{background: #F5F5F5;}
.inspect-admin-dept .dept-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.inspect-admin-dept .dept-item:last-child:after{height: 0;}
.inspect-admin-dept .dept-item .dept-item-left{display: flex; align-items: center;}
.inspect-admin-dept .dept-item .dept-item-left .name{font-size: 16px; color: #333;}
.inspect-admin-dept .dept-item .dept-item-left .num{font-size: 14px; color: #999;}
.inspect-admin-dept .dept-item .remove{font-size: 14px; color: #FF5A48;}
.inspect-admin-person .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.inspect-admin-person .person-item:active{background: #F5F5F5;}
.inspect-admin-person .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.inspect-admin-person .person-item:last-child:after{height: 0;}
.inspect-admin-person .person-item .person-item-left{display: flex; align-items: center;}
.inspect-admin-person .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.inspect-admin-person .person-item .person-item-left .name{font-size: 16px; color: #333;}
.inspect-admin-person .person-item .remove{font-size: 14px; color: #FF5A48;}
.inspect-admin-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-admin-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.inspect-admin-action .add:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 通知管理 */
.inspect-notice-list{margin-top: 15px;}
.inspect-notice-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-notice-item .name{font-size: 16px; color: #333;}
.inspect-notice-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 提醒设置 */
.inspect-remind-set-list{margin: 15px 0 0;}
.inspect-remind-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    padding: 0 10px 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-remind-set-item:active{background: #f5f5f5;}
.inspect-remind-set-item .name{font-size: 16px; color: #333;}
.inspect-remind-set-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.inspect-remind-set-item .right{display: flex; align-items: center;}
.inspect-remind-set-item .right .desc{font-size: 14px; color: #999;}
.inspect-remind-set-item .right .mui-icon{font-size: 20px; color: #999;}
.inspect-remind-set-item .content{display: flex; flex-wrap: wrap;}
.inspect-remind-set-item .content .mui-checkbox.mui-left label{font-size: 14px; color: #999;
    padding-left: 30px; padding-top: 8px; padding-right: 5px; word-break: break-all}
.inspect-remind-set-item .content .mui-checkbox input[type=checkbox]:before{font-size: 16px; color: var(--text-color);}
.inspect-remind-set-item .content .mui-checkbox.mui-left input[type=checkbox]{left: 10px;}
/* 巡检统计·新 */
.inspect-stats-new .title{display: flex; align-items: center; width: 100%; height: 42px; padding-left: 10px;}
.inspect-stats-new .title.title1{background: url("../img/inspect/icon1_bg.png") center no-repeat; background-size: 100% 100%;}
.inspect-stats-new .title.title2{background: url("../img/inspect/icon2_bg.png") center no-repeat; background-size: 100% 100%;}
.inspect-stats-new .title.title3{background: url("../img/inspect/icon3_bg.png") center no-repeat; background-size: 100% 100%;}
.inspect-stats-new .title .left{display: flex; align-items: center;}
.inspect-stats-new .title .left img{width: 20px; height: 20px; display: flex; margin-right: 5px;}
.inspect-stats-new .title .left .name{font-size: 16px; font-weight: 600; color: #333;}
.inspect-stats-new-top{margin: 15px 15px;}
.inspect-stats-new-top .content{display: flex; flex-wrap: wrap; background: #fff;}
.inspect-stats-new-top .content .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 50%; padding: 15px 0;}
.inspect-stats-new-top .content .item:nth-child(1){border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.inspect-stats-new-top .content .item:nth-child(2){border-bottom: 1px solid #f5f5f5;}
.inspect-stats-new-top .content .item:nth-child(3){border-right: 1px solid #f5f5f5;}
.inspect-stats-new-top .content .item .name{font-size: 12px; color: #777; margin-bottom: 5px;}
.inspect-stats-new-top .content .item .num{font-size: 20px; font-weight: 500;}
.inspect-stats-new-top .content .item .num.num1{color: #5188FF;}
.inspect-stats-new-top .content .item .num.num2{color: #1AC596;}
.inspect-stats-new-top .content .item .num.num3{color: #FF8317;}
.inspect-stats-new-top .content .item .num.num4{color: #EE4C4C;}
.inspect-stats-new-mid{margin: 0 15px 15px;}
.inspect-stats-new-mid .content{background: #fff; padding: 15px 0 5px 15px;}
.inspect-stats-new-mid .content .item{display: flex; align-items: center; margin-bottom: 12px;}
.inspect-stats-new-mid .content .item .left{font-size: 14px; color: #333; width: 110px;}
.inspect-stats-new-mid .content .item .right{font-size: 14px; color: #777; width: calc(100% - 110px); padding-left: 10px;}
.inspect-stats-new-mid .content .item .right.status2{color: #21D388;}
.inspect-stats-new-mid .content .item .right.status3{color: #FF5A48;}
.inspect-stats-new-bottom{margin: 0 15px 15px;}
.inspect-stats-new-bottom .content{background: #fff; padding: 15px 0;}
.inspect-stats-new-bottom .item{display: flex; margin-bottom: 10px;}
.inspect-stats-new-bottom .item .left{display: flex; justify-content: center; width: 40px;}
.inspect-stats-new-bottom .item .left img{width: 8px; height: 70px; display: flex;}
.inspect-stats-new-bottom .item .right{width: calc(100% - 40px);}
.inspect-stats-new-bottom .item .right .up{display: flex; justify-content: space-between; align-items: center;
    padding-right: 10px; margin-bottom: 10px;}
.inspect-stats-new-bottom .item .right .up .info{display: flex; align-items: center;}
.inspect-stats-new-bottom .item .right .up .info .name{font-size: 14px; color: #333;}
.inspect-stats-new-bottom .item .right .up .info .desc{font-size: 14px; color: #777;}
.inspect-stats-new-bottom .item .right .up .time{font-size: 12px; color: #999;}
.inspect-stats-new-bottom .item .right .down{display: flex; align-items: center;}
.inspect-stats-new-bottom .item .right .down .name{font-size: 14px; color: #333;}
.inspect-stats-new-bottom .item .right .down .status{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-stats-new-bottom .item .right .down .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-stats-new-bottom .item .right .down .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-stats-new-bottom .item .right .down .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
/* 巡检统计 */
.inspect-stats-record-top{padding: 15px 10px 0; background: #fff;}
.inspect-stats-record-filter{display: flex; justify-content: space-between; align-items: center;
    padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-stats-record-filter-item{display: flex; align-items: center;}
.inspect-stats-record-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-stats-record-filter-item .mui-icon{font-size: 20px; color: #999;}
.inspect-stats-record-search{padding-top: 10px;}
.inspect-stats-record-search .mui-search{margin: 0 auto;}
.inspect-stats-record-search .mui-search input{background-color: #f5f5f5;}
.inspect-stats-record-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-stats-record-list{margin-top: 15px;}
.inspect-stats-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-stats-record-item:active{background: #f5f5f5;}
.inspect-stats-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-stats-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-stats-record-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.inspect-stats-record-item-info .up .left{font-size: 16px; color: #333;}
.inspect-stats-record-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-stats-record-item-info .up .status1{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-stats-record-item-info .up .status2{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-stats-record-item-info .up .status3{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-stats-record-item-info .up .status4{background: rgba(33,177,213, .1); color: #007FFF;}
.inspect-stats-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.inspect-stats-record-item-info .mid .name{font-size: 14px; color: #777; max-width: 45%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-stats-record-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-stats-record-item-info .down{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.inspect-stats-record-item-info .down span{font-size: 14px; color: #777;max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 巡检记录 */
.inspect-record-top{padding: 15px 10px 0; background: #fff;}
.inspect-record-filter{display: flex; justify-content: space-between; align-items: center;
    padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-record-filter-item{display: flex; align-items: center;}
.inspect-record-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-record-filter-item .mui-icon{font-size: 20px; color: #999;}
.inspect-record-search{padding-top: 10px;}
.inspect-record-search .mui-search{margin: 0 auto;}
.inspect-record-search .mui-search input{background-color: #f5f5f5;}
.inspect-record-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-record-list{margin-top: 15px;}
.inspect-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-record-item:active{background: #f5f5f5;}
.inspect-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-record-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.inspect-record-item-info .up .left{font-size: 16px; color: #333;}
.inspect-record-item-info .up .right{font-size: 12px; padding: 2px 5px; line-height: normal; border-radius: 3px;}
.inspect-record-item-info .up .right.status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-record-item-info .up .right.status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-record-item-info .up .right.status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 7px 0 3px;}
.inspect-record-item-info .mid .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-record-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-record-item-info .down{font-size: 14px; color: #777; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 异常记录 */
.inspect-exception-record-list{margin-top: 15px;}
.inspect-exception-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-exception-record-item:active{background: #f5f5f5;}
.inspect-exception-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-exception-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-exception-record-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.inspect-exception-record-item-info .up .left{font-size: 16px; color: #333;}
.inspect-exception-record-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-exception-record-item-info .up .status1{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-exception-record-item-info .up .status2{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-exception-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 7px 0 3px;}
.inspect-exception-record-item-info .mid .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-exception-record-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-exception-record-item-info .down{font-size: 14px; color: #777; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 报修记录 */
.inspect-repair-record-top{padding: 15px 10px 0; background: #fff;}
.inspect-repair-record-filter{display: flex; justify-content: space-between; align-items: center;
    padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-repair-record-filter-item{display: flex; align-items: center;}
.inspect-repair-record-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-repair-record-filter-item .mui-icon{font-size: 20px; color: #999;}
.inspect-repair-record-search{padding-top: 10px;}
.inspect-repair-record-search .mui-search{margin: 0 auto;}
.inspect-repair-record-search .mui-search input{background-color: #f5f5f5;}
.inspect-repair-record-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-repair-record-list{margin-top: 15px;}
.inspect-repair-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-repair-record-item:active{background: #f5f5f5;}
.inspect-repair-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-repair-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-repair-record-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.inspect-repair-record-item-info .up .left{font-size: 16px; color: #333;}
.inspect-repair-record-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-repair-record-item-info .up .status1{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-repair-record-item-info .up .status2{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-repair-record-item-info .up .status3{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-repair-record-item-info .up .status4{background: rgba(33,177,213, .1); color: #007FFF;}
.inspect-repair-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.inspect-repair-record-item-info .mid .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-repair-record-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-repair-record-item-info .down{font-size: 14px; color: #777; margin-bottom: 5px;}
/* 整改记录 */
.inspect-rectify-record-list{margin-top: 15px;}
.inspect-rectify-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-rectify-record-item:active{background: #f5f5f5;}
.inspect-rectify-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-rectify-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-rectify-record-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.inspect-rectify-record-item-info .up .left{font-size: 16px; color: #333;}
.inspect-rectify-record-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-rectify-record-item-info .up .status1{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-rectify-record-item-info .up .status2{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-rectify-record-item-info .up .status3{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-rectify-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.inspect-rectify-record-item-info .mid .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-rectify-record-item-info .mid .time{font-size: 14px; color: #777;}
.inspect-rectify-record-item-info .down{font-size: 14px; color: #777; margin-bottom: 5px;}
/* 记录·详情 */
.inspect-record-detail-content{background: #fff; margin-top: 15px; padding: 10px 0;}
.inspect-record-detail-content-item{display: flex; align-items: center; padding: 0 15px; margin-bottom: 10px;}
.inspect-record-detail-content-item .left{font-size: 14px; color: #777; min-width: 100px; white-space: nowrap;}
.inspect-record-detail-content-item .right{font-size: 14px; color: #333;}
.inspect-record-detail-content-item .right.status{color: #007FFF;}
.inspect-record-detail-content-item .right.status1{color: #FDA850;}
.inspect-record-detail-content-item .right.status2{color: #21D388;}
.inspect-record-detail-content-item .right.status3{color: #FF5A48;}
.inspect-record-detail-title{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px; margin: 15px 0 5px;}
.inspect-record-detail-title .left{font-size: 14px; color: #777;}
.inspect-record-detail-table{background: #fff; margin-bottom: 20px;}
.inspect-record-detail-table .item:nth-child(even){background: #fafafa;}
.inspect-record-detail-table .item{display: flex; align-items: center;}
.inspect-record-detail-table .item span{font-size: 12px; color: #777; padding: 10px 0; text-align: center;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}
.inspect-record-detail-table .item span.status{color: #007FFF;}
.inspect-record-detail-table .item span.status1{color: #FDA850;}
.inspect-record-detail-table .item span.status2{color: #21D388;}
.inspect-record-detail-table .item span.status3{color: #FF5A48;}
/* 巡检器 */
.inspect-device-top{padding: 15px 10px 0; background: #fff;}
.inspect-device-search .mui-search{margin: 0 auto;}
.inspect-device-search .mui-search input{background-color: #f5f5f5;}
.inspect-device-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-device-list{margin-top: 15px;}
.inspect-device-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.inspect-device-item:active{background: #f5f5f5;}
.inspect-device-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-device-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-device-item-info .down .num{font-size: 14px; color: #999; max-width: 75%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-device-item-info .down .type{font-size: 14px; color: #999;}
.inspect-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.inspect-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 巡检器·添加 */
.inspect-device-add-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-device-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-device-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-device-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.inspect-device-add-item .select{display: flex; justify-content: space-between; align-items: center; padding-left: 10px;}
.inspect-device-add-item .select:active{background: #f5f5f5;}
.inspect-device-add-item .select .desc{font-size: 16px; color: #777;}
.inspect-device-add-item .select .mui-icon{font-size: 20px; color: #999;}
.inspect-device-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 巡检器·编辑 */
.inspect-device-edit .inspect-device-add-action .save{width: 67%;}
.inspect-device-edit .inspect-device-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 巡检点 */
.inspect-point-top{padding: 15px 10px 0; background: #fff;}
.inspect-point-filter{display: flex; justify-content: space-between; align-items: center;
    padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-point-filter-item{display: flex; align-items: center;}
.inspect-point-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-point-filter-item .mui-icon{font-size: 20px; color: #999;}
.inspect-point-top .wrap{display: flex; justify-content: space-between;}
.inspect-point-search .mui-search{margin: 0 auto;}
.inspect-point-search .mui-search input{background-color: #f5f5f5;}
.inspect-point-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-point-status{display: flex; align-items: center; margin-bottom: 15px;}
.inspect-point-status .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-point-status .mui-icon{font-size: 20px; color: #999;}
.inspect-point-list{margin-top: 15px;}
.inspect-point-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.inspect-point-item:active{background: #f5f5f5;}
.inspect-point-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-point-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-point-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px;}
.inspect-point-item-info .up .left{font-size: 16px; color: #333;}
.inspect-point-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-point-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-point-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-point-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-point-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px;}
.inspect-point-item-info .mid .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-point-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-point-item-info .down .num{font-size: 14px; color: #777; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-point-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.inspect-point-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 巡检点·添加 */
.inspect-point-add-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-point-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-point-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-point-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.inspect-point-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-point-add-item-select:active{background: #f5f5f5;}
.inspect-point-add-item-select>label{font-size: 16px; color: #333;}
.inspect-point-add-item-select .right{display: flex; align-items: center;}
.inspect-point-add-item-select .right .select{font-size: 16px; color: #777;}
.inspect-point-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.inspect-point-add-item textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 10px;}
.inspect-point-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-point-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-point-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 巡检点·编辑 */
.inspect-point-edit .inspect-point-add-action .save{width: 67%;}
.inspect-point-edit .inspect-point-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 巡检点·详情 */
.inspect-point-detail-top{display: flex; flex-direction: column; justify-content: center; align-items: center;
    background: #fff; height: 120px; position: relative; margin-bottom: 15px;}
.inspect-point-detail-top svg.logo{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;}
.inspect-point-detail-top .name{font-size: 16px; color: #333; font-weight: 600; margin: 10px 0 5px;}
.inspect-point-detail-top .desc{font-size: 14px; color: #777;}
.inspect-point-detail-top svg.edit{width: 18px; height: 18px; fill: #999; overflow: hidden;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.inspect-point-detail-mid{background: #fff; margin-bottom: 15px;}
.inspect-point-detail-mid-item{display: flex; justify-content: space-between; align-items: center;
    position: relative; padding: 10px 10px;}
.inspect-point-detail-mid-item:after{position: absolute; left: 10px; right: 10px; bottom: 0; height: 1px;
    content: ''; background-color: #f5f5f5;}
.inspect-point-detail-mid .inspect-point-detail-mid-item:last-child:after{background: #fff;}
.inspect-point-detail-mid-item .name{font-size: 14px; color: #777;}
.inspect-point-detail-mid-item .desc{font-size: 14px; color: #333;}
.inspect-point-detail-mid-item .desc.status1{color: #FDA850;}
.inspect-point-detail-mid-item .desc.status2{color: #21D388;}
.inspect-point-detail-mid-item .desc.status3{color: #FF5A48;}
.inspect-point-detail-title{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px; margin-bottom: 5px;}
.inspect-point-detail-title .left{font-size: 14px; color: #333;}
.inspect-point-detail-item{display: flex; align-items: center; padding: 10px;
    background: #fff; border-bottom: 1px solid #f5f5f5;}
.inspect-point-detail-item img{width: 60px; height: 60px; border-radius: 5px; margin-right: 10px;}
.inspect-point-detail-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 70px);}
.inspect-point-detail-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.inspect-point-detail-item-info .up .left{font-size: 16px; color: #333; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-point-detail-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-point-detail-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-point-detail-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-point-detail-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-point-detail-item-info .time{font-size: 14px; color: #999; margin: 5px 0 3px;}
.inspect-point-detail-item-info .desc{font-size: 14px; color: #999;}
/* 巡检线路 */
.inspect-line-top{padding: 15px 10px 0; background: #fff;}
.inspect-line-search .mui-search{margin: 0 auto;}
.inspect-line-search .mui-search input{background-color: #f5f5f5;}
.inspect-line-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-line-list{margin-top: 15px;}
.inspect-line-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.inspect-line-item:active{background: #f5f5f5;}
.inspect-line-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-line-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-line-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-line-item-info .down{display: flex; align-items: center;}
.inspect-line-item-info .down .num{font-size: 14px; color: #999;}
.inspect-line-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.inspect-line-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 巡检线路·添加 */
.inspect-line-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.inspect-line-add-dialog{position: absolute; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
     background: #f5f5f5; display: none;}
.inspect-line-add-dialog .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.inspect-line-add-dialog-top{position: absolute; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.inspect-line-add-dialog-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.inspect-line-add-dialog-top .action:active{opacity: 0.8;}
.inspect-line-add-dialog .wrap .content{margin-bottom: 75px;}
.inspect-line-add-dialog .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.inspect-line-add-dialog-item{display: flex; align-items: center; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.inspect-line-add-dialog-item:active{background: #f5f5f5;}
.inspect-line-add-dialog-item-left{display: flex; align-items: center;}
.inspect-line-add-dialog-item-left svg.icon1{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    margin-right: 15px;}
.inspect-line-add-dialog-item-left svg.icon2{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-line-add-dialog-item-left.un svg.icon1{fill: #bbb;}
.inspect-line-add-dialog-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 83px);}
.inspect-line-add-dialog-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.inspect-line-add-dialog-item-info .up .left{font-size: 16px; color: #333; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-line-add-dialog-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-line-add-dialog-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-line-add-dialog-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-line-add-dialog-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-line-add-dialog-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-line-add-dialog-item-info .down .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-line-add-dialog-item-info .down .num{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-line-add-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-line-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-line-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-line-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.inspect-line-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-line-add-item-select:active{background: #f5f5f5;}
.inspect-line-add-item-select>label{font-size: 16px; color: #333;}
.inspect-line-add-item-select .right{display: flex; align-items: center;}
.inspect-line-add-item-select .right .select{font-size: 16px; color: #777;}
.inspect-line-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.inspect-line-add-item-point{margin-bottom: 15px;}
.inspect-line-add-item-point .item{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px;
    background: #fff; border-bottom: 1px solid #f5f5f5;}
.inspect-line-add-item-point .item:active{background: #f5f5f5;}
.inspect-line-add-item-point .item .left{display: flex; align-items: center;}
.inspect-line-add-item-point .item .left svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden; margin-right: 5px;}
.inspect-line-add-item-point .item .left .name{font-size: 16px; color: #333; line-height: normal;}
.inspect-line-add-item-point .item .delete{width: 16px; height: 16px; fill: #999; overflow: hidden;}
.inspect-line-add-list .tip{font-size: 12px; color: #999; padding: 0 15px; margin: 5px 0 10px;}
.inspect-line-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-line-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-line-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 巡检线路·编辑 */
.inspect-line-edit .inspect-line-add-action .save{width: 67%;}
.inspect-line-edit .inspect-line-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 巡检计划 */
.inspect-plan-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .3); display: none;}
.inspect-plan-dialog{position: fixed; top: 0; left: 0; right: 0; z-index: 9;
    background: #fff; padding-top: 10px; display: none;}
.inspect-plan-dialog-item{padding: 0 15px;}
.inspect-plan-dialog-item .title{font-size: 14px; color: #777; margin-bottom: 5px;}
.inspect-plan-dialog-time{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.inspect-plan-dialog-time .time{font-size: 16px; color: #333; width: 45%; height: 40px; line-height: 40px;
    background: #f5f5f5; border-radius: 3px; text-align: center;}
.inspect-plan-dialog-time .time:active{background: #fff;}
.inspect-plan-dialog-time .space{color: #333;}
.inspect-plan-dialog-action{display: flex; height: 40px; border-top: 1px solid #eee;}
.inspect-plan-dialog-action span{flex: 1; display: flex; justify-content: center; align-items: center; font-size: 16px;}
.inspect-plan-dialog-action .close{color: #555; border-right: 1px solid #eee;}
.inspect-plan-dialog-action .confirm{color: var(--text-color);}
.inspect-plan-dialog-action span:active{background: #f5f5f5;}
.inspect-plan-top{padding: 15px 10px 0; background: #fff;}
.inspect-plan-filter{display: flex; justify-content: space-between; align-items: center;
    padding: 0 0 10px; border-bottom: 1px solid #f5f5f5;}
.inspect-plan-filter-item{display: flex; align-items: center;}
.inspect-plan-filter-item .name{font-size: 14px; color: #333; line-height: normal;}
.inspect-plan-filter-item .mui-icon{font-size: 20px; color: #999;}
.inspect-plan-filter-item svg{width: 16px; height: 16px; fill: #333; overflow: hidden;}
.inspect-plan-search{padding-top: 10px;}
.inspect-plan-search .mui-search{margin: 0 auto;}
.inspect-plan-search .mui-search input{background-color: #f5f5f5;}
.inspect-plan-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-plan-list{margin-top: 15px;}
.inspect-plan-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.inspect-plan-item:active{background: #f5f5f5;}
.inspect-plan-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-plan-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-plan-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-plan-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-plan-item-info .down .left{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-plan-item-info .down .right{font-size: 14px; color: #999;}
.inspect-plan-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.inspect-plan-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 巡检计划·添加 */
.inspect-plan-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.inspect-plan-add-dialog{position: absolute; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    background: #f5f5f5; display: none;}
.inspect-plan-add-dialog .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.inspect-plan-add-dialog-top{position: absolute; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.inspect-plan-add-dialog-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.inspect-plan-add-dialog-top .action:active{opacity: 0.8;}
.inspect-plan-add-dialog .wrap .content{margin-bottom: 75px;}
.inspect-plan-add-dialog .wrap .content .content-item .title{font-size: 16px; font-weight: 500; color: #000; padding: 10px;}
.inspect-plan-add-dialog-item{display: flex; align-items: center; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.inspect-plan-add-dialog-item:active{background: #f5f5f5;}
.inspect-plan-add-dialog-item-left{display: flex; align-items: center;}
.inspect-plan-add-dialog-item-left svg.icon1{width: 18px; height: 18px; fill: var(--svg-color); overflow: hidden;
    margin-right: 15px;}
.inspect-plan-add-dialog-item-left svg.icon2{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.inspect-plan-add-dialog-item-left.un svg.icon1{fill: #bbb;}
.inspect-plan-add-dialog-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 83px);}
.inspect-plan-add-dialog-item-info .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.inspect-plan-add-dialog-item-info .up .left{font-size: 16px; color: #333; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-plan-add-dialog-item-info .up .right{display: inline-block; font-size: 12px; width: 60px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.inspect-plan-add-dialog-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.inspect-plan-add-dialog-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.inspect-plan-add-dialog-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.inspect-plan-add-dialog-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-plan-add-dialog-item-info .down .name{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-plan-add-dialog-item-info .down .num{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-plan-add-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-plan-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-plan-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-plan-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.inspect-plan-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-plan-add-item-select:active{background: #f5f5f5;}
.inspect-plan-add-item-select>label{font-size: 16px; color: #333;}
.inspect-plan-add-item-select .right{display: flex; align-items: center;}
.inspect-plan-add-item-select .right .select{font-size: 16px; color: #777;}
.inspect-plan-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.inspect-plan-add-item-switch{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 15px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-plan-add-item-switch:active{background: #f5f5f5;}
.inspect-plan-add-item-switch>label{font-size: 16px; color: #333;}
.inspect-plan-add-item-switch .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
.inspect-plan-add-item-card{margin: 15px 0; box-shadow: none;}
.inspect-plan-add-item-card .mui-input-row{height: 50px; border-bottom: 1px solid #f5f5f5;}
.inspect-plan-add-item-card .mui-input-row label{line-height: 50px; padding: 0 15px; font-size: 16px; color: #333;}
.inspect-plan-add-item-card .mui-input-row label .time{font-size: 14px; color: #999;}
.inspect-plan-add-item-card .mui-checkbox input[type=checkbox]{top: 12px;}
.inspect-plan-add-item-card .mui-checkbox input[type=checkbox]:checked:before{color: var(--text-color);}
.inspect-plan-add-item-continue{display: flex; justify-content: center; align-items: center;
    background: #fff; height: 50px; border-bottom: 1px solid #f5f5f5; margin-bottom: 15px;}
.inspect-plan-add-item-continue:active{background: #f5f5f5;}
.inspect-plan-add-item-continue svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-plan-add-item-continue .name{font-size: 14px; color: var(--text-color);}
.inspect-plan-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-plan-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-plan-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 巡检计划·编辑 */
.inspect-plan-edit .inspect-plan-add-action .save{width: 67%;}
.inspect-plan-edit .inspect-plan-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 巡检员 */
.inspect-person-top{padding: 15px 10px 0; background: #fff;}
.inspect-person-search .mui-search{margin: 0 auto;}
.inspect-person-search .mui-search input{background-color: #f5f5f5;}
.inspect-person-search .mui-search .mui-placeholder{pointer-events: none;}
.inspect-person-list{margin-top: 15px;}
.inspect-person-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.inspect-person-item:active{background: #f5f5f5;}
.inspect-person-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-person-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-person-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-person-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.inspect-person-item-info .down .dept{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-person-item-info .down .num{font-size: 14px; color: #999;}
.inspect-person-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.inspect-person-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 巡检员·添加 */
.inspect-person-add-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-person-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-person-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-person-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.inspect-person-add-item svg{position: absolute; right: 15px; bottom: 20px; z-index: 9;
    width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
.inspect-person-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-person-add-item-select:active{background: #f5f5f5;}
.inspect-person-add-item-select>label{font-size: 16px; color: #333;}
.inspect-person-add-item-select .right{display: flex; align-items: center;}
.inspect-person-add-item-select .right .select{font-size: 16px; color: #777;}
.inspect-person-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.inspect-person-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-person-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-person-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 巡检员·编辑 */
.inspect-person-edit .inspect-person-add-action .save{width: 67%;}
.inspect-person-edit .inspect-person-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 电子地图 */
.inspect-map-list{margin-top: 15px;}
.inspect-map-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.inspect-map-item:active{background: #f5f5f5;}
.inspect-map-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.inspect-map-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.inspect-map-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inspect-map-item-info .time{font-size: 14px; color: #999; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 我要报修 */
.inspect-report-list{margin-top: 10px; margin-bottom: 80px;}
.inspect-report-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-report-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.inspect-report-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; height: 50px; padding: 0 10px 0 15px; border-bottom: 1px solid #f5f5f5;}
.inspect-report-item-select:active{background: #f5f5f5;}
.inspect-report-item-select>label{font-size: 16px; color: #333;}
.inspect-report-item-select .right{display: flex; align-items: center;}
.inspect-report-item-select .right .select{font-size: 16px; color: #777;}
.inspect-report-item-select .right .mui-icon{font-size: 20px; color: #999;}
.inspect-report-item-picture{padding: 10px 0; background: #fff; border-bottom: 1px solid #f5f5f5;}
.inspect-report-item-picture .up{display: flex; align-items: center; padding: 0 15px 10px;}
.inspect-report-item-picture .up .title{font-size: 14px; color: #777;}
.inspect-report-item-picture .up .desc{font-size: 12px; color: #999;}
.inspect-report-item-picture .down{display: flex; align-items: center; flex-wrap: wrap; padding: 0 15px;}
.inspect-report-item-picture .down .mui-icon{width: 60px; height: 60px; line-height: 60px; text-align: center;
    background: #f5f5f5; color: var(--text-color); font-size: 40px; font-weight: 500; border-radius: 3px; margin-right: 15px; margin-bottom: 10px;}
.inspect-report-item-picture .down .mui-icon:active{background: #fff;}
.inspect-report-item-picture .down .content{position: relative; width: 60px; height: 60px;
    margin-right: 15px; margin-bottom: 10px;}
.inspect-report-item-picture .down .content .img{width: 100%; height: 100%; display: flex; border-radius: 3px;}
.inspect-report-item-picture .down .content .img-remove{position: absolute; top: -5px; right: -5px; z-index: 5;
    width: 16px; height: 16px; display: flex;}
.inspect-report-item textarea{font-size: 16px; color: #777; border: 0; margin: 0;
    background: #fff; padding: 0 0 0 10px;}
.inspect-report-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.inspect-report-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.inspect-report-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 整改工单·详情 */
.inspect-order-detail-content{background: #fff; margin-top: 15px; padding: 10px 0;}
.inspect-order-detail-content-item{display: flex; align-items: center; padding: 0 15px; margin-bottom: 10px;}
.inspect-order-detail-content-item .left{font-size: 14px; color: #777; min-width: 100px; white-space: nowrap;}
.inspect-order-detail-content-item .right{font-size: 14px; color: #333;}
.inspect-order-detail-content-item .right.status{color: #007FFF;}
.inspect-order-detail-content-item .right.status1{color: #FDA850;}
.inspect-order-detail-content-item .right.status2{color: #21D388;}
.inspect-order-detail-content-item .right.status3{color: #FF5A48;}
.inspect-order-detail-content-item .right-picture{display: flex; flex-wrap: wrap;}
.inspect-order-detail-content-item .right-picture img{width: 60px; height: 60px; border-radius: 3px;
    margin-right: 15px; margin-bottom: 10px;}
.inspect-order-detail-content-item button .status1{background-color: #FDA850; color: #fff}
.inspect-order-detail-content-item button .status2{background-color: #21D388; color: #fff}
.inspect-order-detail-content-item button .status{background-color: #007FFF; color: #fff}
.inspect-order-detail-list{margin-top: 15px;}
.inspect-order-detail-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.inspect-order-detail-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.inspect-order-detail-item .desc{font-size: 16px; color: #333;}
.inspect-order-detail-item .status1{background-color: #FDA850; color: #fff}
.inspect-order-detail-item .status2{background-color: #21D388; color: #fff}
.inspect-order-detail-item .status{background-color: #007FFF; color: #fff}
.inspect-order-detail-action{margin: 20px 40px;}
.inspect-order-detail-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.inspect-order-detail-action .again{border: 1px solid #FDA850; background-color: #FDA850;}
.inspect-order-detail-action .again:active{border: 1px solid #FDA850; background-color: #FDA850; opacity: 0.8;}
.inspect-order-detail-action .save{border: 1px solid #21D388; background-color: #21D388;}
.inspect-order-detail-action .save:active{border: 1px solid #21D388; background-color: #21D388; opacity: 0.8;}
.inspect-order-detail-action .submit{border: 1px solid #007FFF; background-color: #007FFF;}
.inspect-order-detail-action .submit:active{border: 1px solid #007FFF; background-color: #007FFF; opacity: 0.8;}
/* 整改工单·消息 */
.inspect-order-message-content{background: #fff; margin-top: 15px; padding: 10px 0;}
.inspect-order-message-content-item{display: flex; align-items: center; padding: 0 15px; margin-bottom: 10px;}
.inspect-order-message-content-item .left{font-size: 14px; color: #777; min-width: 100px; white-space: nowrap;}
.inspect-order-message-content-item .right{font-size: 14px; color: #333;}
.inspect-order-message-content-item .right.status1{color: #FDA850;}
.inspect-order-message-content-item .right.status2{color: #21D388;}
.inspect-order-message-content-item .right.status3{color: #FF5A48;}
.inspect-order-message-content-item .right-picture{display: flex; flex-wrap: wrap;}
.inspect-order-message-content-item .right-picture img{width: 60px; height: 60px; border-radius: 3px;
    margin-right: 15px; margin-bottom: 10px;}
.inspect-order-message-list{margin-top: 15px;}
.inspect-order-message-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.inspect-order-message-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.inspect-order-message-item textarea{font-size: 16px; color: #333; border: 0; margin: 0;
    background: #f5f5f5; padding: 10px;}
.inspect-order-message-action{margin: 20px 40px;}
.inspect-order-message-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.inspect-order-message-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.inspect-order-message-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 应用设置 */
.inspect-app-set-list{margin-top: 15px;}
.inspect-app-set-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 60px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.inspect-app-set-item:active{background: #f5f5f5;}
.inspect-app-set-item .left{display: flex; align-items: center;}
.inspect-app-set-item .left img{width: 40px; height: 40px; display: flex; margin-right: 5px;}
.inspect-app-set-item .left .name{font-size: 16px; color: #333;}
.inspect-app-set-item .mui-icon{font-size: 20px; color: #999;}
/* 整改限期时间 */
.inspect-deadline-time-list{margin-top: 15px;}
.inspect-deadline-time-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.inspect-deadline-time-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.inspect-deadline-time-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.inspect-deadline-time-list .tip{font-size: 12px; color: #999; padding: 0 15px; margin-top: -10px;}
.inspect-deadline-time-action{margin: 20px 40px;}
.inspect-deadline-time-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.inspect-deadline-time-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.inspect-deadline-time-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}

/* ========================================= 能耗监测 =========================================== */
/* 底部导航 */
nav.energy-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.energy-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.energy-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.energy-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.energy-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.energy-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.energy-msg-top{height: 100px; background: var(--bg-color); padding-top: 15px;}
.energy-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.energy-msg-top-tip .icon{position: relative; margin-right: 10px;}
.energy-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.energy-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.energy-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.energy-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.energy-msg-top-tip .pay:active{opacity: 0.8;}
.energy-msg-top-content{display: flex; justify-content: space-between; margin: 0 15px;}
.energy-msg-top-content-item{display: flex; justify-content: space-between; align-items: center;
    background: #fff; padding: 10px; border-radius: 5px; width: 48%; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.energy-msg-top-content-item .left{display: flex; flex-direction: column; justify-content: center;}
.energy-msg-top-content-item .left .name{font-size: 14px; color: #777; margin-bottom: 5px;}
.energy-msg-top-content-item .left .num{font-size: 18px; font-weight: 500; color: #333;}
.energy-msg-top-content-item svg{width: 24px; height: 24px; fill: var(--svg-color); overflow: hidden;}
.energy-msg-mid{background: #fff; margin-top: 50px; margin-bottom: 15px; padding: 15px;}
.energy-msg-mid .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.energy-msg-mid .title .left{font-size: 16px; color: #333;}
.energy-msg-mid .title .right{font-size: 14px; color: #999;}
.energy-msg-mid .content{display: flex; background: var(--bg-color); border-radius: 10px; height: 90px;}
.energy-msg-mid .content .content-item{flex: 1; display: flex; align-items: center; justify-content: center;}
.energy-msg-mid .content .content-item img{width: 24px; height: 24px; display: flex; margin-right: 10px;}
.energy-msg-mid .content .content-item .right{display: flex; flex-direction: column; justify-content: center;}
.energy-msg-mid .content .content-item .right .num{font-size: 20px; color: #fff; margin-bottom: 5px;}
.energy-msg-mid .content .content-item .right .name{font-size: 14px; color: rgba(255,255,255, .5);}
.energy-msg-bottom{margin: 0 15px;}
.energy-msg-bottom-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.energy-msg-bottom-item-top{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.energy-msg-bottom-item-top .left{display: flex; align-items: center;}
.energy-msg-bottom-item-top .left svg{width: 12px; height: 12px; fill: #777; overflow: hidden; margin-right: 2px;}
.energy-msg-bottom-item-top .left .name{font-size: 14px; color: #333; line-height: normal;}
.energy-msg-bottom-item-mid{display: flex;}
.energy-msg-bottom-item-mid .item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 10px 0;}
.energy-msg-bottom-item-mid .item .num{font-size: 16px; font-weight: 500; color: #333; margin-bottom: 3px;}
.energy-msg-bottom-item-mid .item .name{font-size: 12px; color: #999;}
.energy-msg-bottom-item-bottom{margin: 0 10px; padding: 5px 0; display: none;}
.energy-msg-bottom-item-bottom .item{background: #f5f5f5; border-radius: 3px; margin-bottom: 10px;}
.energy-msg-bottom-item-bottom .item .title{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px;}
.energy-msg-bottom-item-bottom .item .title .left{font-size: 14px; color: #555;}
.energy-msg-bottom-item-bottom .item .title .mui-icon{font-size: 16px; color: #999;}
.energy-msg-bottom-item-bottom .item .content{display: flex;}
.energy-msg-bottom-item-bottom .item .content .content-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 5px 0;}
.energy-msg-bottom-item-bottom .item .content .content-item .num{font-size: 16px; font-weight: 500; color: #555;}
.energy-msg-bottom-item-bottom .item .content .content-item .name{font-size: 12px; color: #999;}
/* 统计 */
.energy-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px 10px; margin-bottom: 15px;}
.energy-stats-top .wrap-left{display: flex; align-items: center;}
.energy-stats-top-left{display: flex; align-items: center; margin-right: 10px;}
.energy-stats-top-left button{border: 1px solid var(--bg-color); padding: 3px 15px; color: var(--text-color);}
.energy-stats-top-left button.active{background-color: var(--bg-color); color: #fff;}
.energy-stats-top-left button.active:active{opacity: 0.8;}
.energy-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.energy-stats-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.energy-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: var(--bg-color);}
.energy-stats-top-right{display: flex; align-items: center;}
.energy-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.energy-stats-top-right .item{padding: 0 5px; font-size: 16px; color: #333;}
.energy-stats-top .wrap-right{display: flex; align-items: center;}
.energy-stats-top .wrap-right .name{font-size: 14px; color: #333; margin-right: 3px; max-width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.energy-stats-top .wrap-right .mui-icon{font-size: 20px; color: #999;}
.energy-stats-chart{background: #fff; margin-top: 15px;}
.energy-stats-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.energy-stats-chart .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.energy-stats-chart .content{width: 100%; height: 220px;}
/* 设置 */
.energy-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow:0px 5px 5px 0 #e5e5e5;}
.energy-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.energy-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.energy-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.energy-set-top-info .time{font-size: 14px; color: #999;}
.energy-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.energy-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.energy-set-item:active{background: #f5f5f5;}
.energy-set-item-left{display: flex; align-items: center;}
.energy-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.energy-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.energy-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.energy-set-item-info .desc{font-size: 14px; color: #999;}
.energy-set-item-right{display: flex; align-items: center;}
.energy-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 能耗详情 */
.energy-detail-top{background: #fff; margin-top: 15px; margin-bottom: 15px;}
.energy-detail-top .title{display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.energy-detail-top .title .left{font-size: 16px; color: #333;}
.energy-detail-top .title .right{font-size: 14px; color: #999;}
.energy-detail-top .content{display: flex; height: 80px;}
.energy-detail-top .content .content-item{flex: 1; display: flex; align-items: center; justify-content: center;}
.energy-detail-top .content .content-item img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.energy-detail-top .content .content-item .right{display: flex; flex-direction: column; justify-content: center;}
.energy-detail-top .content .content-item .right .num{font-size: 20px; color: #333; margin-bottom: 5px;}
.energy-detail-top .content .content-item .right .name{font-size: 14px; color: #999;}
.energy-detail-list{margin: 0 15px;}
.energy-detail-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.energy-detail-item .title{display: flex; justify-content: space-between; align-items: center; padding: 5px 10px;}
.energy-detail-item .title .left{font-size: 14px; color: #555;}
.energy-detail-item .title .mui-icon{font-size: 16px; color: #999;}
.energy-detail-item .content{display: flex;}
.energy-detail-item .content .content-item{flex: 1; display: flex; flex-direction: column; justify-content: center;
    align-items: center; padding: 5px 0;}
.energy-detail-item .content .content-item .num{font-size: 16px; font-weight: 500; color: #555;}
.energy-detail-item .content .content-item .name{font-size: 12px; color: #999;}
/* 通知管理 */
.energy-notice-manage-list{margin-top: 15px;}
.energy-notice-manage-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.energy-notice-manage-item:active{background: #f5f5f5;}
.energy-notice-manage-item .name{font-size: 16px; color: #333;}
.energy-notice-manage-item .mui-icon{font-size: 20px; color: #999;}
/* 通知方式 */
.energy-notice-way-list{margin-top: 15px;}
.energy-notice-way-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.energy-notice-way-item:active{background: #f5f5f5;}
.energy-notice-way-item .name{font-size: 16px; color: #333;}
.energy-notice-way-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}
/* 管理员管理 */
.energy-admin-content{margin-top: 15px; margin-bottom: 85px;}
.energy-admin-dept{margin-bottom: 15px;}
.energy-admin-dept .dept-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.energy-admin-dept .dept-item:active{background: #F5F5F5;}
.energy-admin-dept .dept-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.energy-admin-dept .dept-item:last-child:after{height: 0;}
.energy-admin-dept .dept-item .dept-item-left{display: flex; align-items: center;}
.energy-admin-dept .dept-item .dept-item-left .name{font-size: 16px; color: #333;}
.energy-admin-dept .dept-item .dept-item-left .num{font-size: 14px; color: #999;}
.energy-admin-dept .dept-item .remove{font-size: 14px; color: #FF5A48;}
.energy-admin-person .person-item{display: flex; justify-content: space-between; align-items: center;
    padding: 0 10px 0 15px; background-color: #fff; height: 52px; position: relative;}
.energy-admin-person .person-item:active{background: #F5F5F5;}
.energy-admin-person .person-item:after{position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: '';
    -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e5e5e5;}
.energy-admin-person .person-item:last-child:after{height: 0;}
.energy-admin-person .person-item .person-item-left{display: flex; align-items: center;}
.energy-admin-person .person-item .person-item-left img{width: 36px; height: 36px; display: flex;
    border-radius: 5px; margin-right: 10px;}
.energy-admin-person .person-item .person-item-left .name{font-size: 16px; color: #333;}
.energy-admin-person .person-item .remove{font-size: 14px; color: #FF5A48;}
.energy-admin-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.energy-admin-action .add{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 80%;}
.energy-admin-action .add:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 能耗设备 */
.energy-device-top{padding: 15px 10px 0; background: #fff;}
.energy-device-search .mui-search{margin: 0 auto;}
.energy-device-search .mui-search input{background-color: #f5f5f5;}
.energy-device-search .mui-search .mui-placeholder{pointer-events: none;}
.energy-device-list{margin-top: 15px;}
.energy-device-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.energy-device-item:active{background: #f5f5f5;}
.energy-device-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.energy-device-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.energy-device-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.energy-device-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.energy-device-item-info .down .num{font-size: 14px; color: #999; max-width: 75%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.energy-device-item-info .down .type{font-size: 14px; color: #999;}
.energy-device-plus{position: fixed; right: 10px; bottom: 50px; z-index: 9;}
.energy-device-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 能耗设备·添加 */
.energy-device-add-list{margin-top: 10px; margin-bottom: 80px;}
.energy-device-add-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 10px 10px 15px; border-bottom: 1px solid #f5f5f5;}
.energy-device-add-item>label{font-size: 16px; color: #333; margin-bottom: 5px;}
.energy-device-add-item .add-input{font-size: 16px; color: #777; border: 0; height: 30px; line-height: 30px;
    background: #fff; padding: 0 0 0 10px; margin: 0;}
.energy-device-add-item .select{display: flex; justify-content: space-between; align-items: center; padding-left: 10px;}
.energy-device-add-item .select:active{background: #f5f5f5;}
.energy-device-add-item .select .desc{font-size: 16px; color: #777;}
.energy-device-add-item .select .mui-icon{font-size: 20px; color: #999;}
.energy-device-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.energy-device-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.energy-device-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 能耗设备·编辑 */
.energy-device-edit .energy-device-add-action .save{width: 67%;}
.energy-device-edit .energy-device-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}

/* ========================================= 动环 =========================================== */
/* 底部导航 */
nav.dynamic-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.dynamic-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.dynamic-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.dynamic-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.dynamic-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.dynamic-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.dynamic-msg-top{height: 120px; background: var(--bg-color); padding-top: 15px;}
.dynamic-msg-top-tip{display: flex; align-items: center; background: rgba(255,255,255, .3);
    border-radius: 5px; padding: 7px 10px; margin: 0 15px 20px;}
.dynamic-msg-top-tip .icon{position: relative; margin-right: 10px;}
.dynamic-msg-top-tip .icon img{width: 16px; height: 16px; display: flex;}
.dynamic-msg-top-tip .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.dynamic-msg-top-tip .desc{font-size: 12px; color: #fff; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-msg-top-tip .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.dynamic-msg-top-tip .pay:active{opacity: 0.8;}
.dynamic-msg-top-content{display: flex; height: 80px; background: #fff;
    border-radius: 5px; margin: 0 15px;}
.dynamic-msg-top-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1;}
.dynamic-msg-top-content-item:active{background: #F5F5F5;}
.dynamic-msg-top-content-item .num{font-size: 20px; font-weight: 500; color: #222; margin-bottom: 5px;}
.dynamic-msg-top-content-item .name{font-size: 14px; color: #777;}
.dynamic-msg-mid{background: #fff; margin-top: 40px; margin-bottom: 15px; padding: 15px;}
.dynamic-msg-mid .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.dynamic-msg-mid .title .left{font-size: 16px; color: #333;}
.dynamic-msg-mid .title .right{font-size: 14px; color: #999;}
.dynamic-msg-mid .content{display: flex;}
.dynamic-msg-mid .content .content-item{flex: 1; height: 70px; border-radius: 5px;
    display: flex; align-items: center; justify-content: center;}
.dynamic-msg-mid .content .content-item.left{background: #21D388; margin-right: 15px;}
.dynamic-msg-mid .content .content-item.right{background: #FDA850;}
.dynamic-msg-mid .content .content-item img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.dynamic-msg-mid .content .content-item .right{display: flex; flex-direction: column; justify-content: center;}
.dynamic-msg-mid .content .content-item .right .num{font-size: 20px; color: #fff; margin-bottom: 5px;}
.dynamic-msg-mid .content .content-item .right .name{font-size: 14px; color: rgba(255,255,255, .5);}
.dynamic-msg-status{background: #fff; margin-bottom: 15px; padding: 10px;}
.dynamic-msg-status .title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.dynamic-msg-status .title .left{font-size: 16px; color: #333;}
.dynamic-msg-status .title .right{font-size: 14px; color: #999;}
.dynamic-msg-status .content{display: flex; justify-content: space-between; align-items: center;}
.dynamic-msg-status .content .icon{width: 150px; height: 150px; display: flex;}
.dynamic-msg-status-item .item{display: flex; align-items: center; width: 100px; padding: 3px 0 3px 5px;
    border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 20px;}
.dynamic-msg-status-item .item img{width: 14px; height: 14px; display: flex;}
.dynamic-msg-status-item .item .name{font-size: 14px; color: #777; margin-right: 5px;}
.dynamic-msg-status-item .item .desc{font-size: 14px;}
.dynamic-msg-status-item .item .desc.status1{color: #FDA850;}
.dynamic-msg-status-item .item .desc.status2{color: #21D388;}
.dynamic-msg-status-item .item .desc.status3{color: #FF5A48;}
.dynamic-msg-alarm-title{display: flex; justify-content: space-between; align-items: center; padding: 0 10px 5px;}
.dynamic-msg-alarm-title .left{font-size: 16px; color: #333;}
.dynamic-msg-alarm-title .right{font-size: 14px; color: #999;}
.dynamic-msg-alarm-item{display: flex; align-items: center; padding: 10px 10px;
    background: #fff; margin-bottom: 15px;}
.dynamic-msg-alarm-item:active{background: #f5f5f5;}
.dynamic-msg-alarm-item img{width: 60px; height: 60px; margin-right: 10px; border-radius: 5px;}
.dynamic-msg-alarm-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 70px);}
.dynamic-msg-alarm-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.dynamic-msg-alarm-item-info .up .left{font-size: 16px; color: #333;}
.dynamic-msg-alarm-item-info .up .right{display: inline-block; font-size: 12px; height: 20px;
    line-height: 20px; border-radius: 3px; padding: 0 10px;}
.dynamic-msg-alarm-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.dynamic-msg-alarm-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.dynamic-msg-alarm-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.dynamic-msg-alarm-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 7px 0 3px;}
.dynamic-msg-alarm-item-info .mid .left{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-msg-alarm-item-info .mid .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-msg-alarm-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.dynamic-msg-alarm-item-info .down .left{font-size: 14px; color: #777; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-msg-alarm-item-info .down .right{font-size: 14px; color: #777; max-width: 40%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 统计 */
.dynamic-stats-top{display: flex; justify-content: space-between; align-items: center; background-color: #fff;
    padding: 15px 10px; margin-bottom: 15px;}
.dynamic-stats-top .wrap-left{display: flex; align-items: center;}
.dynamic-stats-top-left{display: flex; align-items: center; margin-right: 10px;}
.dynamic-stats-top-left button{border: 1px solid var(--bg-color); padding: 3px 15px; color: var(--text-color);}
.dynamic-stats-top-left button.active{background-color: var(--bg-color); color: #fff;}
.dynamic-stats-top-left button.active:active{opacity: 0.8;}
.dynamic-stats-top-left button.week{border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.dynamic-stats-top-left button.month{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.dynamic-stats-top-left .mui-btn:enabled:active{color: #fff; background-color: var(--bg-color);}
.dynamic-stats-top-right{display: flex; align-items: center;}
.dynamic-stats-top-right .mui-icon{font-size: 20px; color: #999;}
.dynamic-stats-top-right .item{padding: 0 5px; font-size: 16px; color: #333;}
.dynamic-stats-top .wrap-right{display: flex; align-items: center;}
.dynamic-stats-top .wrap-right .name{font-size: 14px; color: #333; margin-right: 3px; max-width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-stats-top .wrap-right .mui-icon{font-size: 20px; color: #999;}
.dynamic-stats-title{display: flex; justify-content: space-between; align-items: center; background: #fff;
    padding: 10px 10px 5px 15px;}
.dynamic-stats-title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.dynamic-stats-title .right{display: flex; align-items: center; padding: 2px 5px;}
.dynamic-stats-title .right:active{background: #f5f5f5;}
.dynamic-stats-title .right img{width: 14px; height: 14px; display: flex; margin-right: 5px;}
.dynamic-stats-title .right span{font-size: 12px; color: var(--text-color);}
.dynamic-stats-content{display: flex; flex-wrap: wrap; background-color: #fff;}
.dynamic-stats-content-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 20px 0; width: 25%;}
.dynamic-stats-content-item:active{background: #f5f5f5;}
.dynamic-stats-content-item .num{font-size: 16px; font-weight: 500; color: #555; margin-bottom: 5px;}
.dynamic-stats-content-item .name{font-size: 14px; color: #777; display: inline-block; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-stats-chart{background: #fff; margin-top: 15px;}
.dynamic-stats-chart .title{display: flex; justify-content: space-between; align-items: center; height: 36px; padding: 0 15px;}
.dynamic-stats-chart .title .left{padding-left: 5px; border-left: 2px solid var(--bg-color); font-size: 14px; color: var(--text-color);
    line-height: 14px;}
.dynamic-stats-chart .content{width: 100%; height: 220px;}
/* 设置 */
.dynamic-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.dynamic-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.dynamic-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.dynamic-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.dynamic-set-top-info .time{font-size: 14px; color: #999;}
.dynamic-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.dynamic-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.dynamic-set-item:active{background: #f5f5f5;}
.dynamic-set-item-left{display: flex; align-items: center;}
.dynamic-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.dynamic-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.dynamic-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.dynamic-set-item-info .desc{font-size: 14px; color: #999;}
.dynamic-set-item-right{display: flex; align-items: center;}
.dynamic-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 告警次数详情 */
.dynamic-alarm-num-detail-list{margin-top: 15px;}
.dynamic-alarm-num-detail-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.dynamic-alarm-num-detail-item:active{background: #f5f5f5;}
.dynamic-alarm-num-detail-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.dynamic-alarm-num-detail-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.dynamic-alarm-num-detail-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-alarm-num-detail-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.dynamic-alarm-num-detail-item-info .down .left{font-size: 14px; color: #999; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-alarm-num-detail-item-info .down .right{font-size: 14px; color: #999; max-width: 40%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 数据记录 */
.dynamic-data-record-list{margin-top: 15px;}
.dynamic-data-record-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.dynamic-data-record-item:active{background: #f5f5f5;}
.dynamic-data-record-item .left{display: flex; align-items: center;}
.dynamic-data-record-item .left svg{width: 32px; height: 32px; fill: var(--svg-color); overflow: hidden; margin-right: 5px;}
.dynamic-data-record-item .left .name{font-size: 16px; color: #333;}
.dynamic-data-record-item .mui-icon{font-size: 20px; color: #999;}
/* 设备记录 */
.dynamic-device-record-list{margin-top: 15px;}
.dynamic-device-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.dynamic-device-record-item:active{background: #f5f5f5;}
.dynamic-device-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.dynamic-device-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.dynamic-device-record-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.dynamic-device-record-item-info .up .left{font-size: 16px; color: #333;}
.dynamic-device-record-item-info .up .right{display: inline-block; font-size: 12px; height: 20px;
    line-height: 20px; border-radius: 3px; padding: 0 10px;}
.dynamic-device-record-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.dynamic-device-record-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.dynamic-device-record-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.dynamic-device-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 7px 0 3px;}
.dynamic-device-record-item-info .mid .left{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-device-record-item-info .mid .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-device-record-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.dynamic-device-record-item-info .down .left{font-size: 14px; color: #777; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-device-record-item-info .down .right{font-size: 14px; color: #777; max-width: 40%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 告警记录 */
.dynamic-alarm-record-list{margin-top: 15px;}
.dynamic-alarm-record-item{display: flex; align-items: center; padding: 15px 10px;
    background: #fff; margin-bottom: 15px;}
.dynamic-alarm-record-item:active{background: #f5f5f5;}
.dynamic-alarm-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden;
    margin-right: 10px;}
.dynamic-alarm-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.dynamic-alarm-record-item-info .up{display: flex; justify-content: space-between; align-items: center;}
.dynamic-alarm-record-item-info .up .left{font-size: 16px; color: #333;}
.dynamic-alarm-record-item-info .up .right{display: inline-block; font-size: 12px; height: 20px;
    line-height: 20px; border-radius: 3px; padding: 0 10px;}
.dynamic-alarm-record-item-info .up .status1{background: rgba(253,168,80, .1); color: #FDA850;}
.dynamic-alarm-record-item-info .up .status2{background: rgba(33,211,136, .1); color: #21D388;}
.dynamic-alarm-record-item-info .up .status3{background: rgba(255,90,72, .1); color: #FF5A48;}
.dynamic-alarm-record-item-info .mid{display: flex; justify-content: space-between; align-items: center; margin: 7px 0 3px;}
.dynamic-alarm-record-item-info .mid .left{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-alarm-record-item-info .mid .right{font-size: 14px; color: #777; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-alarm-record-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.dynamic-alarm-record-item-info .down .left{font-size: 14px; color: #777; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-alarm-record-item-info .down .right{font-size: 14px; color: #777; max-width: 40%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 开门记录 */
.dynamic-open-record-list{margin-top: 15px;}
.dynamic-open-record-item{padding: 10px 10px; background: #fff; margin-bottom: 15px;
    display: flex; align-items: center;}
.dynamic-open-record-item:active{background: #f5f5f5;}
.dynamic-open-record-item svg{width: 40px; height: 40px; fill: var(--svg-color); overflow: hidden; margin-right: 10px;}
.dynamic-open-record-item-info{display: flex; flex-direction: column; justify-content: center; width: calc(100% - 50px);}
.dynamic-open-record-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px; max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-open-record-item-info .down{display: flex; justify-content: space-between; align-items: center;}
.dynamic-open-record-item-info .down .left{font-size: 14px; color: #999; max-width: 50%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic-open-record-item-info .down .right{font-size: 14px; color: #999;}
/* 告警设置 */
.dynamic-alarm-set-list{margin-top: 15px;}
.dynamic-alarm-set-item{display: flex; flex-direction: column; justify-content: center;
    background: #fff; padding: 10px 15px; border-bottom: 1px solid #f5f5f5;}
.dynamic-alarm-set-list .dynamic-alarm-set-item:last-child{border-bottom: 0;}
.dynamic-alarm-set-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.dynamic-alarm-set-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.dynamic-alarm-set-action{margin: 20px 40px;}
.dynamic-alarm-set-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.dynamic-alarm-set-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.dynamic-alarm-set-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 通知管理 */
.dynamic-notice-manage-list{margin-top: 15px;}
.dynamic-notice-manage-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.dynamic-notice-manage-item:active{background: #f5f5f5;}
.dynamic-notice-manage-item .name{font-size: 16px; color: #333;}
.dynamic-notice-manage-item .mui-icon{font-size: 20px; color: #999;}
/* 通知方式 */
.dynamic-notice-way-list{margin-top: 15px;}
.dynamic-notice-way-item{display: flex; justify-content: space-between; align-items: center; background: #fff; height: 50px;
    margin-bottom: 15px; padding: 0 10px 0 15px;}
.dynamic-notice-way-item:active{background: #f5f5f5;}
.dynamic-notice-way-item .name{font-size: 16px; color: #333;}
.dynamic-notice-way-item .mui-switch-blue.mui-active{border: 2px solid var(--bg-color); background-color: var(--bg-color);}

/* ========================================= 智慧物联 =========================================== */
/* 底部导航 */
nav.siot-bar-tab{margin: 0; border-radius: unset; width: 100%; background: #fff; box-shadow: 0 0 5px #f5f5f5; display: flex;}
nav.siot-bar-tab .mui-tab-item{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px;}
nav.siot-bar-tab .mui-tab-item svg{width: 20px; height: 20px; fill: #929292; overflow: hidden;}
nav.siot-bar-tab .mui-tab-item .mui-tab-label{color: #929292; font-size: 12px;}
nav.siot-bar-tab .mui-tab-item.mui-active svg{width: 20px; height: 20px; fill: var(--svg-color); overflow: hidden;}
nav.siot-bar-tab .mui-tab-item.mui-active .mui-tab-label{color: var(--text-color);}
/* 首页 */
.siot-msg-top{display: flex; align-items: center; height: 40px; padding: 0 15px; background: #fff;}
.siot-msg-top .icon{position: relative; margin-right: 10px;}
.siot-msg-top .icon img{width: 16px; height: 16px; display: flex;}
.siot-msg-top .icon .unread{position: absolute; top: -4px; right: -4px; display: inline-block;
    width: 6px; height: 6px; border-radius: 50%; background-color: #FF5A48;}
.siot-msg-top .desc{font-size: 12px; color: #555; line-height: normal; max-width: 80%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.siot-msg-top .pay{padding: 0 8px; font-size: 12px; color: #fff; border: 1px solid #FDA850;
    background-color: #FDA850; margin-bottom: 0; border-radius: 10px;}
.siot-msg-top .pay:active{opacity: 0.8;}
.siot-msg-content{margin-top: 15px;}
.siot-msg-content .mui-slider-indicator.mui-segmented-control{background-color: #fff; height: 40px; padding-right: 20px; padding-left: 20px;}
.siot-msg-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 1px solid #f5f5f5; border-bottom: 0;}
.siot-msg-content .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: var(--text-color); border-bottom: 2px solid var(--bg-color);}
.siot-msg-content .mui-segmented-control .mui-control-item{height: 40px;}
.siot-msg-content .group{position: absolute; right: 0; top: 0; bottom: 0; z-index: 9;
    width: 40px; background: #fff; display: flex; justify-content: center; align-items: center;}
.siot-msg-content .group:active{background: #f5f5f5;}
.siot-msg-content .group svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.siot-msg-list{display: flex; flex-wrap: wrap; margin: 15px 10px 0;}
.siot-msg-item{width: 48%; padding: 10px; border-radius: 5px; background: #fff;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.siot-msg-item:active{background: #F5F5F5;}
.siot-msg-list .siot-msg-item:nth-child(2n+1){margin-right: 4%;}
.siot-msg-item .up{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.siot-msg-item .up .left{width: 40px; height: 40px; display: flex;}
.siot-msg-item .up .right{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; box-shadow: 0px 3px 3px 3px #f5f5f5;}
.siot-msg-item .up .right img{width: 20px; height: 20px; display: flex;}
.siot-msg-item .up .right:active{background: #F5F5F5;}
.siot-msg-item .down{display: flex; justify-content: space-between; align-items: center;}
.siot-msg-item .down .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 60%}
.siot-msg-item .down .left .name{font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%}
.siot-msg-item .down .left .desc{font-size: 12px; color: #999;}
.siot-msg-item .down .right{display: flex; align-items: center;}
.siot-msg-item .down .right .point{width: 10px; height: 10px; border-radius: 50%;}
.siot-msg-item .down .right .point.status1{background: #21D388;}
.siot-msg-item .down .right .point.status2{background: #ccc;}
.siot-msg-item .down .right .desc{font-size: 12px; margin-left: 3px;}
.siot-msg-item .down .right .desc.status1{color: #21D388;}
.siot-msg-item .down .right .desc.status2{color: #ccc;}
/* 场景 */
.siot-scene-list{margin: 15px 15px 0;}
.siot-scene-item{display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;
    background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.siot-scene-item:active{background: #F5F5F5;}
.siot-scene-item .left{display: flex; align-items: center;}
.siot-scene-item .left img{width: 42px; height: 42px; display: flex; margin-right: 10px;}
.siot-scene-item .left .info{display: flex; flex-direction: column; justify-content: center;}
.siot-scene-item .left .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.siot-scene-item .left .info .desc{font-size: 14px; color: #999;}
.siot-scene-item .right{display: flex; align-items: center;}
.siot-scene-item .right img{width: 24px; height: 24px; display: flex;}
.siot-scene-plus{position: fixed; right: 10px; bottom: 80px; z-index: 9;}
.siot-scene-plus svg{width: 50px; height: 50px; fill: var(--svg-color); overflow: hidden;}
/* 设置 */
.siot-set-top{display: flex; align-items: center; padding: 10px 15px; position: relative;
    margin: 15px 15px 20px; background-color: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.siot-set-top .photo{width: 60px; height: 60px; border-radius: 50%; display: flex; margin-right: 10px;}
.siot-set-top-info{display: flex; flex-direction: column; justify-content: center;}
.siot-set-top-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.siot-set-top-info .time{font-size: 14px; color: #999;}
.siot-set-top svg{width: 72px; height: 20px; fill: var(--svg-color); overflow: hidden;
    position: absolute; top: 10px; right: 0; z-index: 9;}
.siot-set-item{display: flex; justify-content: space-between; padding: 15px 10px 15px 15px;
    background: #fff; margin-bottom: 15px;}
.siot-set-item:active{background: #f5f5f5;}
.siot-set-item-left{display: flex; align-items: center;}
.siot-set-item-left img{width: 32px; height: 32px; display: flex; margin-right: 10px;}
.siot-set-item-info{display: flex; flex-direction: column; justify-content: center;}
.siot-set-item-info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.siot-set-item-info .desc{font-size: 14px; color: #999;}
.siot-set-item-right{display: flex; align-items: center;}
.siot-set-item-right .mui-icon{font-size: 20px; color: #999;}
/* 灯 */
.siot-light-item{display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px; background: #fff; border-bottom: 1px solid #F5F5F5;}
.siot-light-item .left{font-size: 16px; color: #333;}
.siot-light-item .right{font-size: 16px; color: #999;}
.siot-light-item .right.status1{color: #21D388;}
.siot-light-item .right.status2{color: #FF5A48;}
.siot-light-item2{display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px; background: #fff; border-bottom: 1px solid #F5F5F5;}
.siot-light-item2:active{background: #f5f5f5;}
.siot-light-item2 .left{font-size: 16px; color: #333;}
.siot-light-item2 .right{display: flex; align-items: center;}
.siot-light-item2 .right .desc{font-size: 16px; color: #777;}
.siot-light-item2 .right .mui-icon{font-size: 20px; color: #999;}
/* 插座 */
.siot-socket-top{display: flex; justify-content: center; align-items: center;
    height: 260px; background: #F5F5F5; position: relative;}
.siot-socket-top .img1{width: 220px; height: 220px; display: flex;}
.siot-socket-top .img2{width: 20px; height: 20px;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-socket-top svg{width: 20px; height: 20px; fill: #ccc; overflow: hidden;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-socket-content{margin: 15px 15px 0;}
.siot-socket-content-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; border-radius: 5px; margin-bottom: 15px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.siot-socket-content-item .left{font-size: 16px; color: #333;}
.siot-socket-content-item .right{display: flex; justify-content: center; align-items: center;
    width: 36px; height: 36px; border-radius: 50%;}
.siot-socket-content-item .right.on{background: var(--bg-color);}
.siot-socket-content-item .right.off{background: #eee;}
.siot-socket-content-item .right:active{opacity: 0.6;}
.siot-socket-content-item .right img{width: 24px; height: 24px; display: flex;}
/* 空调 */
.siot-air-top{display: flex; justify-content: center; align-items: center;
    height: 260px; background: #F5F5F5; position: relative;}
.siot-air-top .img1{width: 220px; height: 220px; display: flex;}
.siot-air-top .img2{width: 20px; height: 20px;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-air-top svg{width: 20px; height: 20px; fill: #ccc; overflow: hidden;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-air-content{margin: 15px 15px 0;}
.siot-air-content-item{display: flex; justify-content: space-between; align-items: center; height: 60px;
    padding: 0 10px; border-radius: 5px; margin-bottom: 15px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.siot-air-content-item .left{font-size: 16px; color: #333;}
.siot-air-content-item .right{display: flex; justify-content: center; align-items: center;
    width: 36px; height: 36px; border-radius: 50%;}
.siot-air-content-item .right.on{background: var(--bg-color);}
.siot-air-content-item .right.off{background: #eee;}
.siot-air-content-item .right:active{opacity: 0.6;}
.siot-air-content-item .right img{width: 24px; height: 24px; display: flex;}
.siot-air-content-item .temp{display: flex; align-items: center;}
.siot-air-content-item .temp .sub{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #eee;}
.siot-air-content-item .temp .sub:active{opacity: 0.6;}
.siot-air-content-item .temp .sub svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;}
.siot-air-content-item .temp .num{font-size: 16px; font-weight: 500; color: #555; margin: 0 15px;}
.siot-air-content-item .temp .add{display: flex; justify-content: center; align-items: center;
    width: 30px; height: 30px; border-radius: 50%; background: #eee;}
.siot-air-content-item .temp .add svg{width: 14px; height: 14px; fill: var(--svg-color); overflow: hidden;}
.siot-air-content-item .temp .add:active{opacity: 0.6;}
.siot-air-bottom{display: flex; justify-content: space-between; margin: 20px 15px 0;}
.siot-air-bottom-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 10px 0px; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; width: 23%;}
.siot-air-bottom-item:active{background: #F5F5F5;}
.siot-air-bottom-item .up{display: flex; justify-content: center; align-items: center;
    width: 36px; height: 36px; border-radius: 50%; margin-bottom: 5px;}
.siot-air-bottom-item .up.on{background: var(--bg-color);}
.siot-air-bottom-item .up.off{background: #eee;}
.siot-air-bottom-item .up img{width: 24px; height: 24px; display: flex;}
.siot-air-bottom-item .name{font-size: 14px; color: #333;}
/* 窗帘 */
.siot-curtain-top{display: flex; justify-content: center; align-items: center;
    height: 260px; background: #F5F5F5; position: relative;}
.siot-curtain-top .img1{width: 220px; height: 220px; display: flex;}
.siot-curtain-top .img2{width: 20px; height: 20px;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-curtain-top svg{width: 20px; height: 20px; fill: #ccc; overflow: hidden;
    position: absolute; top: 15px; right: 15px; z-index: 9;}
.siot-curtain-content{margin: 15px 15px 0;}
.siot-curtain-content-item{display: flex; justify-content: space-between; align-items: center; height: 60px;
    padding: 0 10px; border-radius: 5px; margin-bottom: 15px; box-shadow: 0px 5px 5px 0 #e5e5e5;}
.siot-curtain-content-item .name{font-size: 16px; color: #333;}
.siot-curtain-content-item input{flex: 1; margin: 0 15px;}
.siot-curtain-content-item [type="range"]{-webkit-appearance: none; appearance: none; outline: 0; background-color: transparent;}
.siot-curtain-content-item [type="range"]::-webkit-slider-runnable-track{height: 4px; background: #eee;}
.siot-curtain-content-item [type="range" i]::-webkit-slider-container{height: 20px; overflow: hidden;}
.siot-curtain-content-item [type="range"]::-webkit-slider-thumb{-webkit-appearance: none; appearance: none; width: 20px;
    height: 20px; border-radius: 50%; background-color: var(--bg-color); border: 1px solid transparent;
    margin-top: -8px; border-image: linear-gradient(var(--bg-color), var(--bg-color)) 0 fill / 8 20 8 0 / 0px 0px 0 2000px;}
.siot-curtain-bottom{display: flex; justify-content: space-between; margin: 20px 15px 0;}
.siot-curtain-bottom-item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 15px 0px; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; width: 30%;}
.siot-curtain-bottom-item:active{background: #F5F5F5;}
.siot-curtain-bottom-item .up{display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px; border-radius: 50%; margin-bottom: 5px; background: var(--bg-color);}
.siot-curtain-bottom-item .up img{width: 30px; height: 30px; display: flex;}
.siot-curtain-bottom-item .name{font-size: 16px; color: #333;}
/* 场景详情 */
.siot-scene-detail-list{margin-bottom: 15px;}
.siot-scene-detail-item{display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px; background: #fff; border-bottom: 1px solid #F5F5F5;}
.siot-scene-detail-item .left{font-size: 16px; color: #333;}
.siot-scene-detail-item .right{font-size: 16px; color: #999;}
.siot-scene-detail-content{background: #fff; padding-bottom: 5px;}
.siot-scene-detail-content .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px;}
.siot-scene-detail-content .title .left{font-size: 16px; color: #333;}
.siot-scene-detail-content .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-radius: 5px; background: #F5F5F5; margin: 0 15px 15px;}
.siot-scene-detail-content .item .left{display: flex; align-items: center;}
.siot-scene-detail-content .item .left img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.siot-scene-detail-content .item .left .info{display: flex; flex-direction: column; justify-content: center;}
.siot-scene-detail-content .item .left .info .name{font-size: 14px; color: #555;}
.siot-scene-detail-content .item .left .info .desc{font-size: 14px; color: #999;}
.siot-scene-detail-action{margin: 20px 40px;}
.siot-scene-detail-action button{padding: 10px 0; font-size: 16px; color: #fff;}
/* 添加场景 */
.siot-scene-add-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 7;
    background: rgba(0,0,0, .4); display: none;}
.siot-scene-add-group{position: absolute; top: 0; bottom: 0; right: 0; width: 90%; min-height: 100%; z-index: 9;
    transform: translate3d(100%,0,0); background: #f5f5f5; transition: transform 300ms linear;}
.siot-scene-add-group .wrap{width: 100%; height: 100%; position: relative; overflow-y: auto;}
.siot-scene-add-group-top{position: fixed; left: 0; right: 0; bottom: 0; height: 60px; z-index: 99;
    display: flex; justify-content: center; align-items: center; background: #fff;}
.siot-scene-add-group-top .action{width: 60%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: var(--bg-color);
    text-align: center; border-radius: 20px; letter-spacing: 2px;}
.siot-scene-add-group-top .action:active{opacity: 0.8;}
.siot-scene-add-group .wrap .content{margin-bottom: 75px;}
.siot-scene-add-group .wrap .content .mui-slider-indicator.mui-segmented-control{background-color: #fff; height: 40px; padding-right: 40px;}
.siot-scene-add-group .wrap .content .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-top: 1px solid #f5f5f5; border-bottom: 0;}
.siot-scene-add-group .wrap .content .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: var(--text-color); border-bottom: 2px solid var(--bg-color);}
.siot-scene-add-group .wrap .content .mui-segmented-control .mui-control-item{height: 40px;}
.siot-scene-add-group .wrap .content .group{position: absolute; right: 0; top: 0; bottom: 0; z-index: 9;
    width: 40px; background: #fff; display: flex; justify-content: center; align-items: center;}
.siot-scene-add-group .wrap .content .group:active{background: #f5f5f5;}
.siot-scene-add-group .wrap .content .group svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.siot-group-light-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-light-item:active{background: #F5F5F5;}
.siot-group-light-item .left{font-size: 16px; color: #333;}
.siot-group-light-item .mui-icon{font-size: 20px; color: #999;}
.siot-group-light-item-content{}
.siot-group-light-item-content .content-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-light-item-content .content-item:active{background: #F5F5F5;}
.siot-group-light-item-content .content-item .left{font-size: 14px; color: #777;}
.siot-group-light-item-content .content-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.siot-group-light-item-content .content-item.active svg{fill: var(--svg-color);}
.siot-group-socket-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-socket-item:active{background: #F5F5F5;}
.siot-group-socket-item .left{font-size: 16px; color: #333;}
.siot-group-socket-item .mui-icon{font-size: 20px; color: #999;}
.siot-group-socket-item-content{}
.siot-group-socket-item-content .content-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-socket-item-content .content-item:active{background: #F5F5F5;}
.siot-group-socket-item-content .content-item .left{font-size: 14px; color: #777;}
.siot-group-socket-item-content .content-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.siot-group-socket-item-content .content-item.active svg{fill: var(--svg-color);}
.siot-group-air-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-air-item:active{background: #F5F5F5;}
.siot-group-air-item .left{font-size: 16px; color: #333;}
.siot-group-air-item .mui-icon{font-size: 20px; color: #999;}
.siot-group-air-item-content{}
.siot-group-air-item-content .content-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-air-item-content .content-item:active{background: #F5F5F5;}
.siot-group-air-item-content .content-item .left{font-size: 14px; color: #777;}
.siot-group-air-item-content .content-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.siot-group-air-item-content .content-item.active svg{fill: var(--svg-color);}
.siot-group-curtain-item{display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-curtain-item:active{background: #F5F5F5;}
.siot-group-curtain-item .left{font-size: 16px; color: #333;}
.siot-group-curtain-item .mui-icon{font-size: 20px; color: #999;}
.siot-group-curtain-item-content{}
.siot-group-curtain-item-content .content-item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px; background: #fff; border-bottom: 1px solid #f5f5f5;}
.siot-group-curtain-item-content .content-item:active{background: #F5F5F5;}
.siot-group-curtain-item-content .content-item .left{font-size: 14px; color: #777;}
.siot-group-curtain-item-content .content-item svg{width: 16px; height: 16px; fill: #bbb; overflow: hidden;}
.siot-group-curtain-item-content .content-item.active svg{fill: var(--svg-color);}
.siot-group-curtain-item-content .content-item .mui-input-range{flex: 1; padding-right: 0;}
.siot-group-curtain-item-content .content-item .percent{font-size: 14px; color: #333; margin-left: 15px;}
.siot-scene-add-list{margin-top: 15px;}
.siot-scene-add-item{display: flex; flex-direction: column; justify-content: center;
    margin-bottom: 15px; background: #fff; padding: 10px 15px;}
.siot-scene-add-item>label{font-size: 14px; color: #777; margin-bottom: 5px;}
.siot-scene-add-item .add-input{font-size: 16px; color: #333; border: 0; line-height: 40px;
    background: #f5f5f5; padding: 0 15px; margin: 0;}
.siot-scene-add-item-select{display: flex; justify-content: space-between; align-items: center;
    background: #fff; margin-bottom: 15px; height: 40px; padding: 0 10px 0 15px;}
.siot-scene-add-item-select:active{background: #f5f5f5;}
.siot-scene-add-item-select>label{font-size: 14px; color: #777;}
.siot-scene-add-item-select .right{display: flex; align-items: center;}
.siot-scene-add-item-select .right .select{font-size: 16px; color: #333;}
.siot-scene-add-item-select .right .mui-icon{font-size: 20px; color: #999;}
.siot-scene-add-content{background: #fff; padding-bottom: 5px;}
.siot-scene-add-content .title{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 15px;}
.siot-scene-add-content .title .left{font-size: 16px; color: #333;}
.siot-scene-add-content .title .right svg{width: 16px; height: 16px; fill: var(--svg-color); overflow: hidden;}
.siot-scene-add-content .item{display: flex; justify-content: space-between; align-items: center;
    padding: 10px; border-radius: 5px; background: #F5F5F5; margin: 0 15px 15px;}
.siot-scene-add-content .item .left{display: flex; align-items: center;}
.siot-scene-add-content .item .left img{width: 40px; height: 40px; display: flex; margin-right: 10px;}
.siot-scene-add-content .item .left .info{display: flex; flex-direction: column; justify-content: center;}
.siot-scene-add-content .item .left .info .name{font-size: 14px; color: #555;}
.siot-scene-add-content .item .left .info .desc{font-size: 14px; color: #999;}
.siot-scene-add-content .item .right{display: flex; align-items: center;}
.siot-scene-add-content .item .right svg{width: 20px; height: 20px; fill: #999; overflow: hidden;}
.siot-scene-add-action{margin: 20px 40px;}
.siot-scene-add-action button{padding: 10px 0; font-size: 16px; color: #fff;}
.siot-scene-add-action .save{border: 1px solid var(--bg-color); background-color: var(--bg-color); margin-bottom: 0;}
.siot-scene-add-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}

/* ================================== 通行 =========================================== */
/* 首页 */
.pass-index{padding-bottom: 20px;}
.pass-index-bg{width: 100%; height: 200px; background: linear-gradient(#3670F3, #f5f5f5);}
.pass-index-banner{margin: -180px 10px 15px;}
.pass-index-banner img{width: 100%; height: 140px; display: flex;}
.pass-index-content{margin: 0 10px;}
.pass-index-content-item{background: #fff; border-radius: 5px; margin-bottom: 15px;}
.pass-index-content-item .title{font-size: 16px; color: #777; padding: 10px 10px; border-bottom: 1px solid #f5f5f5;}
.pass-index-content-item .list{display: flex; flex-wrap: wrap;}
.pass-index-content-item .list .item{display: flex; flex-direction: column; justify-content: center; align-items: center;
    width: 33.33%; padding: 15px 0; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;}
.pass-index-content-item .list .item:active{background: #F5F5F5;}
.pass-index-content-item .list .item img{width: 24px; height: 24px; display: flex; margin-bottom: 7px;}
.pass-index-content-item .list .item .name{font-size: 15px; font-weight: 500; color: #000;}
.pass-index-content-item .list .item .desc{font-size: 12px; color: #999;}
/* 门禁设备 */
.pass-control-device-bg{width: 100%; height: 200px; background: linear-gradient(#3670F3, #f5f5f5);}
.pass-control-device-top{margin: -180px 15px 0; display: flex; align-items: center;}
.pass-control-device-top .item{flex: 1; display: flex; justify-content: space-between; align-items: center;
    padding: 20px 10px 20px 15px; background: #fff; border-radius: 5px;}
.pass-control-device-top .item:active{background: #f5f5f5;}
.pass-control-device-top .item .left{display: flex; align-items: center;}
.pass-control-device-top .item .left svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.pass-control-device-top .item .left .name{font-size: 16px; font-weight: 500; color: #333; margin-left: 10px;}
.pass-control-device-top .item .mui-icon{font-size: 20px; color: #999;}
.pass-control-device-list{margin: 15px 15px 0;}
.pass-control-device-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; position: relative;}
.pass-control-device-item:active{background: #f5f5f5;}
.pass-control-device-item .status{position: absolute; top: 0; right: 0; z-index: 9; width: 50px; height: 50px;}
.pass-control-device-item .status img{width: 100%; height: 100%;}
.pass-control-device-item-up{display: flex; align-items: center; margin-bottom: 10px;}
.pass-control-device-item-up img{width: 50px; height: 50px; display: flex; margin-right: 10px;}
.pass-control-device-item-up .info{display: flex; flex-direction: column; justify-content: center;}
.pass-control-device-item-up .info .name{font-size: 16px; color: #333; margin-bottom: 5px;}
.pass-control-device-item-up .info .type{display: flex; align-items: center;}
.pass-control-device-item-up .info .type span{display: inline-block; font-size: 12px; width: 50px; height: 20px;
    line-height: 20px; border-radius: 3px; text-align: center;}
.pass-control-device-item-up .info .type .type1{background: rgba(54,112,243, .1); color: #3670F3; margin-right: 10px;}
.pass-control-device-item-up .info .type .type2{background: rgba(253,168,80, .1); color: #FDA850;}
.pass-control-device-item-down{display: flex; justify-content: space-between; align-items: center;}
.pass-control-device-item-down .left{font-size: 14px; color: #777; max-width: 60%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pass-control-device-item-down .right{display: flex; align-items: center;}
.pass-control-device-item-down .right .desc{font-size: 14px; color: #777;}
.pass-control-device-item-down .right .num{font-size: 14px; color: #3670F3;}
/* 临时权限 */
.pass-short-auth-bg{width: 100%; height: 200px; background: linear-gradient(#3670F3, #f5f5f5);}
.pass-short-auth-top{margin: -180px 15px 0; display: flex; align-items: center;}
.pass-short-auth-top .item{flex: 1; display: flex; justify-content: space-between; align-items: center;
    padding: 20px 10px 20px 15px; background: #fff; border-radius: 5px;}
.pass-short-auth-top .item:active{background: #f5f5f5;}
.pass-short-auth-top .item .left{display: flex; align-items: center;}
.pass-short-auth-top .item .left svg{width: 24px; height: 24px; fill: #333; overflow: hidden;}
.pass-short-auth-top .item .left .name{font-size: 16px; font-weight: 500; color: #333; margin-left: 10px;}
.pass-short-auth-top .item .mui-icon{font-size: 20px; color: #999;}
.pass-short-auth-list{margin: 15px 15px 0;}
.pass-short-auth-item{padding: 15px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5;
    margin-bottom: 15px; position: relative;}
.pass-short-auth-item:active{background: #f5f5f5;}
.pass-short-auth-item .up{display: flex; justify-content: space-between; align-items: center;}
.pass-short-auth-item .up .name{font-size: 16px; color: #333;}
.pass-short-auth-item .up .desc{display: inline-block; font-size: 12px; width: 70px; height: 24px;
    line-height: 24px; border-radius: 3px; text-align: center;}
.pass-short-auth-item .up .desc1{background: rgba(33,211,136, .1); color: #21D388;}
.pass-short-auth-item .up .desc2{background: rgba(253,168,80, .1); color: #FDA850;}
.pass-short-auth-item .up .desc3{background: rgba(54,112,243, .1); color: #3670F3;}
.pass-short-auth-item .mid{font-size: 14px; color: #777; margin: 10px 0;}
.pass-short-auth-item .down{display: flex; align-items: center;}
.pass-short-auth-item .down .left{flex: 1; display: flex; justify-content: center; align-items: center; margin-right: 10px;
    font-size: 14px; height: 40px; border-radius: 5px; background: rgba(54,112,243, .1); color: #3670F3;}
.pass-short-auth-item .down .right{flex: 1; display: flex; justify-content: center; align-items: center;
    font-size: 14px; height: 40px; border-radius: 5px; background: rgba(253,168,80, .1); color: #FDA850;}
/* 临时权限·添加表单 */
.pass-short-auth-add-bg{width: 100%; height: 200px; background: linear-gradient(#3670F3, #f5f5f5);}
.pass-short-auth-add-item{background: #fff; border-radius: 7px; margin: -180px 15px 85px;}
.pass-short-auth-add-item-input{display: flex; align-items: center; padding: 8px 0 8px 10px; position: relative;}
.pass-short-auth-add-item-input:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.pass-short-auth-add-item-input .left{font-size: 15px; color: #333; white-space: nowrap;}
.pass-short-auth-add-item-input .content{font-size: 16px; color: #333; text-align: right;
    margin-bottom: 0; padding: 10px; border: 0;}
.pass-short-auth-add-item-input .content::placeholder{font-size: 16px; color: #d8d8d8;}
.pass-short-auth-add-item-select{display: flex; justify-content: space-between; align-items: center;
    padding: 0 5px 0 10px; height: 56px; position: relative;}
.pass-short-auth-add-item-select:after{position: absolute; bottom: 0; left: 10px; right: 10px; height: 1px;
    content: ''; background-color: #f3f3f3;}
.pass-short-auth-add-item-select:active{background: #f5f5f5;}
.pass-short-auth-add-item-select .left{font-size: 15px; color: #333; white-space: nowrap;}
.pass-short-auth-add-item-select .right{display: flex; align-items: center;}
.pass-short-auth-add-item-select .right .desc{font-size: 16px; color: #d8d8d8;}
.pass-short-auth-add-item-select .right .desc2{font-size: 16px; color: #333;}
.pass-short-auth-add-item-select .right .mui-icon{font-size: 20px; color: #d8d8d8;}
.pass-short-auth-add-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #f3f3f3;}
.pass-short-auth-add-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid #3670F3;
    background-color: #3670F3; margin-bottom: 0; width: 90%; border-radius: 8px;}
.pass-short-auth-add-action .save:active{border: 1px solid #3670F3; background-color: #3670F3; opacity: 0.8;}
/* 临时权限·编辑表单 */
.pass-short-auth-edit .pass-short-auth-add-action .save{width: 67%;}
.pass-short-auth-edit .pass-short-auth-add-action .delete{width: 20%; padding: 10px 0; font-size: 16px; color: #333;
    border-color: #eee; margin-right: 3%; margin-bottom: 0;}
/* 选择车道 */
.pass-short-auth-select-road-bg{width: 100%; height: 200px; background: linear-gradient(#3670F3, #f5f5f5);}
.pass-short-auth-select-road .content{background: #fff; border-radius: 7px; margin: -180px 15px 85px;}
.pass-short-auth-select-road .content .mui-input-row{border-bottom: 1px solid #f5f5f5;}
.pass-short-auth-select-road .content .mui-checkbox.mui-left label{font-size: 16px; color: #000;
    padding-left: 40px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; word-break: break-all;}
.pass-short-auth-select-road .content .mui-checkbox input[type=checkbox]:before{font-size: 20px; color: #3670F3;}
.pass-short-auth-select-road .content .mui-checkbox.mui-left input[type=checkbox]{left: 15px; top: 18px;}
.pass-short-auth-select-road-action{position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; height: 65px;
    display: flex; justify-content: center; align-items: center; background: #fff; box-shadow: 0 -3px 3px #e5e5e5;}
.pass-short-auth-select-road-action .save{padding: 10px 0; font-size: 16px; color: #fff; border: 1px solid var(--bg-color);
    background-color: var(--bg-color); margin-bottom: 0; width: 90%;}
.pass-short-auth-select-road-action .save:active{border: 1px solid var(--bg-color); background-color: var(--bg-color); opacity: 0.8;}
/* 通行记录 */
.pass-record-top{background: url("../img/pass/bg2.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 280px; padding: 0 15px;}
.pass-record-filter{display: flex; align-items: center; padding: 15px 0;}
.pass-record-filter-item{display: flex; align-items: center; margin-right: 20px;}
.pass-record-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.pass-record-filter-item .mui-icon{font-size: 20px; color: #fff;}
.pass-record-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.pass-record-search .mui-search{margin: 0 auto;}
.pass-record-search .mui-search input{background-color: rgba(255,255,255,.9);}
.pass-record-search .mui-search .mui-placeholder{pointer-events: none;}
.pass-record-list{margin: -180px 15px 0;}
.pass-record-item{padding: 0 10px 10px; background: #fff; border-radius: 5px; box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.pass-record-item-top{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.pass-record-item-top .left{display: flex; align-items: center;}
.pass-record-item-top .left img{width: 30px; height: 30px; border-radius: 50%; display: flex;}
.pass-record-item-top .left .name{font-size: 16px; color: #333; margin-left: 5px;}
.pass-record-item-top .right{font-size: 14px; color: #999;}
.pass-record-item-bottom{display: flex; justify-content: space-between;}
.pass-record-item-bottom .left{display: flex; flex-direction: column; justify-content: center; width: 75%;}
.pass-record-item-bottom .left span{font-size: 14px; color: #777; margin-bottom: 10px;}
.pass-record-item-bottom .left span:last-child{margin-bottom: 0;}
.pass-record-item-bottom .right{display: flex; align-items: center;}
.pass-record-item-bottom .right span{display: inline-block; font-size: 14px; width: 80px; height: 30px;
    line-height: 30px; border-radius: 3px; text-align: center; background: rgba(33,211,136, .1); color: #21D388;}
/* 表单数据 */
.pass-form-data-top{background: url("../img/pass/bg2.png") center no-repeat; background-size: 100% 100%;
    width: 100%; height: 280px; padding: 0 15px;}
.pass-form-data-filter{display: flex; align-items: center; padding: 15px 0;}
.pass-form-data-filter-item{display: flex; align-items: center; margin-right: 20px;}
.pass-form-data-filter-item .name{font-size: 14px; color: #fff; line-height: normal;}
.pass-form-data-filter-item .mui-icon{font-size: 20px; color: #fff;}
.pass-form-data-filter-item svg{width: 16px; height: 16px; fill: #fff; overflow: hidden;}
.pass-form-data-search .mui-search{margin: 0 auto;}
.pass-form-data-search .mui-search input{background-color: rgba(255,255,255,.9);}
.pass-form-data-search .mui-search .mui-placeholder{pointer-events: none;}
.pass-form-data-list{margin: -180px 15px 0;}
.pass-form-data-item{padding: 0 10px 10px; background: #fff; border-radius: 5px;
    box-shadow: 0px 5px 5px 0 #e5e5e5; margin-bottom: 15px;}
.pass-form-data-item-top{display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid #f5f5f5;}
.pass-form-data-item-top .left{display: flex; align-items: center;}
.pass-form-data-item-top .left img{width: 30px; height: 30px; border-radius: 50%; display: flex;}
.pass-form-data-item-top .left .name{font-size: 16px; color: #333; margin: 0 7px 0 5px;}
.pass-form-data-item-top .left .desc{font-size: 12px; color: #3670F3; padding: 0 5px; border-radius: 3px;
    background: rgba(54,112,243, .1);}
.pass-form-data-item-top .right{display: flex; align-items: center;}
.pass-form-data-item-top .right .status{display: flex; align-items: center;}
.pass-form-data-item-top .right .status .dot{display: inline-block; width: 6px; height: 6px; border-radius: 50%;}
.pass-form-data-item-top .right .status .name{font-size: 14px; margin-left: 3px;}
.pass-form-data-item-top .right .status1 .dot{background: #FDA850;}
.pass-form-data-item-top .right .status1 .name{color: #FDA850;}
.pass-form-data-item-top .right .status2 .dot{background: #21D388;}
.pass-form-data-item-top .right .status2 .name{color: #21D388;}
.pass-form-data-item-top .right .status3 .dot{background: #FF5A48;}
.pass-form-data-item-top .right .status3 .name{color: #FF5A48;}
.pass-form-data-item-mid{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.pass-form-data-item-mid .left{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.pass-form-data-item-mid .left .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.pass-form-data-item-mid .left .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.pass-form-data-item-mid .mui-icon{font-size: 20px; color: #999;}
.pass-form-data-item-mid .right{display: flex; flex-direction: column; justify-content: center; align-items: flex-end;}
.pass-form-data-item-mid .right .date{font-size: 14px; color: #999; margin-bottom: 5px;}
.pass-form-data-item-mid .right .time{font-size: 22px; font-weight: 500; color: #111; letter-spacing: 3px;}
.pass-form-data-item-bottom{padding: 10px 10px; background: #f5f5f5;}
.pass-form-data-item-bottom .up{font-size: 14px; color: #777; margin-bottom: 7px;}
.pass-form-data-item-bottom .down{font-size: 14px; color: #777;}