html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 1917px;
}

.topDiv {
    background-image: linear-gradient(180deg, #04172A 0%, rgba(4,23,42,0.50) 100%);
    width: 100%;
    height: 90px;
    position: absolute;
    text-align: center;
}

.topDivMargin {
    background-color: #04172A;
    height: 90px;
}

.topImg {
    background: url(../../img/index/header-bg-4043aa1433.png);
    width: 100%;
    height: 90px;
    background-repeat: round;
    position: absolute;
    background-size: cover;
}

.weatherAndTimeDiv {
    position: absolute;
    left: 20px;
    top: 39px;
    width: 105px;
}

.weatherIcon {
    /*background: url(../../img/weathercn02/0.png);*/
    width: 16px;
    height: 16px;
    background-repeat: round;
    float: left;
    margin-top: 6px;
}

.dateTimeShow {
    display: flex;
    flex-direction: column;
}

.timeShow, .dateShow {
    font-size: 14px;
    color: #E0F6FF;
    margin-left: 9px;
    letter-spacing:0.5px;
}

.leftMenuListDiv {
    position: absolute;
    left: 144px;
    top: 36px;
}

.menu {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #E0F6FF;
    padding-top: 6px;
    margin-right: 40px;
    cursor: pointer;
    position: relative;
}

.mainTitle {
    font-family: AlimamaShuHeiTi-Bold;
    font-size: 35px;
    color: #F5FCFF;
    letter-spacing: 2.68px;
    text-align: center;
    text-shadow: 3px 4px 0 rgba(7,30,54,0.20);
    font-weight: 400;
    padding-top: 19px;
    position: relative;
    /*z-index: 99999;*/
    display: inline-block;
}

.mainTitle2 {
    font-family: AlimamaShuHeiTi-Bold;
    color: #F5FCFF;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 6px;
    align-content: flex-start;
}

.mainTitle2_companyName {
    font-size: 28px;
    height: 30px;
    line-height: 28px;
    letter-spacing: 2.68px;
    text-align: center;
    text-shadow: 3px 4px 0 rgba(7,30,54,0.20);
    font-weight: 800;
}

.mainTitle2_systemName {
    font-size: 36px;
    letter-spacing: 2.68px;
    text-align: center;
    text-shadow: 3px 4px 0 rgba(7,30,54,0.20);
    font-weight: 800;
}

.rightMenuListDiv {
    position: absolute;
    right: 235px;
    top: 36px;
}

.systemToolList {
    position: absolute;
    right: 20px;
    top: 36px;
}

.backManageSystem {
    display: inline-block;
    background-image: url(../../img/index/icon_houtai-e27da570f2.png);
    width: 24px;
    height: 24px;
    background-repeat: round;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
}

.intelligentTrain {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #E0F6FF;
    margin-right: 0px;
    line-height: 34px;
    vertical-align: top;
    cursor: pointer;
}

.fullScreenDiv {
    display: inline-block;
    background-image: url(../../img/index/icon_full-1d64d2c420.png);
    width: 24px;
    height: 24px;
    background-repeat: round;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
}
.fullScreenDiv.not{
    background-image: url(../../img/index/icon_exitfull-7f7c6d74fe.png);
}
.noiceDiv {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}
.noiceDiv.not{
    background-image: url(../../img/index/icon_voice-80936fa045.png);
}
.userInfoDiv {
    display: inline-block;
    line-height: 38px;
    vertical-align: top;
    /*width: 120px;*/
    height: 38px;
    text-align: center;
    cursor: pointer;
}
.userInfoSpan{
    display: inline-block;
    /*width: 120px;*/
    height: 38px;
}
#userInfoRealName {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #F5FCFF;
    letter-spacing: 1.26px;
    text-align: right;
    display: inline-block;
    height: 38px;
    width: 65px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.twzn_this {
    color: #50DEFF;
}

.headTwo {
    background-image: url(../../img/index/header-two-c6be997dd1.png);
    width: 56px;
    height: 30px;
    background-repeat: round;
    position: absolute;
    top: 2px;
    left: -12px;
}

.headFour {
    background-image: url(../../img/index/header-four-de7fb4dd9d.png);
    width: 88px;
    height: 30px;
    background-repeat: round;
    position: absolute;
    top: 2px;
    left: -12px;
}

.mainBusinessDiv {
    height: 100%;
    background-color: #0c6d64;
}


body .demo-class {
    background: linear-gradient(-45deg, transparent 15px, #EA1919 0);
    box-shadow: 0 0;
    padding: 2px;
    animation:mymove 1s 5;
}
@keyframes mymove{
from {
    background: linear-gradient(-45deg, transparent 15px, rgba(234,25,25,0.30) 0);
}

to {
    background: linear-gradient(-45deg, transparent 15px, #EA1919 0);
}
}
body .demo-class .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,1);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .demo-class .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .demo-class .layui-layer-content iframe {
    /* height: 599px!important; */
}



body .demos-class {
    background: linear-gradient(-45deg, transparent 15px, #08B2FF 0);
    box-shadow: 0 0;
    padding: 2px;
}

body .demos-class .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,1);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .demos-class .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .demos-class .layui-layer-content iframe {
    /* height: 599px!important; */
}




body .demoes-class {
    background: linear-gradient(-45deg, transparent 15px, #08B2FF 0);
    box-shadow: 0 0;
    padding: 2px;
}

body .demoes-class .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,1);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .demoes-class .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .demoes-class .layui-layer-content iframe {
    height: 689px!important;
}
body .demoses-class {
    background: linear-gradient(-45deg, transparent 5px, #08B2FF 0);
    box-shadow: 0 0;
    padding: 2px;
}
body .demoses-class .layui-layer-load {
    background: linear-gradient(-45deg, transparent 5px, #151F48 0);
    background-image: url(../../img/index/loading-0e6e0f46d7.gif) !important;
    background-position: center center !important;
    background-size: 50px 50px;
    background-repeat: no-repeat !important;
}
/* .demoses-class .layui-layer-ico{
    display: none !important;
} */
.demoses-class .layui-layer-title{
    background-color: rgba(0,35,78,1);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}
body .demoses-class .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
    right: -10px;
    top: -5px;
}
.demoses-class .layui-layer-setwin .layui-layer-close2:hover {
    background-position: 0px 0px;
}
.camera {
    background: url(../../img/map/icon_jiankong_white-8f02ed1720.png);
    width: 16px;
    height: 16px;
    background-repeat: round;
    position: absolute;
    right: 116px;
    top: 20px;
}

.cameraDesc {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #E0F6FF;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    right: 65px;
    top: 20px;
    cursor: pointer;
    z-index: 2147483650;
}

/*边框*/
/*智能设备设备详情边框*/
body .layer-conf-classes{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-classes .layui-layer-content iframe {
    height: 803px!important;
}
body .layer-conf-classes .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
body .layer-conf-classes .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
/*智能设备设备详情预警配置边框*/
body .layer-conf-class-yjpz{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-class-yjpz .layui-layer-content iframe {
    /* height: 456px!important; */
}
body .layer-conf-class-yjpz .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
body .layer-conf-class-yjpz .layui-layer-btn{
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,1) 0);
    padding-top: 0px;
    /* padding: 0px 15px 6px !important; */
}
body .layer-conf-class-yjpz .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
/*智能设备设备详情预警边框*/
body .layer-conf-class-ls{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-class-ls .layui-layer-content iframe {
    height: 604px!important;
}
body .layer-conf-class-ls .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
body .layer-conf-class-ls .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
/*智能设备设备详情预警配置边框*/
body .layer-conf-class-yjpzt{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-class-yjpzt .layui-layer-content iframe {
    height: 327px!important;
}
body .layer-conf-class-yjpzt .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
body .layer-conf-class-yjpzt .layui-layer-btn{
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,1) 0);
    padding: 0px 15px 6px !important;
}
body .layer-conf-class-yjpzt .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
/*智能设备智能监控视频详情边框*/
body .layer-conf-class-spxq{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-class-spxq .layui-layer-content iframe {
    height: 793px!important;
}
body .layer-conf-class-spxq .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
/* body .layer-conf-class-spxq .layui-layer-btn{
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,1) 0);
    padding: 0px 15px 6px !important;
} */
body .layer-conf-class-spxq .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
/*智能设备智能监控视频详情边框*/
body .layer-conf-class-ssyxrz{
        background: linear-gradient(-45deg, transparent 15px,#08B2FF 0%) !important;
        box-shadow: 0 0;
        padding: 2px;
}
body .layer-conf-class-ssyxrz .layui-layer-content iframe {
    height: 492px!important;
}
body .layer-conf-class-ssyxrz .layui-layer-title{
    background: rgba(0,35,78,1) !important; 
    color: white;
    font-size: 16px;
    border-bottom: 1px solid  rgba(80,222,255,0.5);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
}
/* body .layer-conf-class-ssyxrz .layui-layer-btn{
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,1) 0);
    padding: 0px 15px 6px !important;
} */
body .layer-conf-class-ssyxrz .layui-layer-ico {
    background: url(../../img/index/icon_close2-fbde64e942.png) round;
    width: 60px;
    height: 24px;
    background-repeat: round;
}
.layui-layer-border {
    border: none !important;
}

/**
*弹窗样式
 */
body .layer-conf-class .layui-layer-title {
	border-bottom: 1px solid rgba(255,255,255,0.2);
    background-color: rgba(0,35,78,1);
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1;
    color: white;
    font-size: 16px;
}

body .layer-conf-class .layui-layer-ico {
	background: url(../../img/index/icon_close2-fbde64e942.png);
	width: 60px;
	height: 24px;
	background-repeat: round;
}

body .layer-conf-class .layui-layer-content {
	/*background-color: #243861;*/
	/* background-color: #001C3D; */
	color: #9396A1;
	font-size: 16px;
	/* padding-top: 40px; */
}

body .layer-conf-class .layui-layer-btn {
	/*background-color: #243861;*/
	background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,1) 0)!important;
}

body .layer-conf-class .layui-layer-btn0 {
	background-color: transparent;
	/* background-color: #0882CD; */
	border-color:rgba(224,246,255,0.5);
	color: white;
}
body .layer-conf-class .warnIcon {
    display: inline-block;
    background-image: url("../../img/index/icon_warn-02d5ad0f00.png");
    width: 24px;
    height: 24px;
    background-repeat: round;
    vertical-align: middle;
}
body .layer-conf-class .warnP {
    display: inline;
    vertical-align: middle;
    padding-top: 5px;
}
body .layer-conf-class .layui-layer-btn a {
    border-radius: 2px;
	width: 72px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	margin: 10px 10px 0px 10px;
}

body .layer-conf-class .layui-layer-btn1 {
	background-color: #096DD9;
	border-color: #096DD9;
	color: white;
}

body .layer-conf-class {
	/*background-color: #243861 !important;*/
	padding: 2px;
	background: linear-gradient(-45deg, transparent 15px, rgba(80,222,255,0.5) 0)!important;
}
body .layui-layer-border .layui-layer-content{
	background: none !important;
}
body .layui-layer-dialog .layui-layer-content{
	background: rgba(0,35,78,1);
}

/**
*弹窗样式
 */
body .layer-conf-class1 {
    background: linear-gradient(-45deg, transparent 15px, rgba(80,222,255,0.5) 0);
    box-shadow: 0 0;
    padding: 2px;
}

body .layer-conf-class1 .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,0.94);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .layer-conf-class1 .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .layer-conf-class1 .layui-layer-content {
    background-color: rgba(0,35,78,0.94);
    color: #E0F6FF;
    font-size: 16px;
}

body .layer-conf-class1 .warnIcon {
    display: inline-block;
    background-image: url("../../img/index/icon_warn-02d5ad0f00.png");
    width: 24px;
    height: 24px;
    background-repeat: round;
    vertical-align: middle;
}

body .layer-conf-class1 .warnP {
    display: inline;
    vertical-align: middle;
    padding-top: 5px;
}

body .layer-conf-class1 .layui-layer-btn {
    /*background-color: rgba(0,35,78,0.94);*/
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,0.94) 0);
}

