@import './variable.scss';

body {
    padding: 0;
    margin: 0;
    background-color: $colorBg;
    overflow: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.FontColorError {
    color: $colorRed;
}

.FontColorSuccess {
    color: $colorGreen;
}

.FontColorNormal {
    color: $colorSix;
}

.FontColorInfo {
    color: $colorInfo;
}

.FontColorOther {
    color: $colorBlue;
}

.FontColorBlue {
    color: $colorBlueHove;
}

.FontColorWarn {
    color: $colorOrange;
}

.FontColorWhite {
    color: #FFFFFF;
}

.black {
    color: #323233;
}

.bwhite {
    background-color: #fff;
}

.mr5 {
    margin-right: 5px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mg {
    margin: 16px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pl15 {
    padding-left: 15px;
}

.pr15 {
    padding-right: 15px;
}

.fb {
    font-weight: bold;
}

.fz10 {
    font-size: 10px;
}

.fz11 {
    font-size: 11px;
}

.fz12 {
    font-size: 12px;
}

.fz13 {
    font-size: 13px;
}

.fz14 {
    font-size: 14px;
}

.fz15 {
    font-size: 15px;
}

.fz16 {
    font-size: 16px;
}

.df {
    display: flex;
}

.jfc {
    justify-content: center;
}

.jfsa {
    justify-content: space-around;
}

.jfsb {
    justify-content: space-between;
}

.aic {
    align-items: center;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 1.2;
}

.OPoint {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.van-cell__value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.visible_cell__value {
    .van-cell__value {
        white-space: normal;
    }
}

.visible_cell__value1 {
    .van-cell__value {
        white-space: normal;
        flex: 3;
        text-align: left;
    }
}

.wrap_cell__value {
    .van-cell__value {
        white-space: normal;
    }
}

.van-toast.van-toast--middle.van-toast--success {
    color: #00d064;
    width: 50%;
}

.van-toast.van-toast--middle.van-toast--fail {
    color: #55ffff;
    width: 50%;
}

.van-overlay {
    z-index: 999 !important;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page {
    width: 100%;
    height: 100%;
    .content {
        margin-top: 47px;
        width: 100%;
        height: calc(100vh - 47px);
        overflow-y: auto;
    }
}

.underline {
    text-decoration: underline;
}

.showLine {
    border-bottom: 1px solid #585858;
    flex: 1;
    min-width: 30px;
    word-break: break-all;
    word-wrap: normal;
    white-space: normal;
}

.problem {
    word-break: break-all;
    word-wrap: normal;
    white-space: normal;
}

.center {
    text-align: center;
}

.vjs_video_3-dimensions {
    width: 100% !important;
    height: 240px !important;
}
.video-js .vjs-big-play-button {
    top: 38% !important;
    left: 35% !important;
}
.monitor_record_name_time {
    justify-content: space-between;
    .van-cell {
        display: inline-block;
    }
    .monitor_record_name,
    .monitor_record_time {
        display: flex;
        align-items: center;
        max-width: 50%;
        label {
            white-space: nowrap;
        }
    }
    .monitor_record_name {
        label {
            flex: 0 0 96px;
        }
        .van-cell {
            flex: 1;
        }
    }
    .monitor_record_time {
        label {
            flex: 0 0 60px;
        }
        span {
            flex: 1;
        }
    }
}