#spcenter {
    height: 100%;
    background-color: #f2f2f2;
    display: inline-block;
    width: calc(100% - 760px);
}
*{box-sizing: border-box;}
#spright {
    width: 480px;
    display: inline-block;
    background-color: #fff;
    float: right;
    height: 100%;
}

.sp_ls_box {
    float: left;
    overflow: hidden;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 1px;
   
}
p {
    font-size: 12px;
    color: #fff;
}
.sp_ls_text p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    padding: 0;
    margin: 0;
    padding-top: 3px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
	color: #5685a1 !important;
}

.ap_label_warning {
    font-weight: normal;
    padding: 2px 8px;
    text-shadow: none;
    position: absolute;
	left: .3rem;
	top:70px;
    right: auto;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
    background-color: #f8ac59;
    color: #FFFFFF;
}
.sp_box h2 {

    font-size: 14px;
  
}
.aui-tab-item {
cursor: pointer;
    font-size: 14px;
}
.ap_label_gray {
	font-weight: normal;
	padding: 2px 8px;
	text-shadow: none;
	position: absolute;
	left: 0;
	top:70px;
    right: auto;
	border-radius: 10px;
	display: inline-block;
	white-space: nowrap;
	background-color: #999;
	color: #FFFFFF;
}
.sp_ls_text {
    float: left;
    display: inline-block;
    width: 70%;
    padding-left: 7;
    padding-top: 2px;
}
.tj-table{margin-left: 5px; width: 99.8%; margin-top: -5px;}
.tj-table td {
    padding:0 6px;
    font-size: 12px;
	height:6.7vh;
}
.height8 {
    height:24.5vh;
    overflow: auto;
}
.height38 {
    height: 24vh;
    overflow: auto;
}
.sp_box {
    padding: 0;
}
.height18 {
    height: 24vh;
    overflow: auto;
}
ul li.sp_fixd2{padding: .3rem !important;}
.project-ul-s {height: 26.5vh;}
.spvideo{ padding: 5px; }
video {
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .height25{height: 30vh;}
  ul.scrol_list{padding: 5px;}
  ul.scrol_list li.user_li {
	margin-top: 5px;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	padding-bottom: 3px;
	background: #051b31;
	  background-position-x: 0%;
	  background-position-y: 0%;
	  background-repeat: repeat;
	  background-size: auto;
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	border-radius: 5px; padding: 5px;
	border: 1px solid #04233e;
  }
  .z_label{width: 5rem;}

.wlist  .wlist_li:last-child{border-bottom: none;}
  .ScrollText {
	overflow: hidden;
	height: 24vh;
  }
  ul.scrol_list .user_box {
	float: left;
	overflow: hidden;
	width: 80px;
	height:60px;
	display: inline-block;
	padding: 1px;
	margin: 0 6px;
  }
  ul.scrol_list .user_box img {
	width: 100%;
	height: 100%;
  }
  ul.scrol_list .user_text {
	float: left;
	display: flex;
	justify-content: space-between;
	width: 85%;
	padding-left: 3px;
	padding-top: 5px;
  }
  ul.scrol_list .user_text p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	padding: 3px 0;
	margin: 0;
	font-size: 12px;
	margin-top: 5px;
	
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	color: #bbddef;
	-webkit-box-orient: vertical;
  }
  ul.scrol_list .lable_info {
	padding: 2px 8px;
	color: #03b9ff !important;
	border-radius: 3px;
	border: 1px solid #002d49;
  }
  ul.scrol_list .user_text .time{text-align: right;}
.height56{height: 50vh;}
.lc_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
	
}
.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;
	padding-right: 5px;
	padding-left: 5px;
}
.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%;
}
}
.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden; padding-bottom: 15px;}
.pro-new-show .pro-list{width: 100%;overflow: hidden; padding: 8px;}
.pro-new-show .pro-list ul li{float: left;width: 100%;height: auto;overflow: hidden;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%; height:20vh;}
.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}
.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 2;}

.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
 .pagination{position: absolute;width: 100%;height: auto;overflow: hidden;padding: 10px 0;text-align: center; bottom: 0;}
.pagination ul li{width: 8px;height: 8px;border-radius: 100%;background: #033456;display: inline-block;margin: 0 3px;text-indent:-9999px; }
.pagination ul li.on{background: #2069ff; width: 18px;height: 8px; border-radius: 20px;}
.wlist {
	border-radius: 3px;
	background: #0a2137;border: 1px  solid #034979;}
.wlist .wlist_li {
	width: 100%;
	border-bottom: 1px  solid #092e4b;
	display: flex;
	font-size: 12px;
	padding: 0px 10px; height: 4.2vh; line-height: 4.2vh;
	
	margin-bottom: .5rem;
}
.wlist .wlist_li  .aui-text-default {
	color: #00a6ff;
}
.redborder{border:1px solid #fe4d52}
.yjbtn{background: #fe4d52; border-radius: 20px; padding: 3px 8px; color: #fff; }
.pro-new-show .pro-list ul li .yjbtn img{width: 14px; height: auto; margin-right: 3px; position: relative;top:2px;}
.jp_vod {
    width: 100%;
}

.tajibox {

    height: 90%;
   
}
.tj_a {
    width: 45%;
 
}
.sp_content p {
    color: #fff; 
}
.st_title{padding: 6px; margin: 0;color: #00dbff; font-size: 14px;margin-top: 3px;}
.st_title span{background: #033456;  padding: 6px 25px; border-radius: 6px;  }
.echarts_width{width: 60vh; height: 22vh;}
.tj-centon li {

	width: auto !important;
}
@media only screen and (min-width: 800px) and (max-width: 1700px){
.height8 {
    height:24.2vh;
    overflow: auto;
}
.height38 {
    height: 25vh;
    overflow: auto;
}.height18 {
    height: 25vh;
    overflow: auto;
}
.tj-table td .unit{right: 5px;}.tj-table td .unit {
  
    font-size: 12px;
	 font-weight: normal;
}
#spright {
    width: 420px;

}
#spcenter {

    width: calc(100% - 700px);

}
.tj-centon li {
    padding:15px 5px !important;
    color: #5685a1;
	width: auto !important;
}
.height58 {
    height: 58.8vh;
    overflow: auto;
}
ul.scrol_list .user_text {

    padding-left: 2px;
  
}
ul.scrol_list .user_box {

    width: 50px;
    height: 50px;
    padding: 1px;
    margin: 0 2px;
}
}