body .layer-conf-class1 .layui-layer-btn0 {
    /*background-color: #243861;*/
    background-color: transparent;
    border-color: rgba(224,246,255,0.5);
    color: rgba(224,246,255,0.5);
}

body .layer-conf-class1 .layui-layer-btn1 {
    background-color: #096DD9;
    border-color: #096DD9;
    color: white;
}


/* 智能救援远程控制 */
body .hostControl{
    right: 16px !important;
    left:unset !important;
    background-color: transparent !important;
    height: calc(100% - 118px) !important;
}

body .hostControl .layui-layer-content{
    height: 100%;
}

/* body .hostControl iframe{
    height: 100% !important;
} */
/**
*弹窗样式
 */
body .layer-conf-class2 {
    background: linear-gradient(-45deg, transparent 15px, rgba(80,222,255,0.5) 0);
    box-shadow: 0 0;
    padding: 2px;
}

body .layer-conf-class2 .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,0.94);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .layer-conf-class2 .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .layer-conf-class2 .layui-layer-content {
    background-color: rgba(0,35,78,0.94);
    color: #E0F6FF;
    font-size: 16px;
}

body .layer-conf-class2 .warnIcon {
    display: inline-block;
    background-image: url("../../img/index/icon_warn-02d5ad0f00.png");
    width: 24px;
    height: 24px;
    background-repeat: round;
    vertical-align: middle;
}

