/**
config
 */

.link-right {
    border-left: 3px solid #3A77FE;
    border-left: 3px solid var(--mainblue-color);
    margin-right: 10px;
    height: 16px;
}

.link-top {
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid #DADEE7 1px;
    margin-top: 27px;
    margin-bottom: 25px;
}

.plat-box {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
}

.conftitle {
    margin-bottom: 21px;
}

.inotherline {
    display: inline-block;
    margin-top: 12px;
}

.imcontrol {
    position: absolute;
    line-height: 18px;
    left: 263px;
}

.elecheck1 .yjelecheck1 .lgelecheck1 {
    margin-left: 25px;
}

.singlePanel {
    /*padding: 10px 10px;*/
    /*display: table;*/
    width: 100%;
    min-height: calc(100vh - 80px);
    background-color: #FFFFFF !important;
    background-color: var(--white-color) !important;
}

.leftdiv {
    /*position: relative;*/
    /*display: table-cell;*/
    position: absolute;
    top: 45%;
    right: 13px;
    vertical-align: middle;
    z-index: 99;
    width: 0;
}

.rightdiv {
    position: absolute;
    top: 45%;
    left: -18px;
    vertical-align: middle;
    z-index: 99;
    width: 0;
}

.right {
    right: 346px !important;
}

.left {
    left: 195px !important;
}

#logmain {
    display: block;
    /* margin-left: 320px; */
    overflow: hidden;
    padding: 0 0 0 12px;
    min-height: calc(100vh - 80px);
    background: #F3F3F3;
    background: var(--grey-color);
}

.logcontent {
    background: #FFFFFF !important;
    background: var(--white-color) !important;
    min-height: calc(100vh - 80px);
}

.slidehide {
    display: none;
}

#slideleftId,
#sliderightId,
#remoteslideleftId,
#remotesliderightId {
    float: right;
    margin-right: -31px;
}

.left24 {
    display: block;
    margin-left: 240px;
    padding: 7px 24px 12px 12px !important;
    min-height: calc(100vh - 80px);
}

.left23 {
    display: block;
    margin-left: 240px;
    padding: 7px 24px 12px 24px !important;
    min-height: calc(100vh - 80px);
}

.left12 {
    display: block;
    margin-left: 240px;
    padding: 7px 12px 12px 12px !important;
    min-height: calc(100vh - 80px);
}

.showyt {
    margin-right: 338px;
    width: calc(100% - 338px) !important;
}

.showlt {
    margin-left: 212px;
    width: calc(100% - 212px) !important;
}

.showchancel {
    margin-left: 212px !important;
}

.previewRight {
    position: absolute;
    top: 2px;
    width: 326px;
    height: 100%;
    min-height: calc(100vh - 80px);
    right: 0px;
    background-color: #FFFFFF !important;
    background-color: var(--white-color) !important;
}

.previewLeftd {
    position: absolute;
    top: 2px;
    width: 200px;
    height: 100%;
    min-height: calc(100vh - 80px);
    left: 0px;
    background-color: #FFFFFF !important;
    background-color: var(--white-color) !important;
}

.previewLeft {
    position: absolute;
    top: 0;
    width: 200px;
    height: 100%;
    min-height: calc(100vh - 80px);
    left: -212px;
    background-color: #FFFFFF !important;
    background-color: var(--white-color) !important;
    overflow-y: auto;
}

.showbj {
    background-color: #F3F3F3 !important;
    background-color: var(--grey-color) !important;
}

.nopadding {
    padding: 7px 0 12px 0px !important;
}

.actionBar {
    padding-right: 26px;
    position: absolute;
    bottom: 0;
    height: 72px;
    width: 100%;
    padding-left: 6px;
    display: table;
    left: 0;
}

.actionimg {
    float: right;
    margin-right: 8px;
}


/*.activeimg {*/


/*filter: invert(40%) sepia(79%) saturate(2786%) hue-rotate(209deg) brightness(99%) contrast(102%)*/


/*}*/

.remotebootom {
    padding-right: 13px;
    position: absolute;
    bottom: 0;
    height: 96px;
    width: 100%;
    /*padding-left: 6px;*/
}

.remotebootomrange {
    font-size: 12px;
    /*background: #3B4150;*/
    border: 1px solid #FFFFFF;
    height: 76px;
}

