body,html{
	height:100%;
	margin:0px;
	padding:0px; font-size:13px; overflow: hidden;
	font-family: 'Microsoft YaHei',Arial,sans-serif;
	}
	 h2{margin:0px;
	padding:0px;}
	ul{margin:0px;
	padding:0px;}
	ul li{ list-style:none}
	#spleft{
	width:400px;
	  display: inline-block;
	background-color:#fff;
	float:left; 
	height:100%;
	}
	#spright{
	width:400px;
	  display: inline-block;
	background-color:#fff;
	float:right;
	height:100%;
	}
	#spcenter{  height:100%; display: inline-block;
				width: calc(100% - 400px);
	}
	.header_fr{ position:absolute; right:10px; top:0px}
	.header_fr a{color:#fff; text-decoration: none;}
	.sp_header{ height:52px; line-height:52px; background:#2fa5f4; width:100%; color:#fff; position:relative}
	.sp_header i{font-size:24px; margin-right:8px}
	.sp_header h2{ font-size:18px; padding:0 15px;}
	.sp_box{box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%); background: #fff; margin: .5vh; margin-bottom: .4rem; border-radius: 5px; position: relative;}
	.position{ position:relative}
	.sp_box h2{ background:#f5f8f9; color:#2fa5f4; margin:0; font-size:15px; font-weight:800; line-height:3.2vh; position: relative;}
	.sp_box h2 span{line-height:3.2vh; display:inline-block; padding:0 10px}
	.sp_box h2 span::before {
		width: 2px;
		height: 14px;
		top: 8px;
		position: absolute;
		content: "";
		background: #2fa5f4;
		border-radius: 20px;
		left: 5px;
	}
	.sp_box .sp_content{padding:6px; }
	.project-ul-s {  margin: 5px auto; width: 99%; border:1px solid #d5e2f6; border-radius: 6px;}
	.project-ul-s  li{ padding:10px 3px; border-bottom:1px dashed #e1e3e4;  font-size:12px; list-style:none; clear:both; overflow:hidden}
	.project-ul-s  li:nth-of-type(2n+1) {
		background-color: #f8fbfd;
	}
	.project-ul-s  li .pull_left{  display:inline-block; float:left; color:#777; }
	
	.project-ul-s  li .pull_right{  display:inline-block; float:left; color:#4c5a73; margin-left: 4px; }
	.text-1{color:#184897; margin-right:.1rem; font-size:8px}
	.text-2{color:#04cdf4; margin-right:.1rem; font-size:8px}
	.text-3{color:#39b54a; margin-right:.1rem; font-size:8px}
	.text-4{color:#fea03c; margin-right:.1rem; font-size:8px}.text-5{color:#ff7058; margin-right:.1rem; font-size:8px}
	.text-6{color:#4cdcc5; margin-right:.1rem; font-size:8px}
	.text-7{color:#ffd05c; margin-right:.1rem; font-size:8px}
	.sp_fixd{ display: flex;flex:1;justify-content: space-between;align-items:center;}
	.sp_fixd.active{border: 1px solid #14a2f8 !important;}
	.sp_fixd_img{ display: flex;align-items:center; width: 80%;}
	.sp_fixd_lx .text-5{color:#ff7058; margin-right:.1rem; font-size:12px !important}
	.sp_fixd_lx {
		display: flex;
		flex: 1;
		justify-content: space-between; cursor:pointer
		
	}
	.sp_fixd_lx .z_label{ margin:0 !important}
	.sp_content li.sp_fixd{ margin:4px 0; padding:6px ; cursor:pointer; border: 1px solid #f3f7fc;}
	  li.sp_fixd:nth-of-type(2n+1) {
		background-color: #f8fbfd;
	}
	.sp_imgbox { width:80px;display:inline-block; height:5vh; float:left; margin-right:.5rem; text-align:center}
	.atext{display:inline-block; float:left;overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap; width: 75%;}
	.sp_imgbox img{ width:100%; height:100%; padding:1px; border:1px solid #ddd }
	.iconbox i{ font-size:2.8rem; color:#a1bfee}
	.iconbox i.icon-qiuji1{ font-size:2.2rem; color:#a1bfee}
	.z_label { width:4rem;
		display: block; 
		font-weight: 400;
		text-align: center;
	 vertical-align: middle;
	  padding: .175rem .75rem;
		font-size:.8rem;
		line-height: 1.5;
		border-radius: .25rem;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.btn-primary {
		color: #1ab394;
		border: 1px solid #1ab394;
	
	}
	
	.head-info {
		height: 9.3vh;
		background: url(../images/head-info-bg.png) no-repeat;
		background-size: 100% 100%;
		position: relative; 
	}
	.head-info .info {
		height: 100%;
		background: url(../images/head-info-icon.png)  left  top 2px  no-repeat;
		background-size: 15%;
		box-sizing: border-box;
		padding: 2px 0 0 220px;
		color: #fff;
	}
	.head-info .info .name {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 5px;
		width: 75%; color: #fff;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-top: .8rem;
	   
	}
	.head-info .info .text {
		font-size: 12px; margin: 0;
		color: #d3e1f4;
		height: 22%;
	}
	.head-info .info .text span {
		display: inline-block;
		width: 30%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.height8{ height:56.5vh; overflow:auto}
	.height12{ height:10vh; }
	.height20{ height:28.8vh; }
	.btn-danger {
	   color: #ed5565;
		border: 1px solid #ed5565;
	
	}
	.text-primary {
	   color: #1ab394;}
	.text-danger {
	   color: #ed5565;}
	   .text-info{color: #2fa5f4}
	::-webkit-scrollbar {
	  /*滚动条整体样式*/
	  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
	  height: 1px;
	  }
	::-webkit-scrollbar-thumb {
	  /*滚动条里面小方块*/
	  border-radius: 10px;
	  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	  background   : #bdd1f1;
	  }
	::-webkit-scrollbar-track {
	  /*滚动条里面轨道*/
	  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	  border-radius: 10px;
	  background   : rgba(0, 0, 0, 0.2);
	  }
	  .xline_box{ position:relative; top:3px }
	  .xline_box .text-zx{ position:relative; top:5px; left:3px; display:inline-block; font-size:26px; color:#1ab394; font-weight:bold}
	  .xline_box .text-lx{ position:relative; top:20px; right:5px;  display:inline-block; font-size:26px; color:#ed5565; font-weight:bold}
	  .number_text{ color:#2fa5f4; font-size:26px;position:relative; top:10px; font-weight:bold}
	  .sp_content p{ color:#555}
	 .myline{
	position:relative;
	  margin:0px auto;display:inline-block;
	  width:40px; margin-top:-6px;
	 
	  box-sizing:border-box;
	
	}
	 
	.myline::before{
	  content:"";
	  position:absolute;
	
	  width:100%;
	 
	  box-sizing:border-box;
	  border-bottom:1px solid #2fa5f4;
	transform:rotateZ(-65deg) scale(1.114);
	  animation:slash 5s infinite ease;
	}
	
	.margin5{ margin-top:-10px}
	.yt_box{ overflow:hidden; margin: 0; height: 100%; display: flex; align-items: center;}
	.yt_box li{ width:25%; float:left; text-align:center; cursor:pointer;  padding-top: 5px;}
	.yt_box li img{width:42px ;}
	.yt_box li i{ font-size:36px; color:#2fa5f4 }
	.yt_box li p{ margin:0; padding:0; padding-top:5px}
	
	.qt_box{ overflow:hidden; margin: 0;  height: 100%;display: flex; align-items: center;}
	.qt_box li{ width:33.333%; float:left; text-align:center; cursor:pointer}
	.qt_box li i{ font-size:36px; color:#2fa5f4 }
	.qt_box li p{ margin:0; padding:0; padding-top:5px}
	.qt_content{background: #fcfdfe; border: 1px solid #d5e2f6; padding: 5px; border-radius: 5px; height: 65px; padding-top: 5px; }
	
	.jr_box{ overflow:hidden; margin: 0; height: 100%;display: flex; align-items: center;}
	.jr_box li{ width:33.333%; float:left; text-align:center; cursor:pointer}
	.jr_box li .info{  color:#2fa5f4 }
	.jr_box li .green{  color:#7cbc20 }
	.jr_box li p{ margin:0; padding:0; padding-top:5px}
	.jr_content h3{margin:0; padding:0; }
	.jr_content img{margin-right: 3px; }
	.jr_content{background: #fcfdfe; border: 1px solid #d5e2f6;  margin-right: .3rem;  padding: 5px; border-radius: 5px; height: 65px; padding-top: 5px; display: flex; align-items: center;  justify-content: center;}
	
	.zt_box{ overflow:hidden; margin: 0; height: 100%;display: flex; align-items: center;}
	.zt_box li{ width:50%; float:left; text-align:center; cursor:pointer}
	.zt_box li .info{  color:#2fa5f4 }
	.zt_box li p{ margin:0; padding:0; padding-top:5px}
	.zt_content h3{margin:0; padding:0; }
	.zt_content img{margin-right: 8px; }
	.zt_content{background: #fcfdfe; border: 1px solid #d5e2f6;  padding: 5px; border-radius: 5px; height: 65px; padding-top: 5px; display: flex; align-items: center;  justify-content: center;}
	.active#list1 img{content: url(../images/qyicon1_a.png);}
	.active#list2 img{content: url(../images/qyicon2_a.png);}
	.active#list3 img{content: url(../images/qyicon3_a.png);}
	.active#list4 img{content: url(../images/qyicon4_a.png);}
	p{ font-size:12px; color:#555}
	.position .header_fr a{color:#2fa5f4; font-size:14px; font-weight:normal; display:inline-block; text-decoration:none}
	.position .header_fr a i{ font-size:24px; position:relative;top:3px}
	.img_ytkz{ width:50px; cursor:pointer}
	.range:not(:last-child) {
		margin-bottom: 1.5em;
	}.range{ width:100%; margin:5px}
	.range input[type=range],
	.range input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none; 
		appearance: none;
	}
	.range input[type=range], .range__input-fill {
		border-radius: 0.25em;
		height: 0.5em;
	}
	.range input[type=range] {
		background-color: var(--inputBg);
		display: block;
		margin: 0.5em 0; width:22vh;
		padding: 0;
	}
	.range input[type=range]:focus {
		outline: transparent;
	}
	.range input[type=range]::-webkit-slider-thumb {
		background-color: var(--handleBg);
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		position: relative;
		transition: background 0.1s linear;
		width: 1.5em;
		height: 1.5em;
		z-index: 1;
	}
	.range input[type=range]::-moz-range-thumb {
		background-color: var(--handleBg);
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		position: relative;
		transform: translateZ(1px);
		transition: background-color 0.1s linear;
		width: 1.5em;
		height: 1.5em;
		z-index: 1;
	}
	.range input[type=range]::-moz-focus-outer {
		border: 0;
	}
	.range__input, .range__input-fill, .range__counter-column, .range__counter-digit {
		display: block;
	}
	.range__input, .range__counter {
		position: relative;
	}
	.range__input {
		margin-right: 0.375em;
	}
	.range__input:active input[type=range]::-webkit-slider-thumb,
	.range input[type=range]:focus::-webkit-slider-thumb,
	.range input[type=range]::-webkit-slider-thumb:hover {
		background-color: var(--handleDownBg);
	}
	.range__input:active input[type=range]::-moz-range-thumb,
	.range input[type=range]:focus::-moz-range-thumb,
	.range input[type=range]::-moz-range-thumb:hover {
		background-color: var(--handleDownBg);
	}
	.range__input-fill, .range__counter-sr {
		position: absolute;
		left: 0;
	}
	.range__input-fill {
		background-color: var(--handleTrackBg);
		pointer-events: none;
		top: calc(50% - 0.25em);
	}
	.range__counter, .range__counter-digit {
		height: 1.5em;
	}
	.range__counter {
		margin: auto 0;
		overflow: hidden;
		text-align: center;
	}
	.range__counter-sr {
		background-image: linear-gradient(var(--bg),var(--bgT) 0.3em 1.2em,var(--bg));
		color: transparent;
		letter-spacing: 0.06em;
		top: 0;
		text-align: right;
		z-index: 1;
	}
	.range__counter-column {
		transition: transform 0.25s ease-in-out;
		width: 0.66em;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
	}
	.range__counter-column--pause {
		transition: none;
	}
	@media (prefers-color-scheme: dark) {
		:root {
			--bg: #2e3138;
			--bgT: #2e313800;
			--fg: #e3e4e8;
			--inputBg: #17181c;
		}
	}:root {
		--bg: #e3e4e8;
		--bgT: #e3e4e800;
		--fg: #17181c;
		--inputBg: #dadada;
		--handleBg: #0597ef;
		--handleDownBg: #0597ef;
		--handleTrackBg: #0597ef;
		
	}
	.range input {
		color: var(--fg);
		font: 1em/1.5 "Hind", sans-serif;
	}
	 .range, .range__counter {
		display: flex;
	}
	.aui-hide {
		display: none !important;
	}
	
	
	.aui-tab {
		position: relative;
			background: #f0f4f8;
		border-radius: 5px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-self: center;
		align-self: center;
	}
	.aui-tab-item {
		 padding:0 10px;	 cursor: pointer;
	line-height: 3.2vh;
		position: relative;
		font-size: 15px;
		font-weight:800;
		color: #555;
		margin-left: -1px;
		-webkit-box-flex: 1;
		box-flex: 1;
	}
	.aui-tab-item.aui-active {
		color: #2fa5f4;
	}.sp_ls_text p{text-overflow: -o-ellipsis-lastline;
	  overflow: hidden; padding:0; margin:0; padding-top:8px;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;}
	.sp_ls_text{float:left; display:inline-block; width:62%; padding-left:6px;padding-top:8px;}
	.sp_ls_box{ float:left; overflow:hidden; width:100px; height:7vh;display:inline-block;padding:1px; }
	.sp_ls_box img{ width:100%; height:100%; }
	
	ul li.sp_fixd2{ margin-top:10px;overflow:hidden; cursor:pointer; position: relative;}
	.ap_label_warning {font-weight:normal;
	padding: 2px 8px;
	text-shadow: none;position:absolute; right:3px;
	border-radius: 10px;display:inline-block;
	white-space: nowrap;font-size: 12px;
		background-color: #f8ac59;
		color: #FFFFFF;
	}
	.ap_label_gray {font-weight:normal;
		padding: 2px 8px; font-size: 12px;
		text-shadow: none;position:absolute; right:3px;
		border-radius: 10px;display:inline-block;
		white-space: nowrap;
			background-color: #999;
			color: #FFFFFF;
		}
		.sp_box h2 span.ap_label_primary {padding: 3px 8px; line-height:normal !important; font-size:13px; border:none!important; cursor:pointer}
		.ap_label_primary {font-weight:normal; 
		padding: 3px 8px;font-size: 12px;
		text-shadow: none;position:absolute; right:3px;
		border-radius: 10px;display:inline-block;
		white-space: nowrap;
			background-color: #1ab394;
			color: #FFFFFF;
		}
	.sp_vod{ width:100%; }
	.sp_vod img{width:100%; height:100%}
	.height100{ height:100%}
	#tab1-con1 .more ,#tab1-con2 .more,.position .more{ color:#2fa5f4; text-align:right ; display:block; margin:10px; text-decoration:none}
	
	#tab2-con2{ padding:20px 0}
	.xmbox {
		background: url(../images/wxm_bg.png);
		background-size: 100% 100%;
		color: #fff; height:60px;display: flex;
		align-items: center; 
		border-radius: 5px;
	}
	.xmbox h3 {
		display: flex;
		align-items: center; 
		font-size: 13px;
		font-weight: normal;
		padding: 0 10px; margin: 0;
		padding-top: 0;
	}.sp_content .xmbox h3  p{color: #fff !important;}
	.w-img {
		float: left;
		margin-right: 5px;
	}
	.w-img img {
		width: 19px;
	}
	/*弹出层 */
	.toggleModal {
		padding: 0;
		
		
	}
	.toggleModal i:hover {
	
		cursor: pointer
	}
	.mask {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 10000;
		display: none;
	}
	.modal{
		position: absolute;
		top: 20px;
		right: 10px;
		width: 320px;
		transform: translate(10px, -10px);
		border-radius: 5px;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 5px;
		box-shadow: 2px 3px 20px rgba(0,0,0,0.3);
		z-index: 120000;
		display: none;
	}
	.modal .modal-header {
		height: 50px;line-height: 50px;
		background: #f2f2f2;
		padding: 0 15px;
		border-bottom: 1px solid #ddd;
		border-radius: 5px 5px 0 0;
		color: #333
	}
	.modal .modal-header p {
		line-height: 50px; margin:0; padding:0;
		display: inline-block;
	}
	.modal .modal-header .title {
		font-size: 18px;
		color: #333;
	}
	.modal .modal-header .close {
		float: right;
		font-size: 26px;
		margin-top: -2px;
		color: #333;
		cursor: default;
	}
	.modal .modal-content {
		min-height: 100px;
		padding: 10px;
	}
	.modal .modal-footer .btn {
		padding: 0 10px;
		height: 30px;
		line-height: 30px;
		color: #fff;
		background: #409EFF;
		border: none;
		border-radius: 3px;
	}
	.modal .modal-footer {
		clear: both;
		border-top: 1px solid #ddd;
		padding: 10px;
		text-align: right;
	}.modal .input-group {
		position: relative;
		display: table;
		border-collapse: separate;
	}.modal .input-group-addon {
		padding: 4px 6px;
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
		color: #555;
		text-align: center;
		background-color: #eee;
		border: 1px solid #ccc;
		border-radius: 4px;
		display: table-cell;
	}
	.modal .input-group-addon, .input-group-btn {
		width: 1%;
		white-space: nowrap;
		vertical-align: middle;
	}
	.modal .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
		border-radius: 0;
	}
	.modal .input-group-addon, .input-group-btn, .input-group .form-control {
		display: table-cell;
	}
	.modal .input-group .form-control {
		position: relative;
		z-index: 2;
		float: left;
		width: 83%;
		margin-bottom: 0;
	}
	.modal .form-control2 {
		display: block;
		width: 83%;
		height: 34px;
		padding: 4px 8px;
		font-size: 13px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.modal .group-btn:last-child>.btn-group {
		margin-left: -1px;
	}
	.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.modal .input-group-btn>.btn {
		position: relative;
	}
	.modal .btn-default {
		color: #404040;
		background-color: #fff;
		border-color: #dedede;
	}
	.modal .btn {
	   display: inline-block;
		  padding: 4px 8px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.modal.btn-default {
		color: #333;
		background-color: #fff;
		border-color: #ccc;
	}
	.yuntan_a td{ padding:3px 0}
	.cj_row {
		display: flex;
		flex-wrap: wrap;
	
	  }
	
	  * {
		box-sizing: border-box;
	  }
	
	  .cj_col_1,
	  .cj_col_2,
	  .cj_col_3,
	  .cj_col_4,
	  .cj_col_5,
	  .cj_col_6,
	  .cj_col_7,
	  .cj_col_8,
	  .cj_col_9,
	  .cj_col_10,
	  .cj_col_11,
	  .cj_col_12,
	  .cj_col,
	  .cj_col_auto,
	  .col-md,
	  .col-md-auto,
	  .cj_col_lg_1,
	  .cj_col_lg_2,
	  .cj_col_lg_3,
	  .cj_col_lg_4,
	  .cj_col_lg_5,
	  .cj_col_lg_6,
	  .cj_col_lg_7,
	  .cj_col_lg_8,
	  .cj_col_lg_9,
	  .cj_col_lg_10,
	  .cj_col_lg_11,
	  .cj_col_lg_12,
	  .col-lg,
	  .cj_col_lg_auto,
	  .cj_col_xl_1,
	  .cj_col_xl_2,
	  .cj_col_xl_3,
	  .cj_col_xl_4,
	  .cj_col_xl_5,
	  .cj_col_xl_6,
	  .cj_col_xl_7,
	  .cj_col_xl_8,
	  .cj_col_xl_9,
	  .cj_col_xl_10,
	  .cj_col_xl_11,
	  .cj_col_xl_12,
	  .col-xl,
	  .cj_col_xl_auto {
		position: relative;
		width: 100%;
		float: left;
		padding: 1px
	  }
	
	  .cj_col {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	  }
	
	  .cj_col_auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	  }
	
	  .cj_col_1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	  }
	
	  .cj_col_2 {
		flex: 0 0 20%;
		max-width: 20%;
	  }
	
	  .cj_col_3 {
		flex: 0 0 25%;
		max-width: 25%;
	  }
	
	  .cj_col_4 {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	  }
	
	  .cj_col_5 {
		flex: 0 0 40%;
		max-width: 40%;
	  }
	
	  .cj_col_6 {
		flex: 0 0 50%;
		max-width: 50%;
	  }
	
	  .cj_col_7 {
		flex: 0 0 60%;
		max-width: 60%;
	  }
	
	  .cj_col_8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	  }
	
	  .cj_col_9 {
		flex: 0 0 75%;
		max-width: 75%;
	  }
	
	  .cj_col_10 {
		flex: 0 0 80%;
		max-width: 80%;
	  }
	
	  .cj_col_11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	  }
	
	  .cj_col_12 {
		flex: 0 0 100%;
		max-width: 100%;
	  }
	
	  .sp_video {
		border-radius: 3px;
		border: 1px dashed #e1e3e4;
		background: url(../images/spbg.png) no-repeat #f0f4f8;
		background-size: cover;
		width: 100%;
		
	  }
	  .spbox3 .sp_video{ height: 26.6vh;}
	  .spbox1  .sp_video{ height:80vh;}
	  .spbox4  .sp_video{ height: 20vh;}
	  .spbox2  .sp_video{ height:40vh;}
	  .mt-5 {
		margin-top: .5rem;
	  }
	
	  video { background: url(../images/spbg.png) no-repeat #f0f4f8;
		background-size: cover;
		width: 100%;
		height: 100%;
	  }
	.videot{ width: 100%;
		height: 100%;}
	
	
	  .displayn {
		display: none;
	  }
	  .item-search .search-input .mini-textbox {
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
	.item-search .search-input-btn {
		width: 50px;
		height: 100%;
		background: url(../images/search-input-icon.png) center no-repeat;
		position: absolute;
		right: 0;
		top: 0;
	}
	.item-search .project-list .project {
		border-radius: 5px;
		box-shadow: 0 2px 10px 0 rgb(153 177 209 / 50%);
		border: 1px solid rgba(0, 0, 0, 0);
		height: 18%;
		margin-top: 10px;
		box-sizing: border-box;
		padding: 6px; overflow: hidden;
		cursor: pointer;
	}
	.mini-textbox {
	  
		display: inline-block;
		padding: 0;
		margin: 0;
		border: 0;
		vertical-align: middle; 
		overflow: hidden;
		position: relative;
	}
	.item-search .combobox-wrap .mini-combobox {
		float: left;
		width: calc(100% / 4);
		margin-left: -1px;
	}
	.search-input{position: relative;}
	.selectbox{  background: #fff; outline:none; 
		border: solid 1px #dddddd; height: 30px; line-height: 30px; float: left; width: 25%; margin: 5px 0; padding-left: 2px; margin-right: -1px;}
		.selectbox:first-child{border-radius: 5px  0 0 5px;}	
		.selectbox:last-child{border-radius: 0px  5px 5px 0px;}
		input{ outline:none; border:none;}
		.page-link {
			color: #334151;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 3px 6px;
			border-width: 0;
			border: 1px solid #e1e6f1;
			font-weight: 400;
			margin: 5px 1px;
			text-decoration: none;
		}
		.page-link i {
			font-size: 18px;
			line-height: 0;
		}
		.pagination { float:right;
			display: flex;
			padding-left: 10px; position: absolute;  bottom: 0; right: 5px;
			list-style: none;
			margin: 6px 0;
		}
		.TT a {
			font-size: 12px;
			color: #333;
			text-decoration: none;
		}
		.pagination .active{ background:#2ea6e6; color:#fff}
		.yqbox span {
			font-size: 14px;
			margin: 3px;
		}
	.mini-textbox-border {
		background: #fff;
		border: solid 1px #dddddd;
		width: auto; border-radius: 5px;
		height: 30px;
		display: block;
		position: relative;
		overflow: hidden;
		padding-left: 4px;
		padding-right: 4px;margin-bottom: 3px;
	}
	.mini-textbox-input, .mini-textboxlist .mini-textboxlist-input {
		color: #3d4b64;
	}
	.mini-textarea .mini-textbox-input, .mini-textbox-input, .mini-buttonedit-input {
		height: 100%; width: 80%;
		line-height: inherit;
		font-size: 13px; border:none;
		box-sizing: border-box !important;
	}
	.clearfix:after, .clearfix:before {
		display: table;
		line-height: 0;
		content: '';
	}
	.item-search .project-list .project-name {
		height: 30px; position: relative;
		line-height: 30px; margin: 0; 
		border-bottom: 1px solid #dddddd;
	}
	.item-search .project-list .project-name .text{width: 80%;overflow: hidden;
		   text-overflow: ellipsis; display:inline-block;
		   white-space: nowrap; }
	.item-search .project-list .project-info .img-box {
		height: 100%;
		float: left;
		margin-right: .15rem;
		box-sizing: border-box;
	  
	}
	.item-search .project-list .project-info img {
		border-radius: 5px;
		width: 60px;
		height: 60px;
		background-color: #448ae9;
	}
	.item-search .project-list .project-info .text {
		float: left;
		width: calc(100% - 70px);
		box-sizing: border-box;
		height: 100%;
	}
	.item-search .project-list .project-info .text p {
		color: #666666;
		overflow: hidden; padding: 2px 0; margin: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.item-search .project-list .project.active {
		border-width: 1px;
		border-color: #448ae9;
		border-style: solid;
	}
	.problembtn { position:absolute;
	 right:0; top: 0px;
		height: 24px;
		line-height: 24px;
		padding: 0 6px;
		color: #fff;
		border-radius: 10px;
		background-color: #e66262;
	}
	.project-info {padding: 8px 0;}
	.height90{height:92.5vh; overflow:auto; position: relative;}
	 .head-type .type.on-line::before {
		background-color: #43be6e;
	}
	 .head-type .type::before {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		top: 12px;
		left: 8px;
		border-radius: 50%;
	}
	.head-type {overflow: hidden;}
	.head-type .type.off-line::before {
		background-color: #ed5565;
	}
	.head-type .type::before {
		content: "";
		position: absolute;
		width: 6px;
		height: 6px;
		top: 12px;
		left: 8px;
		border-radius: 50%;
	}
	.head-type .type:last-child {
		border-radius: 0 5px 5px 0;
	}
	 .head-type .type {
		float: left;
		width: calc((100%/3));
		height: 28px;
		line-height: 28px;
		box-sizing: border-box;
		padding-left: 20px;
		border-width: 1px;
		border-color: #dddddd;
		border-style: solid;
		margin-left: -1px;
		position: relative;
		cursor: pointer;
	}
	.height70{height: 75.2vh;}
	.head-type .type:first-child {
		border-left:1px solid #dddddd;
		border-radius: 5px 0 0 5px; margin-left: 1px;
	}
	.mini-button {
	  font-family: "microsoft yahei"; text-decoration: none;
	  font-size: 13px; display: block; text-align: center; border-radius: 5px;
	  line-height: 24px; width: 100%;height: 32px; line-height: 32px;
	  color: #fff;
	  background: #33a1d1;
	}
	.required{position: relative;}
	.required:after {
	  position: absolute;
	  top: 8px; left: -8px;
	  display: inline-block;
	  font-size: 16px;
	  content: '*';
	  color: red;
	}
	
	.select-sp{border: 1px solid #ddd; background: #fff; height: 34px; width: 100%; outline: none;}
	.search-input {
	  display: flex;
	}
	
	.search-input select {
	  border: solid 1px #dddddd;
	  border-right: 0;
	  border-radius: 5px 0 0 5px !important;
	}
	
	.mini-textbox-border {
	  border-radius: 0 5px 5px 0 !important;
	}
	
	.project {
	  position: relative;
	}
	
	.jrbtn {
	  color: #fff !important;
	  font-size: 12px;
	  border: none;
	  background: linear-gradient(to right, #3b8bf1, #72b7fc);
	  text-align: center;
	  padding: 1px 0;
	  position: absolute;
	  border-radius: 3px;
	  width: 50px;
	  bottom: 5px;
	  right: 3px;
	}
	
	.jrbtn-no {
	  color: #fff !important;
	  font-size: 12px;
	  border: none;
	  background: linear-gradient(to right, #9e9292, #ccc);
	  text-align: center;
	  padding: 1px 0;
	  position: absolute;
	  border-radius: 3px;
	  width: 50px;
	  bottom: 5px;
	  right: 3px;
	}
	.sp_active.active{ border: 2px solid #f8ac59;}
	  @media screen and ( max-width: 1800px ){
	
		.sp_box h2 {
			font-size: 14px;
			font-weight: normal;
			line-height: 32px;
		
		}.sp_box h2 span {
			line-height: 32px;
		
		}.sp_box h2 ::before {
		
			top: 10px;
	
		}
		p{font-size: 12px;}
		.xmbox {
			height: 50px;}
			.project-ul-s li {
				padding: 6px 3px;
			
			}
			.aui-tab-item {
				line-height:32px;
			 cursor: pointer;
				font-size: 12px;
				font-weight: normal;
		   padding: 0 5px;
				
			
			}.atext { font-size: 12px;
			}.z_label {font-weight: normal;
				font-size: 12px;}
				.sp_content li.sp_fixd {
					margin: 2px 0;
					padding: 4px;}
	.jr_content {
						margin: 2px;
						padding:8px 5px;
				
						height: 60px;
						padding-top: 2px;
						 font-size: 12px;
					}
					.jr_content img{width: 18px;}
					.zt_content {
						margin: 2px;
						padding:8px 5px;
				
						height: 60px;
						padding-top: 2px;
						 font-size: 12px;
					}.zt_content img{width: 18px;}
					.yt_box li img {
						width: 38px;
					}
					.qt_content {
						margin: 2px;
						padding: 5px;
					height: 60px;
						padding-top: 10px;
					}
					.qt_content img {
						width: 24px;
					}.height8 {
						height: 50vh;
					}.spbox1 .sp_video {
						height: 77.8vh;
					}.spbox3 .sp_video {
						height: 25.8vh;
					}.spbox4 .sp_video {
						height: 19.2vh;
					}
			.spbox2 .sp_video {
						height: 38.5vh;
					}
			.head-info .info .name {
			  font-size: 14px;
			  margin-bottom: 4px;
		   margin-top: 0.4rem;
		  }
			.pagination {
			
			position:inherit; 
		 
		  } .height90 {
			height: 94.5vh;
			overflow: auto;
			position: relative;
		}
	  }