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:360px;
  display: inline-block;
background-color:#fff;
float:left; 
height:100%;
}
#spright{
width:360px;
  display: inline-block;
background-color:#fff;
float:right;
height:100%;
}
#spcenter{  height:100%; display: inline-block;
            width: calc(100% - 360px);
}
.header_fr{ position:absolute; right:10px; top:0px}
.header_fr a{color:#fff; text-decoration: none;}
.sp_header{ height:52px; line-height:52px; background:#2c6dd2; width:100%; color:#fff; position:relative; }
.sp_header img{width: 48px; margin-right:8px; }
.sp_header h2{ font-size:18px; padding:0 15px; display: flex; align-items: center;}
.sp_box{box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%); background: #fff; margin: .5rem .2rem; border-radius: 5px; position: relative;}
.position{ position:relative}
.sp_box h2{ background:#f5f8f9;border-radius: 5px; color:#222; margin:0; font-size:15px; display: flex; justify-content: space-between; font-weight:800; line-height:3.2vh; position: relative;}
.sp_box h2 span{line-height:3.2vh; display:inline-block; padding:0 15px}
.sp_box h2 ::before {
    width: 3px;
    height: 14px;
    top: 8px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 7px;
}
.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 !important;}
.text-2{color:#04cdf4; margin-right:.1rem; font-size:8px}
.text-3{color:#39b54a !important; }
.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 200px;
    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;
}
.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:52vh; overflow:auto}
.height12{ height:9vh; }
.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:33.33%; 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}

.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;   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/qyicon23_a.png);}
.active#list3 img{content: url(../images/qyicon3_a.png);}
.active#list4 img{content: url(../images/qyicon4_a.png);}
p{ font-size:13px; 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}


.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;
	border-bottom: 2px solid #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: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}
.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_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;
}

.sp_vod{ width:100%; }
.sp_vod img{width:100%; height:100%}
.height100{ height:100%; position: relative;}

.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;
}

.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;
  box-shadow: 0 1px 3px 0px rgb(115 108 203 / 23%);
  padding: 2px;
	background: url(../images/spbg.png) no-repeat #fff;
	background-size: cover;
	width: 100%;
  position: relative;
	
  }
  .spbox1 .sp_video{ height:78.2vh;}

  .mt-5 {
	margin-top: .5rem;
  }

  video { background: url(../images/spbg.png) no-repeat #fff;
	background-size: cover;
	width: 100%;
	height: 100%;
  object-fit: cover;
  }
.video{ width: 100%;
	height: 100%;}


  .displayn {
	display: none;
  }


	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;
	}

.clearfix:after, .clearfix:before {
    display: table;
    line-height: 0;
    content: '';
}

.problembtn { position:absolute;
 right:0; top: 0px;
    height: 24px;
    line-height: 24px;
    padding: 0 6px;
    color: #fff;
    border-radius: 10px;
    background-color: #e66262;
}

.height90{height:92.5vh; overflow:auto; position: relative;}
 