body .layer-conf-class2 .warnP {
    display: inline;
    vertical-align: middle;
    padding-top: 5px;
}

body .layer-conf-class2 .layui-layer-btn {
    /*background-color: rgba(0,35,78,0.94);*/
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,0.94) 0);
}

body .layer-conf-class2 .layui-layer-btn0 {
    /*background-color: #243861;*/
    background-color: #096DD9;
    border-color: #096DD9;
    color: white;
}

/**
*消息通知弹窗样式
 */
body .message-conf-class {
    background: linear-gradient(-45deg, transparent 15px, #08B2FF 0);
    box-shadow: 0 0;
    padding: 2px;
}

body .message-conf-class .layui-layer-title {
    border-image: linear-gradient(90deg, rgba(224,246,255,0.30) 0%, rgba(224,246,255,0.00) 100%) 1 1 1 1;
    /*background-image: linear-gradient(90deg, rgba(36,176,209,0.14) 0%, rgba(36,176,209,0.00) 100%);*/
    background-color: rgba(0,35,78,0.94);
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #B0E8FF;
    font-weight: 500;
}

body .message-conf-class .layui-layer-close {
    background: url(../../img/homePage/icon_close2-fbde64e942.png);
    width: 60px;
    height: 24px;
    background-repeat: round;
}

body .message-conf-class .layui-layer-content {
    background-color: rgba(0,35,78,0);
    color: #E0F6FF;
    font-size: 16px;
}

body .message-conf-class .warnIcon {
    display: inline-block;
    background-image: url("../../img/index/icon_warn-02d5ad0f00.png");
    width: 24px;
    height: 24px;
    background-repeat: round;
    vertical-align: middle;
}

body .message-conf-class .warnP {
    display: inline;
    vertical-align: middle;
    padding-top: 5px;
}

body .message-conf-class .layui-layer-btn {
    /*background-color: rgba(0,35,78,0.94);*/
    background: linear-gradient(-45deg, transparent 15px, rgba(0,35,78,0.94) 0);
}

body .message-conf-class .layui-layer-btn0 {
    /*background-color: #243861;*/
    background-color: #096DD9;
    border-color: #096DD9;
    color: white;
}
/**
* 弹警告窗样式
*/
body .warn-class {
    background-color: #2B2111;
    border: 1px solid #594214;
    color: #A89C8E;
    border-radius: 5px;
}

/**
 * 弹错误窗样式
 */
body .error-class {
    background-color: #2A1215;
    border: 1px solid #58181C;
    color: #A9A0A1;
    border-radius: 5px;
}

/**
 * 弹成功窗样式
 */
body .success-class {
    background-color: #162312;
    border: 1px solid #274916;
    color: #A1A7A0;
    border-radius: 5px;
}

/* 授权到期通知 */
.authExpireNotice{
    background: #FFFBE6;
    border: 1px solid #FFE58F;
    width:100%;
    height: 40px;
    z-index: 19891020;
    position: fixed;
    top: 0;
    display: none;
}
.authExpireNotice .timespan1{
    display: inline-block;
    margin-top: 11px;
    margin-left: 32px;
    line-height: 20px;
    margin-right: 8px;
}
.authExpireNotice .timespan2{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #424242;
    letter-spacing: 0;
    line-height: 22px;
    margin-right: 24px;
}
.authExpireNotice .timespan3{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #488CF8;
    letter-spacing: 0;
    line-height: 22px;
    cursor: pointer;
}
.authExpireNotice .timewarns{
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
}
.authExpireNotice .timespan4{
    width: 24px;
    height: 24px;
    float:right;
    margin-right: 32px;
    margin-top: 0px;
    cursor: pointer;
}
.authExpireNotice .authExpireNoticeClose{
    position: relative;
    top: 10px;
    width: 24px;
    height: 24px;
}



.fireAlarmCameraDesc {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #E0F6FF;
    line-height: 18px;
    font-weight: 400;
    /* position: absolute;
    right: 101px;
    top: 19px; */
    float: right;
    margin-top: 17px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 2147483650;
}
.fireAlarmCamera {
    background: url(../../img/map/icon_jiankong_white-8f02ed1720.png);
    width: 16px;
    height: 16px;
    background-repeat: round;
    /* position: absolute;
    right: 152px;
    top: 19px; */
    float: right;
    margin-top: 17px;
    margin-right: 6px;
}

.hostControlSkipText {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(80, 222, 255, 1);
    line-height: 18px;
    font-weight: 400;
    /* position: absolute;
    right: 150px;
    top: 14px; */
    float: right;
    margin-top: 17px;
    margin-right: 10px;
    cursor: pointer;
    z-index: 2147483650;
}

#alarmAiVideoLocationBtn{
    position: absolute;
    width: 0px;
    height: 0px;
}

