.btn-st {
    display: inline-block;
    text-align: center;
    padding: 4px 6px;
    border: none;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.bg1 {
    background: #1d99dd;
}
a {
    text-decoration: none;
}
.aui-tab-item.aui-active {
	color: #00dbff;
	background: url(../images/tab_title.png) no-repeat  center center; background-size: 100% 100%;
}
.map_vod{border:none; padding: 0; margin-bottom: 0; width: 100%; height: 100%; text-align: center;}
.st-control table td {
    padding: 3px 5px;
}
.st-control table {
    font-size: 12px;
	color: #fff;
}

.aui-tab-item{ width: 120px;  text-align: center; color: #fff; cursor: pointer;}
.height56 {
    height: 57vh;
}
.height30 {
    height: 28vh;
    overflow: auto;
}
.height12 {
    height: 12vh;
    overflow: auto;
}
.height16 {
    height: 17.2vh;
    overflow: auto;
}
.height10 {
    height: 8.4vh;
    overflow: auto;
}
.height50 {
    height: 72.3vh;
    overflow: auto;
}
.height56 #tab1-con2{ height: 100%; width: 100%;}
.height56 #tab1-con2 .card-body {height: 100%;width: 100%;}

.height20 {
    height: 22vh;
    overflow: auto;
}
.right_display {
    display: flex;
align-items: center;
background: #f5f8f9; border: 1px solid #ddd; width: 99.3%; margin: 5px auto;
  
}

.ybox.active .spicon1{background: url(../images/spicon1_ac.png) no-repeat ;
	background-size: 100% ; 
}
.ybox.active .spicon2{background: url(../images/spicon2_ac.png) no-repeat ;
	background-size: 100% ; 
}
.ybox.active .spicon3{background: url(../images/spicon3_ac.png) no-repeat ;
	background-size: 100% ; 
}
.ybox.active .spicon4{background: url(../images/spicon4_ac.png) no-repeat ;
	background-size: 100% ; 
}
.spicon1{background: url(../images/spicon1.png) no-repeat ;
	background-size: 100% 100% ;  cursor: pointer;
	width: 16px; height: 16px; display: inline-block;}
.spicon2{background: url(../images/spicon2.png) no-repeat ;
		background-size: 100% 100% ; cursor: pointer;
		width: 16px; height: 16px; display: inline-block;}
.spicon3{background: url(../images/spicon3.png) no-repeat ;
			background-size: 100% 100% ;  cursor: pointer;
			width: 16px; height: 16px; display: inline-block;}
.spicon4{background: url(../images/spicon4.png) no-repeat ;
				background-size: 100% 100% ;  cursor: pointer;
				width: 16px; height: 16px; display: inline-block;}
				.waveform {
					width: 80px; height: 30px;  margin-top: 3px;
				}
				.ybox{margin: 0 5px;}
				a[role=btnPause] {
					display: none;
				}
				.display_none{display: none;}
				.ybox .btn-st img{ width: 14px; margin-right: 2px; position: relative; top: 3px;}
			.aqm_video {
				border-radius: 3px;
			 margin: 3px; border:1px solid #ddd;
				background: url(../images/sbg.png) no-repeat ;
				background-size: 100% 100%;
				box-sizing: border-box;
				 position: relative;
				
			  }
			
			  .aqm_video_title .aqm_usre {display: flex; align-items: center;}
			  .aqm_video_title .aqm_usre img{width:26px; height:26px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 5px; margin-right: 5px;}
			  .aqm_video_title .aqm_yujin {display: flex; align-items: center;}
			  .aqm_video_title .aqm_yujin img{width: 14px; margin-right: 5px;}
			  .aqm_video_title{background:#f0f4f8; position: absolute; top:0; width: 98.5%; display: flex; justify-content: space-between; z-index: 10000; padding: 5px;
			border-bottom: 1px solid #ddd}
.aqm_pz{border:1px solid #00a6ff; border-radius: 3px; padding: 5px 6px; cursor: pointer; margin-right: 8px;}
.aqm_pz:hover{border:1px solid #fff;}

.aqm_lx{border:1px solid #00a6ff; border-radius: 3px; padding: 5px 6px;cursor: pointer;}
.aqm_lx:hover{border:1px solid #ddd;}
			  .aqm_video_title  .aqm_pz  img{width: 14px; margin-right: 5px;}
			  .aqm_video_title  .aqm_lx  img{width: 14px; margin-right: 5px;}
			  .spbox3 .aqm_video{ height: 41.3vh;}
			.spbox1  .aqm_video{ height: 83.4vh;}
			.spbox4  .aqm_video{ height: 41.3vh;}
			.spbox2  .aqm_video{ height:41.3vh;}
			  .mt-5 {
				margin-top: .5rem;
			  }
			
			  video { background: url(../images/sbg.png) no-repeat #f0f4f8;
				background-size: 100% 100%;
				width: 100%;
				height: 100%;
			  }
			.videot{ width: 100%;
				height: 100%;}
			
			
			  .displayn {
				display: none;
			  }

			.lc_row {
				display: flex;
				flex-wrap: wrap; width: 100%;
				
				
			}
			.lc_col_1, .lc_col_2, .lc_col_3, .lc_col_4, .lc_col_5, .lc_col_6, .lc_col_7, .lc_col_8, .lc_col_9, .lc_col_10, .lc_col_11, .lc_col_12, .lc_col, .lc_col_auto, .col-md, .col-md-auto, .lc_col_lg_1, .lc_col_lg_2, .lc_col_lg_3, .lc_col_lg_4, .lc_col_lg_5, .lc_col_lg_6, .lc_col_lg_7, .lc_col_lg_8, .lc_col_lg_9, .lc_col_lg_10, .lc_col_lg_11, .lc_col_lg_12, .col-lg, .lc_col_lg_auto, .lc_col_xl_1, .lc_col_xl_2, .lc_col_xl_3, .lc_col_xl_4, .lc_col_xl_5, .lc_col_xl_6, .lc_col_xl_7, .lc_col_xl_8, .lc_col_xl_9, .lc_col_xl_10, .lc_col_xl_11, .lc_col_xl_12, .col-xl, .lc_col_xl_auto {
				position: relative;
				width: 100%;
				float: left;
				
			}
			.lc_col {
				flex-basis: 0;
				flex-grow: 1;
				max-width: 100%;
			}
			.lc_col_auto {
				flex: 0 0 auto;
				width: auto;
				max-width: 100%;
			}
			.lc_col_1 {
				flex: 0 0 8.33333%;
				max-width: 8.33333%;
			}
			.lc_col_2 {
				flex: 0 0 20%;
				max-width: 20%;
			}
			.lc_col_3 {
				flex: 0 0 25%;
				max-width: 25%;
			}
			.lc_col_4 {
				flex: 0 0 33.333%;
				max-width: 33.333%;
			}
			.lc_col_5 {
				flex: 0 0 40%;
				max-width: 40%;
			}
			.lc_col_6 {
				flex: 0 0 50%;
				max-width: 50%;
			}
			.lc_col_7 {
				flex: 0 0 60%;
				max-width: 60%;
			}
			.lc_col_8 {
				flex: 0 0 66.66667%;
				max-width: 66.66667%;
			}
			.lc_col_9 {
				flex: 0 0 75%;
				max-width: 75%;
			}
			.lc_col_10 {
				flex: 0 0 80%;
				max-width: 80%;
			}
			.lc_col_11 {
				flex: 0 0 91.66667%;
				max-width: 91.66667%;
			}
			.lc_col_12 {
				flex: 0 0 100%;
				max-width: 100%;
			}
			 @media (min-width: 1200px) {
			.lc_col_xl {
				flex-basis: 0;
				flex-grow: 1;
				max-width: 100%;
			}
			.lc_col_xl_auto {
				flex: 0 0 auto;
				width: auto;
				max-width: 100%;
			}
			.lc_col_xl_1 {
				flex: 0 0 8.33333%;
				max-width: 8.33333%;
			}
			.lc_col_xl_2 {
				flex: 0 0 16.667%;
				max-width: 16.667%;
			}
			.lc_col_xl_3 {
				flex: 0 0 25%;
				max-width: 25%;
			}
			.lc_col_xl_4 {
				flex: 0 0 33.33333%;
				max-width: 33.33333%;
			}
			.lc_col_xl_5 {
				flex: 0 0 41.66667%;
				max-width: 41.66667%;
			}
			.lc_col_xl_6 {
				flex: 0 0 50%;
				max-width: 50%;
			}
			.lc_col_xl_7 {
				flex: 0 0 58.33333%;
				max-width: 58.33333%;
			}
			.lc_col_xl_8 {
				flex: 0 0 66.66667%;
				max-width: 66.66667%;
			}
			.lc_col_xl_9 {
				flex: 0 0 75%;
				max-width: 75%;
			}
			.lc_col_xl_10 {
				flex: 0 0 83.33333%;
				max-width: 83.33333%;
			}
			.lc_col_xl_11 {
				flex: 0 0 91.66667%;
				max-width: 91.66667%;
			}
			.lc_col_xl_12 {
				flex: 0 0 100%;
				max-width: 100%;
			}
			}
.aui-radio,
.aui-checkbox {
    width: 1.2rem;
    height: 1.2rem;
    border: solid 1px #dddddd;
    -webkit-border-radius: 0.6rem;
    border-radius: 0.6rem;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.aui-checkbox {
    border-radius: 0.1rem;
}
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
    text-align: center;
    background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.ap_label_info {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;
    position: absolute;
    right: 8px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-image: linear-gradient(to right, #4db1fb, #5371fd);
    color: #FFFFFF;
}
.ap_label_gray {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;
    position: absolute;
    right: 8px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-image: linear-gradient(to right, #fa3561, #fe5044);
    color: #FFFFFF;
}
.ap_label_warning {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;
    position: absolute;
    right: 8px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-color: #f8ac59;
    color: #FFFFFF;
}
.sp_ls_box {
    float: left;
    overflow: hidden;
    height: 5vh; width: 60px;
    display: inline-block;
    padding: 1px;
}
.sp_ls_text {
    float: left;
    display: inline-block;
    width: 70%;
    padding-left: 6px;
    padding-top: 8px;
	color: #fff;
	font-family: "微软雅黑";
}
.atext {
    color: #333;
}
.aqm_text2 {
    color: #666;
}
.aqm_fr{ position: absolute; top: 20%; right: 8px; font-size: 12px; text-align: center;}
.aqm_fr p{font-size: 12px; padding: 0; margin: 0; margin-top: 2px;} 
.aqm_fr  img{width:26px }
.aqmbg1{ background:#1c1738; border:1px solid #361e54}
.aqmbg2{ background:#1c2329; border:1px solid #332d26}
.aqmbg3{ background:#1d1628; border:1px solid #461221}
.sp_ls_text p {
	padding-top: 5px;}
	.flex_items{display: flex; align-items: center; justify-content: center;}
	.flex_items	input{width: 300px;}
	.border-r{ border-right: 1px solid #ddd;}
input{    display: inline-block;
		text-align: center;
		padding: 5px 6px;
		background: #fff;
		border: 1px solid #ddd;
		font-size: 12px;
		color: #333; 
		border-radius: 3px; margin: 0 3px;}
		select{display: inline-block;
			text-align: center;
			padding: 4px 6px;
			background: #fff;
			border: 1px solid #ddd;
			font-size: 12px;
			color: #333;
			border-radius: 3px;margin: 0 3px;}
	@media only screen and (max-width: 1800px) and (min-width: 1000px) {
	p{font-size: 12px;}
	.form-control-aqm {
		font-size: 12px;
		padding: 3px 12px;
	
		line-height: 20px;
	
	}.sp_box h2 {
		line-height:26px !important;
	}
	.aqmtext {
		
		margin: 0 .1rem;
		padding: 5px 0;
		width: 25%;
	
		
	}.height16 {
		height: 14.2vh;
		overflow: auto;
	}.sp_ls_box {
		height:40px;}
		.sp_ls_text p {
			padding-top: 2px;}
			ul li.sp_fixd2 {
				margin-top: 0;    padding: .3rem 0;
			}
			.sp_content li.sp_fixd {
				padding: 4px 0;
				cursor: pointer;
			}
			.flex_items	input{width: 100px}
			.right_display {
				margin: 3px auto;
			}
			.height56 {
				height: 53.5vh;
			}
			.height50 {
				height: 69.5vh;
				overflow: auto;
			}
		
			.spbox3 .aqm_video{ height: 41.3vh;}
			.spbox1  .aqm_video{ height:83.2vh;}
			.spbox4  .aqm_video{ height: 41.3vh;}
			.spbox2  .aqm_video{ height:41.3vh;}
			.flex_items	input{width: 100px}
			.height10 {
				height: 10vh;
				overflow: auto;
			}
			.sp_imgbox {
				width: 50px;
				height: 4vh;
			
			}
			.sp_imgbox img{
				width: 100%;
				height: 4vh;
			
			}
			.atext {
				width: 70%;}
				
	}