.height70{height: 75.2vh;}
.spbox1 h3{margin: 0;     background: #f5f8f9;
  border-radius: 5px 5px 0 0; padding: 0 1rem; position: relative; height:30px; line-height: 30px;
  color: #222; display: flex; justify-content: space-between;}
  .spbox1 h3::before {
    width: 3px;
    height: 14px;
    top: 9px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 6px;
}
.spbox2 h3{margin: 0;     background: #f5f8f9;
  border-radius: 5px 5px 0 0; padding: .6rem 1rem; position: relative;
  color: #222;}
  .spbox2 h3::before {
    width: 3px;
    height: 14px;
    top: 12px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 6px;
}

.spbox3 h3{margin: 0;     background: #f5f8f9;
  border-radius: 5px 5px 0 0; padding: .6rem 1rem; position: relative;
  color: #222;}
  .spbox3 h3::before {
    width: 3px;
    height: 14px;
    top: 12px;
    position: absolute;
    content: "";
    background: #2fa5f4;
    border-radius: 20px;
    left: 6px;
}
  .spbox1 .sp_video.height12{height: 34.8vh;}
  .spbox1 .sp_video.height16{height: 14.7vh;}
  .spbox1 .sp_video.height36{height:40.6vh}
  .spbox1 .sp_video.height26{height:39.3vh}
  .spbox3 .sp_video{height:39vh}
  .spbox2 .sp_video.height6{height: 26.1vh;}
  .spbox2 .sp_video.height24{height: 54.6vh;}
  .spbox2 .sp_video.height20{height: 23.5vh;}
  .name-tag {
    position: absolute; 
    text-decoration: none;
    top: 12px;
    left: 12px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 15, 47, 0.3);
    border-radius: 4px;
    padding: 4px 12px;
  }
  .border-r{border-right: 1px solid #ddd;}
.tp_btn{background: linear-gradient(315deg,#6772FF 0,#00F9E5 100%);
  color: #fff;
  padding:0 10px; height: 26px;
  border-radius: 30px; margin-top: 1px;
}
.tp_btn a{color: #fff; line-height: 26px; font-size: 12px; font-weight: normal; text-decoration: none;  display: flex; align-items: center;
}
.tp_btn a img{width: 18px; margin-right: 3px;}

.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;
  position: relative;

}
.item-search .project-list .project-info .img-box  span{ font-size: 12px;background:rgba(0, 15, 47, 0.5);    border-radius: 4px;
  padding:1px 2px; position: absolute; top: 0; left: 0; color: #fff;
}
.item-search .project-list .project-info img {
  border-radius: 5px;
  width: 70px;
  height: 70px;
  background-color: #e1eaf9  ;
}
.item-search .project-list .project-info .text {
  float: left;
  width: calc(100% - 80px);
  box-sizing: border-box;
  height: 100%; padding-left: 8px;
}
.item-search .project-list .project-info .text p {
  color: #666666;
  overflow: hidden; padding:  0; margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-search .project-list .project.active {
  border-width: 1px;
  border-color: #2fa5f4;
  border-style: solid;
  background: url("../images/xzbg.png") no-repeat bottom right;
}
.item-search .project-list .project{border: 1px solid #ddd; cursor: pointer; margin: 3px 0; border-radius: 3px; padding: 3px; overflow: hidden; position: relative;}
.item-search .project-list .project h4{padding: 0;  margin: 0;}
.item-search .project-list .project:hover{border-width: 1px;
  border-color: #2fa5f4;
  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;
}

.height16{height: 19.8vh;}
.head-type {display: flex; justify-content: space-between;  padding:5px; border-radius: 5px 5px 0 0;}

.head-type li{width: 50%;}
.head-type li.on-line a{border: 1px  solid #2fa5f4; padding: 5px 0; margin-right:  3px; color: #2fa5f4; border-radius: 3px; text-align: center; width: 100%; display: inline-block; text-decoration: none;}
.head-type li.off-line a{border: 1px  solid #eb6566; padding: 5px 0; color: #eb6566; margin-left:  3px;border-radius: 3px;  text-align: center;width: 100%;display: inline-block;text-decoration: none;}
.head-type li a img{width: 16px; margin-right: 3px;}
.jrbtn-no {background: #2fa5f4; font-size: 12px;
  color: #fff; position: absolute; right: 0; top: 10px; padding:2px 8px; border-radius: 6px 0   0 6px;}

  .waveform {
    width: 120px;
    height: 30px;
    margin-top: 3px; margin-left: 10px;
}
  .flex_items {
    display: flex;
    align-items: center;
   
}
.item-search .project-list .project-info .ybox img{background: none !important; width: auto; height: auto;}
  .bg-s{background-color: #3DB060 !important;}
  .display_none {
    display: none;
}

/*选择标签*/
.tags{width: 100%; display: flex; border-bottom: 2px dotted #edf3fb; padding-top: 6px;font-size: 12px;padding-bottom: 5px; }
.tags ul{display: flex;flex-wrap: wrap;padding: 0 .3rem; width: 90%;}
 .tags ul li{flex-shrink: 0;padding: 0 1.5rem;height: 1.9rem;line-height: 1.9rem;font-size: .9rem;color: #666666;background: #f2f2f2;border-radius:5px;margin-bottom: .3rem; text-align: center; cursor: pointer;width: 46%; margin-right: 6px;}
.tags ul li.on{background: #2fa5f4;color: #fff;}

  @media screen and ( max-width: 1800px ){
body{overflow: auto;}

  }