/* 图片弹窗 */
.magnify-modal {
    z-index: 99999999 !important;
}

/* 语音播报 */
.layui-layer-tips.speechTips {
    width: 266px !important;
    border: 1px solid rgba(0, 91, 139, 1) !important;
}

.speechTips .layui-layer-content {
    background-color: rgba(0, 49, 97, 1) !important;
    padding: 0px !important;
}

.speechTips i.layui-layer-TipsB {
    top: -10px !important;
}

.speechTips i.layui-layer-TipsB,
.speechTips i.layui-layer-TipsT {
    border: none !important;
    width: 24px !important;
    height: 12px !important;
    background: url(../../img/intelligenceMonitor20210906/tipsTriangle-e99d6df398.png) no-repeat !important;
    background-size: 100% !important;
}

.speechTips .tipTitle {
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding-left: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 14px;
}

.speechTips .tipTitleText {
    color: rgba(224, 246, 255, 0.88);
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 16px;
    font-weight: undefined;
}

.speechTips .tipTitleClose {
    width: 16px;
    height: 16px;
    background: url(../../img/homePage/close-5b00c74dc2.png) no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

.speechTips .tipBody {
    width: 100%;
    min-height: 56px;
    /* height: 56px; */
    padding-left: 16px;
    padding-right: 14px;
    padding-top: 9px;
    padding-bottom: 13px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.speechTips .tipBodyLeft {
    display: flex;
    align-items: center;
}

.speechTips .tipLeftText {
    color: rgba(224, 246, 255, 0.88);
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    margin-right: 8px;
    width: 156px;
}

.speechTips .tipEditIcon {
    width: 16px;
    height: 16px;
    background: url(../../img/intelligenceMonitor20210906/icon_edit-2e6646445c.png) no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
}

.speechTips .tipInputBody {
    width: 100%;
    height: 87px;
    padding-left: 16px;
    padding-right: 14px;
    padding-top: 9px;
    padding-bottom: 13px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}


.speechTips .tipSend {
    width: 44px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: rgba(255, 255, 255, 1);
    font-family: Alibaba PuHuiTi 2.0;
    font-size: 14px;
    background-color: rgba(22, 119, 255, 1);
    cursor: pointer;
}

.speechTips .layui-textarea {
    width: 180px;
    height: 57px;
    min-height: 36px !important;
    background-color: transparent;
    color: #ffffff;
    resize: none;
    border: 1px solid rgba(224, 246, 255, 0.24);
    border-radius: 2px;
    font-size: 14px;
}

.speechTips .layui-textarea:focus,
.speechTips .layui-textarea:hover {
    border-color: rgba(224, 246, 255, 0.24) !important;
}

.speechTips textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(224, 246, 255, 0.40);
}
/**
* 自定义滚动条
*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    border-style: dashed;
    background-color: #A2B5BD;
    border-color: transparent;
    border-width: 2px;
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background: #A2B5BD;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-button:vertical {
    display: none;
}
/* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-track,
::-webkit-scrollbar-track:vertical {
    background-color: rgba(4,23,42,0.00);
}
::-webkit-scrollbar-track-piece {
    background-color: rgba(4,23,42,0.00);
}
/* 滑块颜色 */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical {
    margin-right: 10px;
    background-color: #A2B5BD;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #A2B5BD;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-corner:vertical {
    background-color: #535353;
}
::-webkit-scrollbar-resizer,
::-webkit-scrollbar-resizer:vertical {
    background-color: #ff6e00;
}