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:#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; border-radius: 5px; position: relative;}
.position{ position:relative}
.sp_box h2{ background:#f5f8f9;border-radius: 5px; 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 ::before {
    width: 2px;
    height: 14px;
    top: 10px;
    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 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: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;   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: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}
.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;
	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%}
#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: 22.6vh;}
  .spbox1  .sp_video{ height:68.2vh;}
  .spbox4  .sp_video{ height: 16.9vh;}
  .spbox2  .sp_video{ height:34vh;}
  .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;}
  @media screen and ( max-width: 1800px ){
body{overflow: auto;}
	.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;}

				.spbox2 .sp_video {
					height: 33vh;
				}.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: 66.2vh;
				}.spbox3 .sp_video {
					height: 21.9vh;
				}.spbox4 .sp_video {
					height: 16.4vh;
				}
        .pagination {
        
        position:inherit; 
     
      } .height90 {
        height: 94.5vh;
        overflow: auto;
        position: relative;
    }
  }