.remotebootomtip {
    height: 20px;
    background: #FFFFFF;
    background: var(--white-color);
    font-size: 12px;
}

.remotemain {
    display: table;
    width: 100%;
    min-height: calc(100vh - 183px);
}

.actionbootom {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.remoteplay {
    width: 100%;
    height: calc(100vh - 235px);
    background: #484D5A;
    display: flex;
    justify-content: center;
    align-items: center;
}

.remotepreviewRight {
    position: absolute;
    top: 2px;
    width: 338px;
    height: calc(100vh - 176px);
    min-height: calc(100vh - 176px);
    right: 0;
    background-color: #FFFFFF!important;
    background-color: var(--white-color)!important;
    padding: 16px 11px 4px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.remotecenter {
    display: inline-block;
    flex: 1;
}

.remoteright {
    display: inline-block;
}

.remotecenterimg {
    margin-left: 32px;
}

.remoterightimg {
    margin-left: 20px;
}

.remoterightimglast {
    margin-left: 20px;
    margin-right: 20px;
}

.remotetime {
    margin-bottom: 39px;
}

.select-channel {
    margin-bottom: 20px;
    width: 294px;
    height: 250px;
    overflow-y: auto;
}

.btn-select-channel {
    color: #0B1837;
    background-color: #FFFFFF;
    border: 1px solid #DADEE7;
    border-radius: 6px !important;
    min-width: 82px;
    height: 36px;
    line-height: 24px;
    padding: 6px 12px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.btn-select-channel:hover,
.btn-select-channel:focus,
.btn-select-channel:active,
.btn-select-channel.active,
.open .dropdown-toggle .btn-select-channel {
    background-color: #EDF3FE;
    border: 1px solid #3A77FE;
    color: #3A77FE;
    border-radius: 6px;
    min-width: 82px;
    height: 36px;
    line-height: 24px;
}

.remotetime .datepicker,
.remotetime .table-condensed {
    width: 294px;
    font-size: 14px;
}

.remotepositioningbottom {
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*width: 90%;*/
    margin-bottom: 20px;
    margin-top: 20px;
}

.remotepositioningbottom .panel {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.remotepositioningbottom .panel-heading {
    background-color: #DADEE7 !important;
    padding: 7px 0 7px 12px !important;
}

.timeInput {
    margin: 0 0 0 8px;
    width: 40px;
    height: 36px;
    text-align: center;
}

.timeGoTo {
    margin: 0px 0 -11px 20px;
    display: inline-block;
    width: 64px;
    height: 36px;
    cursor: pointer;
    background: url(../img/remoteplayback/positioning.png);
}

.airemote {
    float: right;
    margin-left: 12px;
}

.timeremote {
    float: right;
    margin-left: 12px;
}

.ydremote {
    float: right;
    margin-left: 12px;
}

.bjremote {
    float: right;
    margin-left: 12px;
}

.sdremote {
    float: right;
    margin-left: 12px;
}

.sdremote:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #00ff00;
    content: '';
}

.airemote:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #A020F0;
    content: '';
}

.timeremote:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #89D2F5;
    content: '';
}

.bjremote:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #FF0000;
    content: '';
}

.ydremote:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #F7D21C;
    content: '';
}

.timeBar {
    background-color: #3B4150 !important;
}

.bar-ctrl {
    position: absolute;
    width: 36px;
    height: 16px;
    bottom: 72px;
    right: 19px;
    background-color: #3B4150;
    z-index: 10;
}

.time-narrow {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(../img/remoteplayback/addtime.png) 0 0 no-repeat;
    cursor: pointer;
}

.time-narrow:hover {
    background: url(../img/remoteplayback/highlightaddtime.png) 0 0 no-repeat;
}

.time-expand {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../img/remoteplayback/reducetime.png) 0 0 no-repeat;
    cursor: pointer;
}

.time-expand:hover {
    background: url(../img/remoteplayback/highlightreducetime.png) 0 0 no-repeat;
}

.ptz-ctrl {
    margin-top: 20px;
    height: 142px;
}

.ptz-ctrl-l {
    float: left;
    /*margin: 16px 0 0 0;*/
    width: 144px;
}

.ptz-ctrl-r {
    /*margin-top: 16px;*/
    float: left;
    text-align: right;
    width: 136px;
    margin-left: 20px;
}

