body,html{
height:100%;
margin:0px;
padding:0px; font-size:12px;
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:280px;
  display: inline-block;
background-color:#fff;
float:left; 
height:100%;
}
#spright{
width:320px;
  display: inline-block;
background-color:#fff;
float:right;
height:100%;
}
#spcenter{  height:100%;
background-color:#f2f2f2; display: inline-block;
            width: calc(100% - 600px);
}
.header_fr{ position:absolute; right:10px; top:0px}
.sp_header{ height:52px; line-height:52px; background:#2c6dd2; 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{padding:6px;}
.position{ position:relative}
.sp_box h2{ background:#f0f4f8;border-radius: 5px; color:#2c6dd2; margin:0; font-size:14px; font-weight:800; line-height:32px}
.sp_box h2 span{ border-bottom:2px solid #2c6dd2; line-height:32px; display:inline-block; padding:0 10px}
.sp_box .sp_content{padding:10px 0px; padding-bottom:0}
.project-ul-s { padding:0.08rem}
.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:#212121; }

.project-ul-s  li .pull_right{  display:inline-block; float:right; color:#555; width: 70%;}
.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_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:.8rem 0; padding:.5px 0; cursor:pointer}
  li.sp_fixd:nth-of-type(2n+1) {
    background-color: #f8fbfd;
}
.sp_imgbox { width:90px;display:inline-block; height:6vh; float:left; margin-right:.8rem; text-align:center}
.atext{display:inline-block; float:left; }
.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; margin-top:.8rem;
    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;

}
.height8{ height:43vh; overflow:auto}
.height6{ height:38vh; overflow:auto}
.btn-danger {
   color: #ed5565;
    border: 1px solid #ed5565;

}
.text-primary {
   color: #1ab394;}
.text-danger {
   color: #ed5565;}
   .text-info{color: #2c6dd2}
::-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:#2c6dd2; 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 #2c6dd2;
transform:rotateZ(-65deg) scale(1.114);
  animation:slash 5s infinite ease;
}

.margin5{ margin-top:-10px}
.yt_box{ overflow:hidden; margin:8px 0}
.yt_box li{ width:20%; float:left; text-align:center; cursor:pointer}
.yt_box li i{ font-size:36px; color:#2c6dd2 }
.yt_box li p{ margin:0; padding:0; padding-top:5px}

p{ font-size:12px; color:#555}
.position .header_fr a{color:#96accd; 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;
line-height: 32px;
	position: relative;
	font-size: 14px;
	font-weight:800;
	color: #555;
	margin-left: -1px;
	-webkit-box-flex: 1;
	box-flex: 1;
}
.aui-tab-item.aui-active {
	color: #2c6dd2;
	border-bottom: 2px solid #2c6dd2;
}.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:70px;display:inline-block;padding:1px; border:1px solid #ddd}
.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:8px;
border-radius: 10px;display:inline-block;
white-space: nowrap;
    background-color: #f8ac59;
    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-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; position:absolute; right:8px;top:18px;
padding: 3px 8px;
text-shadow: none;
border-radius: 5px;display:inline-block;
white-space: nowrap;
    background-color: #1ab394;
    color: #FFFFFF;
}
	.Box {position:absolute;bottom:53px; background:#666;width: 100%; padding:0px 0px ;}
	.Box h2{    background: #f0f4f8;    line-height: 40px; padding:0 10px; font-size:14px;    color: #2c6dd2; position:relative}
			.Box .content {width: 94%;margin: 0px auto;}
		
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 18px;height: 80px; line-height:80px; text-align:center;position: absolute;top: 20px;cursor: pointer;background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)); border-radius:8px; font-size:20px; color:#ccc}
			.Box .Box_con .btnl { left: -28px;}
			.Box .Box_con .btnr {right:-28px;}
			.Box .Box_con .btnl:hover {background: url(img/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(img/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden; margin-top:6px}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 210px;height:150px;margin-left: 10px;overflow: hidden; text-align:center;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {display: block;width: 210px;height: 120px;transition: all 0.5s;border-radius:3px }
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); border-radius:3px}
			.Box .Box_con .conbox ul li p{ color:#fff; text-align:center; margin:0; padding:3px 0;  background:rgba(0,0,0,0.1)}
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
		
.sp_vod{ width:100%;height: calc(100% - 250px); }
.sp_vod img{width:100%; height:100%}
.height100{ height:100%}
#tab1-con1 .more ,#tab1-con2 .more,.position .more{ color:#2c6dd2; text-align:right ; display:block; margin:10px; text-decoration:none}

#tab2-con2{ padding:20px 0}

/*弹出层 */
.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}
@media only screen and (min-width: 1800px) and (max-width: 2000px) {
	.height8{ height:50vh; overflow:auto}
	body,html{ font-size:13px;}
	.sp_box h2{ background:#f0f4f8;border-radius: 5px; color:#2c6dd2; margin:0; font-size:16px; font-weight:800; line-height:40px}
.sp_box h2 span{ border-bottom:2px solid #2c6dd2; line-height:40px; display:inline-block; padding:0 10px}
	p {
    font-size: 14px;
    color: #555;
}.aui-tab-item {
    padding: 0 10px;
    line-height: 40px;
    position: relative;
    font-size: 16px;
    font-weight: 800;
    color: #555;
    margin-left: -1px;
    -webkit-box-flex: 1;
    box-flex: 1;
}}