.ptz-ctrl-l .direction {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 8px 8px 0;
    cursor: pointer;
}

.ptz-ctrl-l .ptzimg {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 1px 1px;
}

.operationlable {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 28px;
    margin-right: 12px;
    height: 40px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.operation {
    float: left;
    width: 96px;
    height: 40px;
    margin-bottom: 8px;
    cursor: pointer;
    border: solid 1px #cecece;
}

.ptzrightimg {
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 45px;
    height: 39px;
    margin: 1px 0 1px 1px;
}

.ptz-slider {
    display: flex;
    margin-top: 16px;
}

.ptzsliderlable {
    font-size: 14px;
    font-weight: 600;
}

.sliderbox {
    height: 28px;
    width: 40px;
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
}

.ptz-switch {
    margin-top: 15px;
}

.switchrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 24px;
}

.switchleft .switchright {
    width: 100px;
    height: 24px;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #3A77FE !important;
    background: #3A77FE !important;
    background: var(--mainblue-color) !important;
}

.ptzPresetPoint {
    margin-top: 15px;
    width: 300px;
}

.ptzPresetPoint .panel {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px #DADEE7;
    box-shadow: 0 1px 1px #DADEE7;
}

#previewcommon .panel,
#previewzn .panel {
    background-color: #ffffff;
    border: 1px solid #DADEE7;
    border-radius: 6px;
    /*-webkit-box-shadow: 0 1px 1px #DADEE7;*/
    /*box-shadow: 0 1px 1px #DADEE7;*/
}

#previewcommon .panel-heading,
#previewzn .panel-heading {
    background-color: #ffffff !important;
    padding: 15px 0 15px 15px !important;
}

.ptzPresetPoint .panel-heading {
    background-color: #ffffff !important;
    padding: 10px 0 10px 15px !important;
}

.panel-titleptz {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #0B1837;
    font-weight: 600;
}

.ptzPresetPoint .panel-body {
    max-height: calc(100vh - 530px);
    overflow: auto;
    padding: 12px 0 0 0!important;
}

.line-normal {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    background-color: #ffffff;
    white-space: nowrap;
}

.channel-list {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    background-color: #ffffff;
    white-space: nowrap;
}

.line-select {
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    background-color: #EEEEEE;
}

.preset-name {
    display: inline-block;
    width: 68px;
    vertical-align: super;
    color: #000000;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    margin-left: 15px;
}

.preview-left-name {
    display: inline-block;
    width: 68px;
    vertical-align: super;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 15px;
}

.ptzPresetPoint img {
    cursor: pointer;
}

.presetHandle {
    display: table-cell;
    float: right;
    margin-right: 20px
}

.previewLeftImg {
    display: table-cell;
    float: right;
    margin-right: 20px
}

.previewMiddleImg {
    width: 32px;
    height: 20px;
    float: right;
    margin-right: 10px
}

.previewMiddleImg img {
    width: 20px;
    height: 20px;
}

.pull-title {
    float: left !important;
    border-left: 3px solid #3A77FE;
    border-left: 3px solid var(--mainblue-color);
    margin-right: 12px;
    height: 20px;
}

.form-horizontal .control-label {
    text-align: left !important;
}

.log-left {
    width: 320px;
    height: calc(100vh - 80px);
    float: left;
    padding: 33px 20px;
}

.btnAdd {
    height: 18px;
    width: 18px;
    background: url(../img/holder/osdadd.png) 0 0;
    border: none;
    cursor: pointer;
    margin-left: 12px;
}

.btndel {
    height: 18px;
    width: 18px;
    background: url(../img/holder/osddel.png) 0 0;
    border: none;
    cursor: pointer;
    margin-left: 12px;
}

.facehx {
    border-top: solid #DADEE7 1px;
}

.play {
    height: calc(100vh - 152px);
    background-color: #484D5A !important;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.faceheight {
    height: calc(100vh - 348px) !important;
}

.downcomm {
    margin-right: 24px;
    color: #0B1837;
    font-size: 14px;
    cursor: pointer;
}

.dropdown-menu {
    padding: 0 !important;
}

.form-group {
    margin-bottom: 12px
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
}

.checkbox-inline>span {
    margin-left: 5px;
}

.baraction {
    height: 72px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.progress-bar {
    background-color: #3A77FE;
    background-color: var(--mainblue-color);
    border-radius: 15px;
}

.error {
    margin-top: 10px;
    padding-left: 13px;
    color: red;
}

.actionBarandface {
    padding-right: 26px;
    position: absolute;
    bottom: 196px;
    height: 72px;
    width: 100%;
    padding-left: 6px;
    display: table;
}

.faceenvent {
    padding-right: 0;
    position: absolute;
    bottom: 0;
    height: 196px;
    width: 100%;
    padding-left: 0;
    background-color: #F3F3F3;
    background-color: var(--grey-color);
}

.facezhupai {
    height: 184px;
    width: 100%;
    background-color: #FFFFFF !important;
    margin-top: 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.todyzp {
    width: 94px;
    height: 148px;
    background-color: #F1F2F5;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.oneCaput{
    display: flex;
    align-items: center;

}
.peopleInfo{
    margin-left: 8px;
    margin-right: 25px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.zppeople {
    width: 148px;
    height: 148px;
    background-color: #949BAC;
    margin-right: 12px;
    display: inline-block;
    /* 防止子元素收缩 */
    flex-shrink: 0;
}

.czppeople {
    width: 148px;
    height: 148px;
    background-color: #fff;
    margin-right: 12px;
    display: inline-block;
    /* 防止子元素收缩 */
    flex-shrink: 0;
}

.carinfo {
    /*display: inline-block;*/
    /*margin-right: 12px;*/
    /*margin-left: 8px;*/
    margin-right: 12px;
    display: flex;
    flex-direction: column;
    /*gap: 12px;*/
}

.peopeleparent {
    width: calc(100% - 140px) !important;
    overflow-x: auto;
    display: flex;
    align-items: center;
}

.titleFaceReco {
    color: #0B1837;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    margin-left: 15px;
}

.concterFaceReco {
    padding: 20px 0 20px 15px;
    height: calc(100vh - 130px);
    overflow-y: auto;
}

.sbpeople {
    width: 120px;
    height: 120px;
    background-color: #F1F2F5;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.name {
    margin-top: 11px;
    margin-bottom: 16px;
    color: #0B1837;
    font-size: 16px;
    font-weight: 600;
}

.timeandgrouptitle {
    margin-left: 8px;
    color: #5F646F;
    font-size: 14px;
    font-weight: 500;
}

.peopleparent {
    display: flex;
    align-items: center;
}

.facegroup {
    margin-bottom: 10px;
}

.time {
    margin-bottom: 10px;
}

.bdresult {
    float: right;
    color: #0B1837;
    font-size: 16px;
    font-weight: 600;
}

.bdnottg {
    margin-top: 11px;
    margin-bottom: 16px;
    color: red;
    font-size: 16px;
    font-weight: 600;
}


.modefooterfacecapte {
    display: flex;
    padding-top: 27px;
    padding-bottom: 15px;
    align-items: center;
}

.zhuapitime {
    flex: 1;
    font-size: 14px;
    color: #0B1837;
    text-align: center;
}

.viewbigimgtitle {
    font-size: 14px;
    color: #0B1837;
}

.viewbigimgresult {
    font-size: 14px;
    color: red;
}

.bigcaptuerimg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #484D5A;
}

.modal {
    overflow: auto
}

#collapseBasePaneimage,
#collapseBasePaneosd,
#collapseBasePanevideo,
#collapseBasealgorithm,
#collapseBasevigilance {
    height: auto !important;
}

.specaildate {
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    display: flex;
    margin-left: 13px;
    background: #3A77FE;
    margin-top: 4px;
}

.facepath input[type="radio"] {
    margin: 0 !important;
    width: 18px;
    height: 18px;
}

.facepathtip {
    margin-top: 23px;
    margin-bottom: 11px;
}

.facepath .radio {
    padding-left: 72px;
}

.choosepeoplebk {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    height: 128px;
    border: 1px dashed #DADEE7;
    margin-left: 72px;
}

form .form-group .required-flag:after {
    content: ' *';
    color: red;
    font-weight: bold !important;
}

.choosepeopleicon {
    width: 100%;
    height: 100%;
}

.face-title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f1f2f5;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 18px;
}

.face-title::before {
    content: "";
    width: 3px;
    height: 16px;
    background: #4a82ff;
    display: inline-block;
    vertical-align: middle;
}

.face-title span:first-child {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #0b1837;
    padding-left: 11px;
}

.loading {
    width: auto;
    /* min-width: 150px; */
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0px 0px -125px;
    line-height: 37px;
    color: #fff;
    padding-left: 60px; /* 保持左边距给图片空间 */
    padding-right: 20px; /* 添加右边距 */
    font-size: 12px;
    background: #000 url(../img/loading-bg.gif) no-repeat 20px 50%;
    background-size: 30px 30px; /* 将124x124的图片缩小为40x40 */
    opacity: 0.7;
    z-index: 9999;
    display: flex;
    justify-content: flex-end; /* 改为右对齐 */
    align-items: center; /* 恢复垂直居中 */
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* 确保文字容器右对齐 */
.loading > div {
    text-align: right; /* 文字右对齐 */
    width: 100%; /* 占满剩余空间 */
}

.facezgun {
    height: calc(100vh - 120px);
    overflow: auto;
}

.dataTables_empty {
    text-align: center !important;
}

.plan-time {
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    -ms-flex-align: center;
}

.plan-time>img {
    width: 18px;
    height: 18px;
    margin: 0 10px;
}

.plan-time input {
    margin: 0 5px;
    width: 240px;
    border: 1px solid #dadee7;
    border-radius: 4px;
}

.pagination {
    margin: 18px 10px !important;
}

.alTrigge-box label {
    margin-right: 15px
}

.col-md-12 {
    padding-left: 0 !important;
}


/* 手动按钮开关 */

.cw-switch {
    display: inline-block;
    width: 48px;
    height: 24px;
    line-height: 22px;
    border-radius: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #ccc;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out
}

.cw-switch-inner {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 25px
}

.cw-switch:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: 1px;
    cursor: pointer;
    transition: left .2s ease-in-out, width .2s ease-in-out
}

.cw-switch:active:after {
    width: 26px
}

.cw-switch-checked {
    border-color: #3a77fe;
    background-color: #3a77fe
}

.cw-switch-checked .cw-switch-inner {
    left: 8px
}

.cw-switch-checked:after {
    left: 25px
}

.cw-switch-checked:active:after {
    left: 19px
}

.cw-switch-disabled {
    cursor: not-allowed;
    background: #f3f3f3;
    border-color: #f3f3f3
}

.cw-switch-disabled:after {
    background: #ccc;
    cursor: not-allowed
}

.cw-switch-disabled .cw-switch-inner {
    color: #ccc
}


/* 强制解决云台未知异常 */


/* #isNvrnoptz .back-bar .high {
    left: 0px !important;
} */
.btn-right{
    width: 220px;
    text-align: right;
}
/* .box-layout{
    width: 1100px !important;
} */
@media screen and (max-width: 1300px) {
    .box-layout{
          width: 900px;
      }
}
@media screen and (min-width: 1300px) {
    .box-layout{
            width: 1100px;
        }
}
.icon-img{
    display: flex;
    display: -ms-flexbox;
}
.content-padding{
    padding-top:14px !important;
}
/* 纵向滚动条 */
::-webkit-scrollbar {
    width: 6px; /* 定义纵向滚动条的宽度 */
}

/* 纵向滑块样式 */
::-webkit-scrollbar-thumb {
   background-color: #dad7d7;
   border-radius: 6px;
}

/* 纵向滚动条轨道样式 */
::-webkit-scrollbar-track {
   background-color: #f2f2f2;
   border-radius: 6px;
}

/* 横向滚动条 */
::-webkit-scrollbar:horizontal {
    height: 6px; /* 定义横向滚动条的高度 */
}

/* 横向滑块样式 */
::-webkit-scrollbar-thumb:horizontal {
   background-color: #dad7d7;
   border-radius: 6px;
}

/* 横向滚动条轨道样式 */
::-webkit-scrollbar-track:horizontal {
   background-color: #f2f2f2;
   border-radius: 6px;
}
.btn-positive{
    position: absolute;
    left: 240px;
    top: 0px;
}
.btn-time{
    /* position: absolute;
    left: 357px;
    top: 0px; */
}
.czsbppeople {
    width: 120px;
    height: 100px;
    background-color: #fff;
    margin-right: 12px;
    display: inline-block;
}
.oneCar{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.sbimgandinfo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cartype{
    font-size: 14px;
    font-weight: 600;
}
.titleCarReco {
    color: #0B1837;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    margin-left: 15px;
}
