@charset "UTF-8";

/* Tag 标签查询 */


.one_page_matrix_header_txt {
	margin-left: 0px;
    margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #FAFAFA;
	background-color: #CCC;
}

.one_page_matrix_header_title {
	margin-top:20px;
	color: #181818;
	font-size: 16px;
	font-weight: 600;
}

.one_page_matrix_slot {
	display:block;
	margin-bottom:20px;
	width:100%;
}

.menu_cell_title_purple {
	/*color: #181818;*/
	color: #4222CB;
	font-size: 16px;
	font-weight: 600;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-top: none;
}

.menu_cell_title_dot {
	color: #181818;
	font-size: 16px;
	font-weight: 500;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-top: none;
}

.menu_cell_title_headerbox {
	background: #181818;
    width: 20px;
    height: 6px;
	margin-top: 5px;
	margin-bottom: 15px;
    /* margin-left: 1px; */
    border-radius: 1px;
}

.menu_cell {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: none;
	border-bottom: 1px solid #CCC;

	line-height: 16px;
	display: block;
}

.menu_cell:hover {
	color: #FAFAFA;
	/*background-color: #3c3c3c;*/
	/*background-color: rgba(124,98,236,0.9);*/
	/*background-color: rgba(62,38,123,0.9);*/
	background-color:rgb(66,34,203,0.7);
}

.menu_cell_selected {
	color: #4222CB;;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: none;
	border-bottom: 1px solid #CCC;
	line-height: 16px;
	display: block;
}

.menu_cell_selected:hover {
	color: #FAFAFA;
	/*background-color: #3c3c3c;*/
	/*background-color: rgba(124,98,236,0.9);*/
	/*background-color: rgba(62,38,123,0.9);*/
	background-color:rgb(66,34,203,0.7);
}

.font_light {
	font-weight: 300;
	font-size: 13px;
}


.menu_cell > .num {
	font-size: 12px;
	font-weight: 300;
	margin-right: 10px;
	color: #18181870;
}

.menu_cell > .source {
	margin-right: 10px;
}

.menu_cell > .code {
	font-size: 12.5px;
	font-weight: 300;
	width: 330px;
	margin-right: 10px;

	display:inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align:middle;
}

.menu_cell_selected > .code {
	font-size: 12.5px;
	font-weight: 500;
	width: 330px;
	margin-right: 10px;

	display:inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align:middle;
}

.menu_cell_img_logo {
	max-width: 120px;  
	max-height: 20px; 
	width: auto; 
	height: auto
}

.menu_cell_grey {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border-top: none;
	border-bottom: 1px solid #181818;
	line-height: 16px;
	display: block;
	background-color:rgba(181, 180, 189, 0.7);
}

.menu_cell_indent {
	padding-left: 45px;
}


.menu_cell_blue {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-top: none;
	border-bottom: 1px solid #181818;
}

.menu_cell_blue:hover {
	color: #FAFAFA;
	/*background-color: #3c3c3c;*/
	/*background-color: rgba(124,98,236,0.9);*/
	/*background-color: rgba(62,38,123,0.9);*/
	background-color:rgb(0,130,240,0.7);
}

.menu_cell_blue_right {
	float: right;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
}

.menu_cell_view_selected{
	float: right;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	margin-left: 10px;
	color: #4222CB;
}

.menu_cell_view_grey {
	float: right;
	font-size: 12px;
	font-weight: 300;
	text-align: center;
	margin-left: 10px;
	color: #181818c9;
}

.menu_cell_view_grey:hover {
    color: #FF3232;
}

.menu_cell_blue_stockcode {
	font-size: 12px;
	font-weight: 300;
	margin-left: 10px;
}

.menu_cell_blue_stockcode_short {
	font-size: 12px;
	font-weight: 300;
	margin-left: 10px;

	display:inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align:middle;
}



.menu_cell_logo_space {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-top: none;
	line-height: 30px;
	border-bottom: 1px solid #7d7373;
}

.menu_cell_logo_space_name {
	display: inline-block;
	width: 120px;
	margin-right: 15px;
}

.menu_cell_logo_space_img {
	
	display: inline-block;
	height: 30px;
	
}


.menu_cell_red {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	border-top: none;
	border-bottom: 1px solid #181818;
}

.menu_cell_red:hover {
	color: #FAFAFA;
	/*background-color: #3c3c3c;*/
	/*background-color: rgba(124,98,236,0.9);*/
	/*background-color: rgba(62,38,123,0.9);*/
	background-color:rgb(255,50,50,0.7);
}

.menu_cell_title {
	color: #181818;
	font-size: 14px;
	font-weight: 600;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-top: none;
	border-bottom: 1px solid #181818;
}

.menu_cell_channel {
	display: inline-block;
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top: none;
	border-left: 3px solid #181818;
	width: 45%;
}

.menu_cell_channel:hover {
	background-color:rgb(0,130,240,0.7);
}

.menu_block_space {
	color: #181818;
	font-size: 14px;
	font-weight: 500;
	padding-top: 0px;
	padding-bottom: 0px;
}

.menu_block_space_title {
	color: #181818;
    display: block;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.menu_block_space_title:hover {
	color:#FF3232;
}


.menu_block_space_author {
	display: block;
    font-weight: 400;
    font-size: 12px;
    color: #181818ba;
	margin-top: 8px;
	margin-bottom: 8px;
}

.menu_block_space_edit {
	float:right;
	color:#4222CB;
	font-weight: 300;
}

.menu_block_space_edit:hover {
    color: #FF3232;
}


.menu_block_space_content {
	/*
    font-size: 14px;
    line-height: 20px;
    color: #181818;
    font-weight: 400;
	padding-top:5px;
	padding-bottom: 0px;
	*/
/*
	font: 300 1em / 1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
*/
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -.01em;
    line-height: 24px;
    color: #181818;
	padding-top:5px;
	padding-bottom: 0px;
}

.menu_block_space_content p {
	font-size: 15px;
    line-height: 24px;
	margin:  0 0 10px 0;
}

.menu_block_space_img_space {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch!important;
	padding-top: 5px;
}

.menu_block_space_img {
    max-width: 100%;
    margin-top: var(--bs-gutter-y);
    /* margin-bottom: 1rem!important; */
    /* margin-bottom: 10px; */
    flex: 0 0 auto;
    width: 33.33333333%;
	margin-right: 10px;
    /* background: #eee; */
}

.menu_block_space_img_space_desktop {
	max-width: 100%;
}

.menu_block_space_img_desktop {
	display: inline-block;
    width: 100px;
	margin-right: 10px;
	margin-top: 10px;
    /*background: #eee;*/
	padding: 5px 5px 5px 5px; 
	border: 1px solid #181818;
}

.menu_block_space_img_chart_wall {
	display: inline-block;
    width: 300px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
    /*background: #eee;*/
	padding: 5px 5px 5px 5px; 
	border: 1px solid #181818;
}

.menu_block_space_img_three_column {
	display: inline-block;
    width: 92px;
	margin-right: 9px;
	margin-bottom: 10px;
    /*background: #eee;*/
	padding: 5px 5px 5px 5px; 
	border: 1px solid #181818;
	font-size: 14px;
	color: #181818;
}

.menu_block_space_img_three_column_btn {
	display: inline-block;
    width: 92px;
	margin-right: 9px;
	margin-bottom: 10px;
    /*background: #eee;*/
	padding: 5px 5px 5px 5px; 
	border: 1px solid #181818;
	font-size: 14px;
	color: #181818;
}

.menu_block_space_img_three_column_btn:hover {
	background-color: rgb(66, 34, 203, 0.7);
	color: #FAFAFA;
}

.menu_block_space_img_full {
	display: block;
	margin-top: 20px;
    width: 100%;
}

.menu_block_space_document_space_desktop {
	max-width: 100%;
}

.menu_block_space_document_slot {
	margin-bottom: 10px;
}

.menu_block_space_document_filename{
	display: inline;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #f6f6b2; 
    padding: 4px 0px 4px 0px;
}

.menu_block_space_document_filename:hover {
	color: #FAFAFA;
    /* background-color: #3c3c3c; */
    /* background-color: rgba(124,98,236,0.9); */
    /* background-color: rgba(62,38,123,0.9); */
    background-color: rgb(66,34,203,0.7);
}

.menu_block_space_document_linkname{
	display: inline;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #FFD6D6; 
    padding: 4px 0px 4px 0px;
}

.menu_block_space_document_linkname:hover {
	color: #FAFAFA;
    /* background-color: #3c3c3c; */
    /* background-color: rgba(124,98,236,0.9); */
    /* background-color: rgba(62,38,123,0.9); */
    background-color: rgb(66,34,203,0.7);
}


.menu_block_space_line {
    border-bottom: 1px solid #181818;
    margin-top: 15px;
    margin-bottom: 15px;
}

.menu_block_space_line_grey {
    border-bottom: 1px solid #aeaeae;
    margin-top: 15px;
    margin-bottom: 15px;
}

.data_block_title {
	color: #181818;
    display: block;
	padding-top:5px;
	padding-bottom: 5px;
	font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.data_block_title_file {
	display: inline-block;
	background-color: #f6f6b2;
	font-size: 14px;
	font-weight: 300;
	color: #181818;
	padding: 5px 8px 5px 8px;
	margin-right: 15px;
	border-radius: 2px;
}

.data_block_title_file:hover {
	background-color: rgb(66, 34, 203, 0.7);
	color: #FAFAFA;
}

.data_block_line_grey {
	display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    border-bottom: 1px solid #aeaeae;
}

.data_block_img {
	display: block;
	width: 60%;
	margin-bottom: 20px;
}

.one_page_matrix_channel_menu_slot_space {

	margin-top:20px;
	width: 60%;
	
}

.one_page_matrix_channel_menu_selected {

	display: inline-block;
	text-decoration: none;
	color: #181818;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 5px;

	/* border-bottom: 2px solid #F85B1E;*/
	border-bottom: 2px solid#4222CB;
    padding-bottom: 5px;
    font-weight: 500;
}

.one_page_matrix_channel_menu {
	
	display: inline-block;
	text-decoration: none;
	color: #181818;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 5px;

	border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    font-weight: 300;
}

.one_page_matrix_channel_logo {
    padding: 5px 0px 5px 5px;
    width: 120px;
    float: right;
    display: inline-block;
    border-radius: 4px;
}

.one_page_matrix_channel_menu_right_space {
	
	margin-top:0px;
	float:right;
	text-decoration: none;
	color: #181818;
	font-size: 10px;
    font-weight: 300;
	
}

.one_page_matrix_channel_menu_right_space > .rank_tap_selected{

  	background-color: rgb(66,34,203,0.7);
	padding: 5px 0px 5px 0px;
	color: #FAFAFA;
	width:60px;
	float:right;
	text-align:center;
}

.one_page_matrix_channel_menu_right_space > .rank_tap{

  	background-color: #eeeeeeab;
	padding: 5px 0px 5px 0px;
	width:60px;
	float:right;
	text-align:center;
}

.one_page_matrix_list_ad_space {
	display：block;
	/*background:#ccc;*/
	height:120px;
	width：100%;
	margin-bottom: 30px;
}

.one_page_matrix_list_ad_logo {
    width: 120px;
	height: 120px;
    /*display: inline-block;*/
	display: block;
    border-radius: 1px;
    float: right;
}

.one_page_matrix_list_ad_logo_space {
	padding-left: 10px;
	padding-top: 10px;
}

.one_page_matrix_list_ad_logo_txt {
	color: #fff;
	font-size: 16px;
    line-height: 20px;
	letter-spacing: 0.5px;
} 

.one_page_matrix_article_channel_logo_space {
	width:40%;
	flex: 0 0 auto;
}



.one_page_matrix_article {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	/*margin-bottom: 1rem!important;*/
	/*margin-bottom:10px;*/
	flex: 0 0 auto;
	width: 60%;
	/*background: #eee;*/
}

.one_page_matrix_block_subject {
	line-height: 35px;
    padding: 0px 0 0px 0;
    display: block;
	font-size: 30px;
}

.one_page_matrix_block_author {
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #181818ba;
	margin-top: 15px;
    margin-bottom: 15px;
}

.one_page_matrix_block_content {
    display: block;
    font-weight: 300;
    line-height: 20px;
    font-size: 15px;
}

.one_page_matrix_block_link_space {
    margin-bottom: 20px;
    display: block;
    font-size: 12px;

}

.one_page_matrix_block_link_notice {
    color: #000;
    padding-bottom: 5px;
    font-weight: 400;
	margin-right: 5px;
}

.one_page_matrix_block_link {
	padding-bottom: 2px;
	border-bottom: 1px solid #181818;
	margin-right: 5px;
	color: #000;
	font-weight: 400;
}

.one_page_matrix_block_link:hover {
    color: #1818189c;
}

.one_page_matrix_block_link_active {
	padding-bottom: 2px;
	border-bottom: 1.5px solid #F85B1E;
	margin-right: 5px;
	color: #000;
	font-weight: 400;
}

.one_page_matrix_block_link_active:hover {
    color: #f85c1ec2;
}

.one_page_matrix_type_right_selected {
	border-bottom: 1.5px solid #F85B1E;
    color: #181818;
    padding-bottom: 5px;
    font-weight: 300;
    font-size: 11px;
    margin-left: 5px;
    text-align: center;
}

.one_page_matrix_type_right_selected:hover {
    color: #f85c1ec2;
}

.one_page_matrix_type_right_icon {
    color: #181818;
    padding-bottom: 5px;
    font-weight: 300;
    font-size: 11px;
    margin-left: 5px;
    text-align: center;
}

.one_page_matrix_type_right_icon:hover {
    color: #f85c1ec2;
}

.one_page_matrix_header_left {
	font-size: 12px;
	color: #181818ba;
	margin-right: 5px;
}

.one_page_matrix_header_left:hover {
    color: #f85c1ec2;
}

.one_page_matrix_bottom_logo {
	height:30px;
}

.one_page_matrix_page_bottom_logo {
	height:15px;
}

.one_page_matrix_footer_space {
    margin: 0 auto;
    /* background: linear-gradient(135deg, #4222CB 80%, #6952cd 100%); */
    background: linear-gradient(135deg, #181818 85%, #3c3c3cd6 100%);
	background-size:100%;
}

.one_page_matrix_top_menu_selected {
    float: left;
    display: inline-block;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFF;
    padding: 2px 0px 0px 0px;
    margin-right: 10px;

}

.one_page_matrix_top_menu_selected:hover {
	color: #fafafad3;
}

.one_page_matrix_top_menu_right {
    overflow: hidden;
    font-size: 12px;
    padding: 3px 0px 0px 0px;
    color: #eee;
    float: right;
	font-weight: 500;
}

.one_page_matrix_top_menu_right:hover{
	color: #fafafad3;
	
}

@media (max-width: 768px) {

	.menu_block_space_content p {
		
		line-height: 22px;
		
	}

	.data_block_img {
		display: block;
		width: 100%;
	}

	.menu_block_space_img_chart_wall {
		display: inline-block;
		width: 40%;
		margin-right: 15px;
		margin-top: 10px;
		margin-bottom: 10px;
		/*background: #eee;*/
		padding: 5px 5px 5px 5px; 
		border: 1px solid #181818;
	}
	
	.one_page_matrix_top_menu_selected {

		color: #FFF;
		padding: 0px 0px 0px 0px;;
	}
	
	
	.menu_cell_blue_stockcode {

		display:inline-block;white-space: nowrap;width:200px;text-overflow: ellipsis;overflow: hidden;vertical-align:middle;
	}

	.menu_cell_blue_stockcode_short{

		display:inline-block;
		white-space: nowrap;
		width: 200px;
		text-overflow: ellipsis;
		overflow: hidden;
		vertical-align:middle;
	}

	.menu_cell > .code {
		display:inline-block;
		white-space: nowrap;
		width: 140px;
		text-overflow: ellipsis;
		overflow: hidden;
		vertical-align:middle;
	}
	
	.menu_cell > .num {
		display: none;
	}

	.menu_cell_img_logo {
		max-width: 80px;  
		max-height: 20px; 
		width: auto; 
		height: auto
	}


	.menu_block_space_content {

		font-weight: 300;

	}

	.one_page_matrix_channel_menu_slot_space {

		width: 100%;
	
	}

	.one_page_matrix_channel_logo {
		padding: 5px 0px 5px 5px;
		width: 90px;
		float: right;
		display: inline-block;
		border-radius: 4px;
	}

	.menu_block_space_img {
		flex-shrink: 0;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
		/* max-width: 100%; */
		/* margin-bottom: 10px; */
	}

	.menu_block_space_img_three_column {
		width: 92px;
	}

	.one_page_matrix_list_ad_logo {
		display:none;
	}	

	.one_page_matrix_article_channel_logo_space {
		display:none;
	}

	.one_page_matrix_article {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
	}

	.one_page_matrix_bottom_logo {
		height:25px;
	}

	.one_page_matrix_page_bottom_logo {
		height:12px;
	}

	.one_page_matrix_footer_space {
		background: #181818;
		background-size:150%;
	}
}


/* 顶部工具栏 */


.one_page_matrix_header_space {
	margin: 0 auto;
	margin-bottom:20px;
	/*
	background: linear-gradient(135deg, #4222CB 80%, #6952cd 100%);
	*/
}

.one_page_matrix_header_space_2 {
	max-width: 1010px;
	margin: 0 auto;
	overflow: hidden;
	/*padding: 25px 0px 20px 0px;*/
	padding-top:25px;
	margin-bottom:20px;
}

.one_page_matrix_header {
	overflow-x: hidden; 
	overflow-y: hidden; 
	display: block;     
	text-decoration: none;  
	font-size: 14px;
	
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom:2px;
	padding-left:20px;
	padding-right:20px;
}

.one_page_matrix_feed_margin{
	margin-left:5px;
	margin-right:5px;
}


.one_page_matrix_width {
	padding-left:5px;
	padding-right:5px;
}


@media (max-width: 768px) {
	
	.one_page_matrix_header {
		overflow-x: hidden; 
		overflow-y: hidden; 
		display: block;     
		text-decoration: none;  
		font-size: 14px;
		
		max-width: 1000px;
		margin: 0 auto;
		padding-left:20px;
		padding-right:20px;
	}
	
	.one_page_matrix_feed_margin{
		margin-left:0px;
		margin-right:0px;
	}

	.one_page_matrix_width {
		padding-left:20px;
		padding-right:20px;
	}

}


/* ----------------- 文档块附件上传 -----------------------*/
	
.matrix_input_slot {
	display:block;
	margin: 10px 0 10px 0;
}

.matrix_input_document_slot{
	margin-bottom:15px;
}

.matrix_input_document_slot_left{
	display: inline-block;
	/*
	width: 50%;
	min-height: 50px;
	
	background: #c7fbe4;	*/
	max-width: 90%;
}


.matrix_input_document_slot_left > a {
	color: #181818;
    text-decoration: none;
}

.matrix_input_picture_slot_left{
	display: inline-block;
	
	width: 50%;
	min-height: 50px;
	
	background: #c7fbe4;	/*
	max-width: 90%;
	*/
}

.matrix_input_picture_space{
			
	/*
	background: #c7fbe4;

	word-break: break-all;
	display:block;
	width:100%;
	*/
	display: inline;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #f6f6b2;
} 

.matrix_input_picture_img {
    /* background: #eee; */
    /*background: #ccc;*/
    word-break: break-all;
    display: block;
    width: 100%;
}



.matrix_input_document_space{
			
	/*
	background: #c7fbe4;

	word-break: break-all;
	display:block;
	width:100%;
	
	display: inline;
	*/
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #f6f6b2;
    padding: 4px 6px 4px 6px;
} 

.matrix_input_document_space:hover {
    color: #FAFAFA;
    /* background-color: #3c3c3c; */
    /* background-color: rgba(124,98,236,0.9); */
    /* background-color: rgba(62,38,123,0.9); */
    background-color: rgb(66,34,203,0.7);
}

.matrix_input_link_space{
	display: inline;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #FFD6D6;
    padding: 4px 6px 4px 6px;
} 

.matrix_input_link_space:hover {
    color: #FAFAFA;
    /* background-color: #3c3c3c; */
    background-color: rgba(124,98,236,0.9); 
    /* background-color: rgba(62,38,123,0.9); */
    /*background-color: rgb(66,34,203,0.7);*/
}

.matrix_input_link_href{
	display: inline;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /* background-color: #fcfc35; */
    background-color: #FFD6D6;
	/*padding-bottom: 2px;*/
    border-bottom: 1px solid #181818;
	padding: 4px 6px 4px 6px;
} 

.marix_input_document_slot_right{
	display: inline-block;
	margin-left: 10px;
}

.matrix_input_action_btn{
	/*display:block;*/
	display: inline-block;
	font-size: 11px;
	color: #fff;
	/*background: #FF3232;*/
	background: #ff3232b8;
	height: 18px;
	width: 18px;
	line-height: 19px;
	text-align: center;
	border-radius: 9px;	
}

.matrix_input_action_btn:hover{
	color: #FAFAFA;
    background-color: rgb(66,34,203,0.7);
}

.matrix_input_document_filename {
	/*
	padding: 5px 3px 5px 3px;
	font-size: 12px;
	font-weight: 300;

	display: inline;
		*/
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    /*background-color: #b4f0b8;*/
	background-color: #c7fbe4;
    padding: 4px 6px 4px 6px;
}

/* ----------------- 附件链接上传 -----------------------*/

.matrix_input_link_slot {
    margin-bottom: 15px;
}

.matrix_input_link_txt {
    display: inline-block;
    padding: 8px 10px 8px 10px;
    outline: none;
    color: #151515;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    background: #c7fbe4;
    /* background-color: transparent; */
    border: 0px solid #181818;
    width: 100%;
    margin-bottom: 10px;
	height: 30px;
}

.matrix_input_link_url {
    display: inline-block;
    padding: 8px 10px 8px 10px;
    outline: none;
    color: #151515;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    background: #c7fbe457;
    /* background-color: transparent; */
    border: 0px solid #181818;
    width: 100%;
	height: 60px;
}

.matrix_input_link_bottomline {
    display: inline-block;
    padding: 8px 10px 8px 10px;
    outline: none;
    color: #151515;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    /*background: #c7fbe457;*/
    background-color: transparent;
	border: 0px solid #181818;
	border-bottom: 1px solid #181818;
    width: 100%;
	height: 30px;
}

/* ------------  PC 页面右侧的频道设置竖条 -------------------*/

.one_page_matrix_channel_list {
   
    height: 480px;
	
}

.one_page_matrix_channel_list_slot {
	display: block;
	height: 23px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.one_page_matrix_channel_list_slot a {

	color:#181818;

}
.one_page_matrix_channel_list_slot_left{
    padding: 5px 0px 5px 0px;
    width: 60px;
    float: right;
    text-align: left;
	font-size: 12px;
	font-weight: 500;
	border: 2px solid #FFF;
}
.one_page_matrix_channel_list_slot_right{
	display: inline-block;
	float: right;

}
.one_page_matrix_channel_list_btn_on_1 {
	background-color: #2196F3;
    padding: 5px 0px 5px 0px;
    color: #FAFAFA;
    width: 40px;
    float: right;
    text-align: center;
	font-size: 10px;
	border: 2px solid #2196F3;
}
.one_page_matrix_channel_list_btn_on_2 {
	background-color: #fff;
    padding: 5px 0px 5px 0px;
    width: 40px;
    float: right;
    text-align: center;
	font-size: 10px;
	border: 2px solid #2196F3;
}

.one_page_matrix_channel_list_btn_off_1 {
	background-color: #ccc;
    padding: 5px 0px 5px 0px;
    width: 38px;
    float: right;
    text-align: center;
	font-size: 10px;
	border: 2px solid #ccc;
}

.one_page_matrix_channel_list_btn_off_2 {
	background-color: #fff;
    padding: 5px 0px 5px 0px;
    width: 42px;
    float: right;
    text-align: center;
	font-size: 10px;
	border: 2px solid #ccc;
}

/* ------------  PC 页面 Table -------------------*/


.one_page_matrix_table_th { 
	font-size:12px;
	font-weight: 300;
	color: #FAFAFA;
	text-align: left;
	padding-bottom: 5px;
	padding: 8px 8px 8px 8px;
	background: #181818;
}

.one_page_matrix_table_td { 
	font-size:12px;
	font-weight: 500;
	text-align: left;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #181818;
	height: 50px;
}

/* ---------------- Robin Time 新版首页 ------------------*/


.home_background {
	margin: 0 auto;
	position: relative;
	background-color: #181818;
	background-size: cover;
	background-position: center;
}

.home_article {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	flex: 0 0 auto;
	width: 60%;
	height:1200px;
	background-color:rgba(144,117,3,0.8)
}

.home_article_body {
	padding: 55px 55px 55px 55px;
}

.home_article_body_logo_1 {
	height: 23px;
}

.home_article_body_logo_2 {
	height: 40px;
}

.home_article_body_logo_3 {
	height: 80px;
	margin-bottom: 30px;
}

.home_article_body_qr_code {
	float:right;
	height:100px;
	background: #EAEAEA;
	margin-top: 10px;
}

.home_article_body_ruqun {
	display: inline-block;
	height:70px;
	margin-top: 10px;
}

.home_article_body_header_box {
    background: #eee;
    width: 20px;
    height: 8px;
    /* margin-left: 1px; */
    border-radius: 2px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.home_article_body_comments {
	color: #EAEAEA;
	padding: 0px 0px 10px 0px;
	font-size: 16px;
}

.home_article_body_more{
	margin-top: 10px;
	font-size: 18px;
}

.home_article_body_bottom{
	font-size: 14px;
	color: #EAEAEA;
}

.home_article_body_line {
    border-bottom: 1px solid #EAEAEA;
    margin-top: 25px;
    margin-bottom: 25px;
}


.home_article_body_line_right_logo {
    width: 80px;
	height: 80px;
	display: block;
    border-radius: 1px;
    float: right;
	margin-top: 55px;
}

@media (max-width: 768px) {
	

	.home_article {
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
		height:900px;
		background-color:rgba(24,24,24,0.7);
	}

	.home_article_body {
		padding: 40px 30px 35px 30px;
	}

	.home_article_body_line_right_logo {
		width: 30px;
		height: 30px;
	}

	.home_article_body_qr_code {
		float:right;
		height:80px;
		background: #EAEAEA;
		margin-top: 10px;
	}

	.home_article_body_ruqun {
		height:60px;
	}

	.home_article_body_logo_3 {
		height: 60px;
	}

}


/* ----------------- 标杆页面设计      --------------------- */


.matrix_page_header {
    /* background: #ccc; */
    display: inline-block;
   
    /* border: 1px solid #181818; */
}


.matrix_page_header_logo {
	display: inline-block;
	height: 42px;
}

.matrix_page_header_company{
	display: inline-block;

	vertical-align: middle;
	padding-left: 15px;
}

.matrix_page_header_company_name {
    font-size: 20px;
    line-height: 22px;
    color: #181818;
    font-weight: 500;
}

.matrix_page_header_company_stockcode {
    margin-top: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #181818c9;
    font-weight: 400;
}

.matrix_page_header_theme{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0;
}

.matrix_page_header_theme_name {
    font-size: 30px;
    color: #181818;
	
    font-weight: 400;
	margin-top: 30px;
	margin-bottom: 45px;
	padding-bottom: 4px;
 	/*letter-spacing: 2px;
	border-bottom: 8px solid #FF3232; */

	/*font-family: Arial,FangSong;*/


	text-decoration: underline; 
	text-underline-offset: 10px; /* 下划线与文字的距离调整为10px */
	text-decoration-thickness: 6px; /* 下划线粗细 */
	text-decoration-color: red; /* 下划线颜色 */
	
}

.matrix_page_header_theme_search {
    font-size: 30px;
    color: #181818;
	
    font-weight: 400;
	margin-top: 30px;
	margin-bottom: 38px;
	padding-bottom: 4px;

	display: flex;
    gap: 15px;

}

.matrix_page_header_theme_search_txt {

    display: inline-block;

    height: 30px;
    padding: 8px 10px 8px 10px;
    outline: none;
    /*color: #151515;*/
	color: #FFF;

    line-height: 22px;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    /*
	background: #c7fbe4;
    border: 0px solid #181818;
	*/

	background: #4222cb;
    border: 1px solid #4222cb;

    width: 500px;

	 
}

.matrix_page_header_theme_search_txt::-webkit-input-placeholder { color:#CCC; }

.matrix_page_header_theme_search_btn {
    display: inline-block;
    height: 30px;
    width: 100px;
    line-height: 29px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    background: #181818;
	
}

.matrix_page_header_theme_search_btn:hover {
    text-decoration: none;
    color: #fff;
    background: #FF3232;
}


.matrix_page_header_theme_type {
    font-size: 14px;
    line-height: 14px;
    color: #181818c9;
    font-weight: 300;
}

.matrix_page_header_menu_txt {
	
	font-size: 14px;
    line-height: 14px;
	color: #181818c9;
	font-weight: 600;
}

.matrix_page_header_menu_txt_selected {
	
	font-size: 14px;
    line-height: 14px;
	color: #4222CB;
	font-weight: 600;
}

.menu_block_space_notice {
	
	font-size: 12px;
    line-height: 12px;
	color: #4222CB;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 20px;
}

.menu_block_space_notice_block {
	
	font-size: 13px;
    line-height: 12px;
	color: #4222CB;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 20px;
}

.menu_block_space_notice_right {
	
	font-size: 13px;
    line-height: 13px;
	color: #4222CB;
	float: right;
	margin-top: 4px;
}

.matrix_page_header_menu_txt_grey {
	
	font-size: 14px;
    line-height: 14px;
	color: #181818c9;
	/*font-weight: 400;*/
	font-weight: 600;
}

.matrix_page_header_menu_txt_grey:hover{
	color: #FF3232;
}

.matrix_page_header_menu_txt:hover {

	color: #FF3232;
}

.matrix_page_header_menu_txt_static {
	
	font-size: 14px;
    line-height: 14px;
	color: #181818c9;
	font-weight: 600;
}

.matrix_page_header_menu_txt_static a {
	color: #181818;
}

.matrix_page_header_menu_txt_static a:hover{
	color: #FF3232;
}


.matrix_page_header_subscripiton_slot {
	
	font-size: 14px;
    line-height: 14px;
	color: #181818c9;
	font-weight: 300;
}

.matrix_page_header_subscripiton_slot_btn{
	
	color:#4222CB;
	font-size: 14px;
	font-weight: 500;
}

.matrix_page_menu_cell_title {
    color: #181818;
    font-size: 14px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 8px;
    border-top: none;
	border-left: 5px solid #ccc;
	padding-left: 8px;
}

.matrix_page_menu_cell_bottom {
    color: #181818;
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 15px;
    border-top: none;
}

.matrix_page_menu_cell_bottom_more {
	float: right;
	font-size: 12px;
    font-weight: 500;
	margin-top: 5px;
}

.menu_cell_add_text {
    padding-bottom: 4px;
    border-top: none;
}

.matrix_page_menu_cell_line {
    display: block;
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: center;
    border-bottom: 1px solid #181818;
}

.matrix_page_header_menu {
    display: inline-block;
    text-decoration: none;
    color: #181818;
    font-size: 14px;
    margin-right: 7px;
    margin-bottom: 8px;
    border-left: 5px solid #ccc;
	padding-left: 8px;
	padding-right: 8px;
    font-weight: 400;
}

.matrix_page_header_menu:hover {
	
	color:#4222CB;
	font-weight: 550;
}

.menu-bright-yellow {
	border-left: 5px solid #D8AF05;
}

.menu-purple {
	border-left: 5px solid #AF78D2;
}

.menu-sky-blue {
	border-left: 5px solid #00B0F0;
}

.menu-green {
	border-left: 5px solid #0FC373;
}

.menu-dark-gray {
	border-left: 5px solid #7F7F7F;
	color:#7F7F7F
}

.matrix_page_header_menu_no_border {
    display: inline-block;
    text-decoration: none;
    color: #181818;
    font-size: 14px;
    margin-right: 7px;
    margin-bottom: 8px;
	padding-right: 8px;
    font-weight: 400;
}

.matrix_page_header_menu_no_border:hover {
	
	color:#4222CB;
	font-weight: 550;
}

.matrix_page_header_right_logo {
    padding: 5px 0px 5px 5px;
    width: 120px;
    float: right;
    display: inline-block;
}

.matrix_page_header_right_logo_rotate {
	display: none;
}

@media (max-width: 768px) {

	.matrix_page_header_theme_search_txt {
		/*width: 100%;*/
		width: 250px;
		display: block;
		color: #151515;
		background: #FFF;
	}

	.matrix_page_header {
		/* background: #ccc; */
		display: inline-block;
		max-width: 80%;
		/* border: 1px solid #181818; */
	}
	

	.matrix_page_header_logo {
		display: block;
        height: 50px;
        margin-bottom: 30px;
        margin-top: 10px;
	}
	
	.matrix_page_header_company{
		display:block;
		margin-top: 15px;
		padding-left:0px;
	}

	.matrix_page_header_company_name {
		/*line-height: 40px;
		font-size: 38px;
		font-weight: 400;*/
		display: none;
	}

	.matrix_page_header_company_stockcode {
		margin-top: 15px;
		font-size: 14px;
	}


	.matrix_page_header_right_logo {
		display: none;
	}

	.matrix_page_header_right_logo_rotate {
		height:120px;
		display: inline-block;
		float: right;
		padding-top: 2px;
	}

	.matrix_page_header_subscripiton_slot {
		
	}
}


.inquery_input_slot {
    display: block;
    margin: 10px 0 10px 0;
}

.inquery_input_slot_header {
    display: inline-block;
    outline: none;
    color: #151515;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 300;
}

.inquery_input_slot_header_bold {
    display: inline-block;
    outline: none;
    color: #151515;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
}

.inquery_input_slot_header_right {
    float: right;
    outline: none;
    color: #181818ba;
    line-height: 22px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 12px;
}

.inquery_input_slot_header_right > .cn_txt {
	line-height:16px;
	text-align: right;
	font-size: 12px;
	font-weight: 300;
}

.inquery_input_slot_header_right > .en_txt {
	line-height:16px;
	text-align: right;
	font-weight: 300;
	font-size: 12px;
}


.inquery_input_slot_txt {
    font-size: 14px;
    line-height: 20px;
    color: #181818;
    font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px;
}

.inquery_input_slot_txt a {
	color: #4222CB;
	font-weight: 600;
	font-size: 13.5px;
}


.inquery_input_slot_txt_purple {
    color: #4222CB;
    font-weight: 600;
	font-size: 13.5px;
}

.inquery_input_btn {
    display: inline-block;
    border-radius: 0px;
    height: 30px;
    width: 80px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
	font-weight: 300;
    text-align: center;
    border-radius: 2px;
    background: #181818;
	letter-spacing: 0.3px;
}

.inquery_input_btn:hover {
    text-decoration: none;
    color: #fff;
    background: #FF3232;
}

.inquery_txt_superscript {

	font-size: 8px;
	font-weight: 600;
	vertical-align: top;
	font-style: italic;
}

.inquery_input_slot_faq {
	background: #4222CB;
	color: #fff;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
}

.inquery_input_slot_faq > .faq_right {
	float: right;
}

.inquery_input_slot_faq > .faq_right a {
	color: #fff;
}

.inquery_input_slot_faq_content {
	background: #efe4f64f;
	height: 400px;
	padding: 10px 12px 10px 12px;
	font-size: 12.5px;
}

.inquery_input_slot_case {
	background-color: #f0f0f0;
	font-size: 12.5px;
	padding: 12px 12px 12px 12px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); /* 初始阴影 */
	transition: box-shadow 0.1s ease; /* 平滑过渡阴影变化 */
}

.inquery_input_slot_case:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); /* 鼠标滑过时的阴影 */
}

.inquery_guide_slot {
    display: block;
    margin: 10px 0 10px 0;
}

.inquery_guide_slot a {
	
	
}

.inquery_guide_slot a:hover{
	/*color:#CCC;*/
	/*
	background: #4222cb3b*/
}

.inquery_guide_slot_0 {
    display: block;
    margin: 10px 0 10px 0;
}

.inquery_guide_slot_0 a {
	color:#FFF;
	
}

.inquery_guide_slot_0 a:hover{
	/*
	
	background: #4222cb3b*/
}

.inquery_guide_slot_menu_1 {
	color: #fff;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	display: block;
	/*background-color: #1818188f;*/
	background-color:#051C2C;
}

.inquery_guide_slot_menu_2 {
	color: #181818;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	padding-left: 24px;
	display: block;
	/*background-color:#F1F2ED;*/
	background-color:#E2DAC9;
}

.inquery_guide_slot_menu_3 {
	color: #181818;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	padding-left: 36px;
	display: block;
	background-color:#f6f6b2;
}

.inquery_guide_slot_menu_4 {
	color: #181818;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	padding-left: 48px;
	display: block;
	background-color: #F0D32D;
}

.inquery_guide_slot_menu_purple {
	color: #FFF;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	display: block;
	background-color: #4222CB;
}

.inquery_guide_slot_menu_black {
	color: #fff;
	font-size: 12.5px;
	padding: 10px 12px 10px 12px;
	display: block;
	/*background-color: #1818188f;*/
	background-color:#051C2C;
}

.inquery_guide_slot_menu_black:hover {

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

.inquery_guide_slot_menu_black_content {
	/*background: #f0f0f0;*/
	background: #fff;
	height: 400px;
	padding: 10px 12px 10px 12px;
	font-size: 12.5px;
	margin-bottom: 15px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}

.guide_right {
	float: right;
}

.guide_right a {
	color: #fff;
}

.inquery_input_slot_taglist {
	
}

.inquery_input_slot_taglist > .tag {
	color:#181818;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: 300;
}

.inquery_input_slot_subject {
	color: #181818;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}

/*

select {
	padding: 5px 5px 5px 5px;
	font-size: 14px;
	font-weight: 300;
	appearance: none;            /* 移除默认样式 */
	border: 1px solid #ccc;
	border-radius: 0px;
	background-color: #f9f9f9;
	color: #333;
/*	outline: none; */
	transition: border-color 0.3s ease;
	
}

select:hover {
	/*border-color: #999;*/
	border-color: #4222CB;
	
}


select:focus {
	border-color: #28a353;
}

*/

@media (max-width: 768px) {



	.inquery_input_slot_txt_purple {

		font-weight: 500;
		font-size: 13.5px;

	}

	.inquery_input_slot_header_right > .cn_txt {
		line-height:16px;
		text-align: right;
		font-size: 12px;
		font-weight: 500;
	}
	
	.inquery_input_slot_header_right > .en_txt {
		line-height:16px;
		text-align: right;
		font-weight: 500;
		font-size: 12px;
	}

	.inquery_input_slot_taglist > .tag {
		font-weight: 600;
		color: #18181852;
		color: #322c4db0;
	}

}


.one_page_slot_group_feed_workspace {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    /* margin-bottom: 1rem !important; */
    /* margin-bottom: 10px; */
    flex: 0 0 auto;
	width: 100%;
    /* background: #eee; */
}


/* 频道卡片设计 */

.matrix_page_header_card_menu {
	/*color: #181818c9;*/
	color: #4222CB;
	font-weight: 500;
	font-size: 16px;
}

.matrix_page_header_card_menu_hi {
	color: #181818;
	font-weight: 500;
	font-size: 18px;
}


.matrix_page_header_card_menu_comments {
	font-size: 14px;
    line-height: 18px;
    color: #181818c9;
    font-weight: 300;
	display: block;
	margin-bottom:5px;
}

.matrix_page_header_space {
	margin-left: 5px;
    margin-right: 5px;
	margin-top: 20px;
    display: block;
    margin-bottom: 0px;
}

.matrix_page_header_line {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 3px solid #181818;

    margin-left: 5px;
    margin-right: 5px;
}

.card_channel_space {
    margin-bottom: 45px;
	margin-right: 40px;
	/*background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	background: linear-gradient(75deg, #fed1152b, #fed11563, rgb(255, 255, 255));
	width: 200px;
    height: 200px;
    display: inline-block;
    border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	position: relative;
}

.card_channel_space:hover {
    box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
	/*background: linear-gradient(75deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	background: linear-gradient(75deg, rgb(255, 255, 255), rgb(255, 50, 50, 0.1), rgb(255, 255, 255));
}

.card_channel_space_open {
    margin-bottom: 45px;
	margin-right: 40px;
	/*background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	background: linear-gradient(75deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
	/*background: linear-gradient(75deg, rgb(255, 255, 255), rgb(255, 50, 50, 0.1), rgb(255, 255, 255));*/
	/*background: linear-gradient(75deg, #4222cb30, #4222cb26, rgb(255, 255, 255));*/
	/*background: linear-gradient(75deg, #fed1152b, #fed11563, rgb(255, 255, 255));*/
	width: 200px;
    height: 200px;
    display: inline-block;
    border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	position: relative;
}

.card_channel_space_static {
    margin-bottom: 45px;
	margin-right: 40px;
	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
	/*background: linear-gradient(75deg, rgb(255, 255, 255), rgb(255, 50, 50, 0.1), rgb(255, 255, 255));*/
	width: 200px;
    height: 200px;
    display: inline-block;
    border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	position: relative;
}


.card_data_space {
    margin-bottom: 35px;
	margin-right: 30px;
	/*background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	/*background: linear-gradient(75deg, #fed1152b, #fed11563, rgb(255, 255, 255));*/
	/*background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	width: 95px;
    /*height: 105px;*/
	min-height: 95px;
    display: inline-block;
    border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	position: relative;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: relative;
    vertical-align: top;
}


.card_data_name {

	font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
    font-weight: 500;
}


.card_data_header_box {
	width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 1px;
}

.card_data_header_box_blue {
	background-color: #0082F0;
	border: 1px solid #FAFAFA;
}

.card_data_header_box_yellow {
	background-color: #FFC000;
	border: 1px solid #FAFAFA;
}

.card_data_header_box_orange {
	background-color: #FF8C0A;
	border: 1px solid #FAFAFA;
}

.card_data_header_box_green {
	background-color: #0FC373;
	border: 1px solid #FAFAFA;
}


.card_data_header_box_red {
	background-color: #FF3232;
	border: 1px solid #FAFAFA;
}


.card_data_header_box_mousse {
	background-color: #D19C97;
	border: 1px solid #FAFAFA;
}

.card_data_header_box_purple {
	background-color: #4222CB;
	border: 1px solid #FAFAFA;
}

.card_data_header_box_black {
	background-color: #181818;
	border: 1px solid #FAFAFA;
}


.card_data_bottom {
	font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	padding-right: 1px;
}

.card_channel_space_left {
	margin-top: 25px;
	background-color: #0082F0;
	width: 10px;
	display: inline-block;
	vertical-align: top;
}

.card_channel_label_selected {
	/*color: #4222CB;*/
	color: #181818;
	font-weight: 500;
}

.card_channel_label {
	color: #181818;
}

.card_channel_label:hover{
	color: #FF3232;
}

.card_btn_color_purple {
	background-color: #4222CB;
}

.card_btn_color_yellow {
	background-color: #FED115;
}

.card_btn_color_green {
	background-color: #0FC373;
}

.card_btn_color_red {
	background-color: #FF3232;
}

.card_btn_color_blue {
	background-color: #0082F0;
}

.card_btn_color_black {
	background-color: #181818;
}

.card_btn_color_orange {
	background-color: #FF8C0A;
}

.card_btn_color_mousse  {
	background-color: #D19C97;
}

.card_btn_color_white {
	background-color: #FAFAFA;
}

.card_font_color_purple {
	color: #4222CB;
}

.card_font_color_yellow {
	/*background-color: #FFC000;*/
	color: #FED115;
}

.card_font_color_green {
	color: #0FC373;
}

.card_font_color_red {
	color: #FF3232;
}

.card_font_color_blue {
	color: #0082F0;
}

.card_font_color_black {
	color: #181818;
}

.card_font_color_orange {
	color: #FF8C0A;
}

.card_font_color_mousse  {
	color: #D19C97;
}

.card_font_color_white  {
	color: #FFF;
}

.card_data_space_color_yellow {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_yellow:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(135deg, #FFC000 80%, #FED115 100%);
}

.card_data_space_color_black {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_black:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(135deg, #181818 80%, #565050 100%);
}

.card_data_space_color_purple {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_purple:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(135deg, #4222CB 80%, #6952cd 100%);
}

.card_data_space_color_green {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
	
	/*background: #0FC373;*/
	/*transition: background-image 2s ease; */
}

.card_data_space_color_green:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(135deg, #0FC373 80%, #65d2a1 100%);
	/*transition: box-shadow 0.1 ease; */
	/*background: #65d2a1;*/
}

.card_data_space_color_red {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_red:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(115deg, #FF3232 80%, #ecd9d9 100%);
}

.card_data_space_color_orange {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_orange:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
 	background: linear-gradient(135deg, #FF8C0A 80%, #e2b37d 100%);
}

.card_data_space_color_blue {
	color: #181818;
 	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));
}

.card_data_space_color_blue:hover {
	color: #FFF;
	box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);
    background: linear-gradient(135deg, #0082F0 80%, #5999d1 100%);
}

.card_channel_space_right {
	display: inline-block;
	padding: 25px 10px 25px 10px;
	/*background-color: #0FC373;*/
	vertical-align: top;
	width: 160px;
}

.card_channel_unit {
	padding: 15px 15px 15px 15px;
}

.card_channel_name {
	font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
	color: #181818;
	margin-bottom: 10px;
}

.card_channel_type {
	font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	color: #181818;
}

.card_channel_bottom {
	/*background-color: lightgreen;*/
	position: absolute;
	bottom: 20px;
	display: block;
	display: flex;
	width: 160px;
}

.card_channel_code {
	font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	color: #181818;
	width: 60%;
}

.card_channel_subscription {
	font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	width: 40%;
	color: #181818;
	text-align: right;
}

.card_channel_bottom_apply {
	/*background-color: lightgreen;*/
	position: absolute;
	bottom: 15px;
	display: block;
	display: flex;
	width: 160px;
}

.card_channel_code_apply {
	font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	color: #181818;
	width: 60%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.card_channel_apply {
	font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.3px;
	width: 40%;
	color: #181818;
	text-align: right;
}

.card_channel_apply > .card_channel_apply_btn {
	background: #4222CB;
	padding: 5px 8px 5px 8px;
	color: #FFF;
	display: inline-block;
	border-radius: 2px;
}

.card_channel_legend_space {
	margin-right: 10px;
	color: #181818;
	display: inline-block;
	margin-bottom: 10px;
}

.card_channel_legend_space:hover{
	color: #FF3232;
}

.card_channel_legend {
	font-size: 10px;
	vertical-align:text-top;
	margin-right: 5px;
}

.card_channel_slot_notice {
	margin-bottom: 35px;
	font-size: 16px;
}

.card_channel_slot_notice > .title {

}

.card_channel_slot_notice > .right {
	float: right;
	font-size: 13px;
    line-height: 18px;
    color: #181818c9;
    font-weight: 400;
	margin-top: 3px;
}

.card_channel_slot_notice > .right:hover {
	color: #FF3232;
}

.card_channel_slot_line {
    display: block;
    margin-top: 0px;
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #181818;
}

.matrix_page_menu_cell_btn {
	display: inline-block;
    border-radius: 0px;
    height: 28px;
    width: 65px;
    line-height: 28px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
	/*background: #181818;*/
	background: linear-gradient(135deg, #4222CB 80%, #6952cd 100%);
	
}

.matrix_page_menu_cell_btn:hover {
	text-decoration: none;
    color: #fff;
    background: #FF3232;
}

.card_channel_slot_grid_container {
	width: 100%;
    margin-top: 0px;
	display: block;
}

.card_channel_slot_grid_container_3 {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
	display: grid;
}



.card_channel_slot_grid_box {
    /* background-color: #f0f0f0; */
    background: #FFF;
    padding: 20px 20px 18px 20px;
	margin-bottom: 40px;

	color: #181818;
	/*height: 300px;*/

	border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.card_channel_slot_grid_box > .box_top {
	display: block;
}

.card_channel_slot_grid_box > .box_top > .title {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
    font-weight: 500;
}

.card_channel_slot_grid_box > .box_top > .more {
   	float: right;
	font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.3px;
	padding-top: 2px;
	color: #181818;
}

.card_channel_slot_grid_box > .box_top > .num {
	border-bottom: 1px solid #181818;
}

.card_channel_slot_grid_box > .box_top > .more:hover { 
	color:#FF3232;
	border-bottom: 1px solid #FF3232;
}

.card_channel_slot_grid_box > .box_menu_slot {
	display: block;
	margin-bottom: 10px;
}

.card_channel_slot_grid_box > .box_menu_slot > .menu {
	display: inline-block;
	font-size: 13.5px;
    line-height: 13.5px;
    color: #181818;
    font-weight: 300;
}

.card_channel_slot_grid_box > .box_menu_slot > .menu:hover{
	color: #FF3232;
}

.card_channel_slot_grid_box > .box_menu_slot > .menu_selected {
	display: inline-block;
	font-size: 14px;
    line-height: 14px;
    color: #4222CB;
    font-weight: 500;
}


.card_channel_slot_grid_box > .box_header_box {
    width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 13px;
    margin-bottom: 16px;
    
}

.card_channel_slot_grid_box > .box_line {
	border-bottom: 1px solid #181818;
}

.box_menu_cell {
    color: #181818;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    border-top: none;
    border-bottom: 1px solid #181818;
    line-height: 16px;
    display: block;
}

.box_menu_cell:hover{
	color: #FF3232;
}

.box_menu_cell > .code {
	font-size: 13.5px;
    font-weight: 300;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.box_menu_cell > .code_grey {
	color: #aeaeae;
	/*color: #0070C0;
	color:#D1AA05;
	color: #646BD9;*/
	color:#3e77b1;
}

.box_menu_cell > .code_bold {
	font-size: 13px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
	color: #aeaeae;
	letter-spacing: 0.3px;
}

.box_menu_cell > .right {
	font-size: 12.5px;
    font-weight: 300;
	float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.box_bottom {
	display: block;
	font-size: 12px;
    font-weight: 300;
   
    letter-spacing: 0.3px;
	padding-top: 15px;
}

.box_bottom > .more {
	float: right;
	color: #181818;
}

.box_bottom > .more:hover {
	color: #FF3232;

}

.card_channel_slot_message {
	/*
	background: #FFF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	*/
	margin-bottom: 40px;
	margin-top: 30px;
	padding: 20px 20px 18px 20px;
    color: #181818;
    border-radius: 1px;
   
	/*background: #EAE028;
    background: linear-gradient(135deg, #EAE028, #FFF8BA);
	*/
	background: linear-gradient(135deg, #eae028cf, #FFF8BA);
	
}

.card_channel_slot_message > .message_txt {
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
}

.card_channel_slot_message > .message_bottom {
	display: block;
    font-size: 12px;
    font-weight: 300;
    padding-top: 15px;
}

.card_channel_slot_message > .message_bottom >.message_btn {
	font-size: 12px;
	color: #181818;
	margin-right: 5px;
}

.card_channel_slot_message > .message_bottom >.message_btn:hover {
	color: #FF3232;
}

.card_channel_slot_message > .message_bottom >.message_btn_selected {
	font-size: 12px;
	color: #4222CB;
	margin-right: 5px;
}

.card_channel_slot_message > .message_bottom >.right {
	float: right;
	color: #181818;
}

.card_channel_slot_message > .message_bottom >.right:hover {
	color: #FF3232;
}

.card_channel_slot_profile {
	display: block;
	margin-top: 65px;
	margin-bottom: 70px;
}

.card_channel_slot_profile > .profile_portrait {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	text-align: center;
	margin-left: 5%;
}

.card_channel_slot_profile > .profile_contact {
	display: inline-block;
	vertical-align: middle;
	width: 35%;
}

.card_channel_slot_profile > .profile_contact > .contact_name {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.card_channel_slot_profile > .profile_contact > .contact_description_cn {
    font-size: 14px;
    line-height: 24px;
    color: #181818;
    font-weight: 300;
}

.card_channel_slot_profile > .profile_contact > .contact_description {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 300;
}

.card_channel_slot_profile > .profile_comments {
	display: inline-block;
	vertical-align: middle;
	width: 33%;
}

.card_channel_slot_profile > .profile_comments > .comments_description {
	font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 300;
}

.card_channel_slot_profile > .profile_comments > .comments_description > .comments_description_underline {
	color: #181818;
	color: #4222CB;
	border-bottom: 1px solid #4222CB;
	padding-bottom: 2px;
	font-weight: 500;
	
}

.card_channel_slot_profile > .profile_comments > .comments_name {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.card_channel_slot_grid_container_sub {
	width: 100%;
    margin-top: 0px;
	display: block;
}

.card_channel_slot_grid_container_sub_2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
	display: grid;
}

.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub {

	color: #181818;
	border-radius: 1px;

}

.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub > .poster {
	margin-top: 5px;
	margin-bottom: 5px;
}

.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub > .subject {
    font-size: 18px;
    line-height: 24px;
    color: #181818;
    font-weight: 500;
	margin-top: 15px;
	margin-bottom: 13px;
	display: block;
}

.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub > .subject:hover {
	color: #FF3232;
}

.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub > .abstract {
	font-size: 13.5px;
    line-height: 18px;
    color: #181818;
    font-weight: 300;
}

@media (max-width: 768px) {

	.matrix_page_header_space {
		margin-left: 0px;
		margin-right: 0px;
		min-height: 135px;
		margin-top: 10px;
	}

	.matrix_page_header_card_menu_comments {
		margin-bottom:10px;
	}

	.matrix_page_header_line {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 25px;
		margin-bottom:25px;
	}

	.card_channel_space {
		margin-bottom: 25px;
		margin-right: 20px;
		width: 140px;
		height: 140px;
	}

	.card_channel_space_open {
		margin-bottom: 25px;
		margin-right: 20px;
		width: 140px;
		height: 140px;
	}

	.card_channel_space_static {
		margin-bottom: 25px;
		margin-right: 20px;
		width: 140px;
		height: 140px;
	}

	.card_data_space {
		margin-bottom:25px;
		margin-right: 20px;
	}

	.card_channel_space_left {
		margin-top: 15px;
		width: 9px;
	}

	.card_channel_space_right {
		padding: 15px 10px 15px 8px;
		width: 100px;
	}

	.card_channel_name {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0px;
		color: #181818;
		margin-bottom: 10px;
	}
	
	.card_channel_type {
		font-size: 10px;
		font-weight: 300;
		line-height: 18px;
		letter-spacing: 0px;
		color: #181818;
	}
	
	.card_channel_bottom {
		bottom: 12px;
		width: 100px;
	}

	.card_channel_bottom_apply {
	
		bottom: 10px;
		width: 105px;
	}
	
	.card_channel_code {
		font-size: 10px;
		font-weight: 300;
		line-height: 18px;
		letter-spacing: 0px;
	}

	.card_channel_code_apply {
		font-size: 10px;
		font-weight: 300;
		line-height: 18px;
		padding-top: 2px;
   	    padding-bottom: 2px;
	 	letter-spacing: 0px;
	}
	
	.card_channel_subscription {
		font-size: 12px;
	}

	.card_channel_legend {
		vertical-align:top;
		padding-top: 2px;
	}

	.card_channel_apply {
		font-size: 10px;
	}
	
	.card_channel_apply > .card_channel_apply_btn {
	
		padding: 2px 5px 2px 5px;
		display: inline-block;
		border-radius: 2px;
	}

	.card_channel_slot_notice {
		margin-bottom: 20px;
		font-size: 16px;
	}

	.card_channel_slot_line {
		margin-top: 10px;
		margin-bottom: 30px;
	}

	.card_data_name{	
		/*
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.5px;
		*/
	}

	.card_channel_slot_grid_container_3 {
		display: block;
	}

	.card_channel_slot_grid_container_sub_2{
		display: block;
	}
	
	.card_channel_slot_grid_container_sub > .card_channel_slot_grid_box_sub {

		margin-bottom: 15px;

	}

	.card_channel_slot_grid_box {
		margin-bottom: 20px;
	}

	
	.card_channel_slot_message {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.box_menu_cell > .code {
		width:90%;
		font-size: 12.5px;
    	font-weight: 300;
	}

	.box_menu_cell > .right {
		display: none;
	}

	.card_channel_slot_profile {
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.card_channel_slot_profile > .profile_portrait {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		text-align: left;
		margin-left: 10%;
		margin-top: 50px;
	}

	.card_channel_slot_profile > .profile_contact {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		margin-top: 40px;
		margin-bottom: 30px;
		margin-left: 5%;
	}

	.card_channel_slot_profile > .profile_comments {
		display: inline-block;
		vertical-align: middle;
		width: 100%;

		margin-bottom: 30px;
		margin-left: 5%;
	}

	.card_channel_slot_profile > .profile_comments > .comments_name {
		font-size: 14px;
		font-weight: 500;
		line-height: 28px;
	}

	.card_channel_slot_profile > .profile_comments > .comments_description > .comments_description_underline {
		font-size: 14px;
		color: #4222CB;
		border-bottom: 1px solid #4222CB;
		padding-bottom: 1px;
		font-weight: 300;
	}


}

/* -------------------- workspace ------------------------ */




.one_workspace_top_title {

	font-size: 50px;
    color: #181818cf;
	/* color: #4222CB;*/
    font-weight: 500;
    margin-top: 55px;
    margin-bottom: 60px;
	/*
    letter-spacing: 2px; 
	*/

	/*font-family: 'Noto Serif SC', serif; 
	font-family: 'Noto Sans SC', sans-serif;

	font-family: 'Noto Sans SC', sans-serif; font-weight: 300;*/
}

.one_workspace_top_notice {
	/* color: #181818c9; */
   	color:#1818188f;
    font-weight: 500;
    font-size: 16px;

}


.one_workspace_top_menu_space {
	margin-top: 0px;
}

.one_workspace_top_menu {
	/*float:left;*/
	display:inline-block;
	font-size:16px;
	font-weight: 500;
	height: 24px;
	line-height:28px;
	text-align:center;
	color:#1818188f;
	margin-right:10px;
	padding-bottom: 0px;
	letter-spacing: 0.02em;
}

.one_workspace_top_menu:hover {
	    color: #FF3232;
}

.one_workspace_top_menu_selected {
	/*float:left;*/
	display:inline-block;
	font-size:16px;
	font-weight: 500;
	height: 24px;
	line-height:28px;
	text-align:center;
	color:#181818;
	margin-right:10px;
	padding-bottom: 10px;
	letter-spacing: 0.02em;
	border-bottom: 6px solid #8858F2;
}


.one_workspace_space {

	

}

.one_workspace_canvas {
	background: #FEF6D5;
	border-radius: 5px;
	padding: 25px 25px 25px 25px;
	margin-bottom: 25px;
}

.one_workspace_canvas > .canvas_top {
	color: #181818;
    font-size: 14px;
    font-weight: 300;
    border-top: none;
    line-height: 16px;
    display: block;
}

.one_workspace_canvas > .canvas_top > .left {

}

.one_workspace_canvas > .canvas_top > .right {
	float: right;
}

.canvas_top_img_logo {
	max-width: 100px;
	max-height: 15px;
	width: auto;
	height: auto;
}

.one_workspace_canvas > .canvas_line {
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #181818;
}

.one_workspace_canvas > .canvas_subject {
	font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #181818;
	margin-top: 25px;
	margin-bottom: 25px;
}

.one_workspace_canvas > .canvas_content {
	font-size: 16px;
    font-weight: 300;
    letter-spacing: -.01em;
    line-height: 24px;
    color: #181818;
    margin-bottom: 15px;
}


.one_workspace_canvas_menu {
	/*background: #181818b3;
	color: #FFF;
	border: 1px solid #181818b3;
	font-weight: 300;
	*/
	color: #181818;
	font-size: 15px;
    font-weight: 500;
	
	/*
	padding: 8px 15px;*/
	border: 1px solid transparent;
	display: block;
}

.one_workspace_canvas_menu_space {
	margin-top: 15px;
}

.one_workspace_canvas_menu > .chart_name {

	font-size: 15px;
	font-weight: 500;
	color: #181818;

}

.menu_date {

	font-size: 13px;
	font-weight: 500;
	color: #181818;
	font-family: Roboto;
	display: inline-block;
/*
	padding: 2px 2px 2px 2px;
*/
	padding-left: 5px;
	padding-right: 5px;
    height: 24px;
	/*
    background-color: #A8A8A8; */
    box-sizing: content-box;
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	border-radius: 2px;
	color: #8858F2;
	font-size: 12px;
	
}

.menu_arrow {

	font-size: 13px;
	font-weight: 400;
	color: #181818;
	font-family: Roboto;
	background-color: #CCC;
	display: inline-block;

	padding-left: 5px;
	padding-right: 5px;
    height: 24px;
    background-color: #A8A8A8; /* 填充色 */
    box-sizing: content-box;
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	border-radius: 2px;
	color: #FAFAFA;
	font-size: 12px;

}

.menu_arrow:hover{
	background-color: #FF3232;
}

.menu_search {

	font-size: 13px;
	font-weight: 400;
	color: #181818;
	font-family: Roboto;
	display: inline-block;

	padding-left: 5px;
	padding-right: 5px;
    height: 24px;
    background-color: #A8A8A8; /* 填充色 */
    box-sizing: content-box;
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	border-radius: 2px;
	color: #FAFAFA;
	font-size: 12px;

}

.menu_search:hover{
	background-color: #FF3232;
}

/*
.one_workspace_canvas_menu > .chart_name:hover {
	color: #FF3232;
}
*/

.one_workspace_canvas_menu > .chart_name > .more {
	font-size: 12px;
	font-weight: 300;
	margin-top: 10px;
	color: #181818;
	float: right;
}


.one_workspace_canvas_menu > .chart_box {

	background: #181818;
    width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 11px;
    margin-bottom: 12px;
}

.one_workspace_canvas_menu > .y_label {
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	line-height: 15px;
}



.one_workspace_canvas_menu_right {
	
	color: #181818b3;
	font-size: 12px;
    font-weight: 300;
	display: inline-block;
	/*
	padding: 8px 15px;
*/
	border: 1px solid transparent;
}

.one_workspace_canvas_white {
	
	height: 800px;
	border-radius: 0px;
	border: 1px solid #181818;
	padding: 25px 25px 25px 25px;
	font-size: 13px;
	font-weight: 400;
}

.one_workspace_canvas_table {
	
	/*height: 800px;*/
	border-radius: 0px;
	/*
	border: 1px solid #181818;*/
	border: 1px solid transparent;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: 400;
	/*
	max-width: 1000px;
    margin: 0 auto;*/
	margin-bottom: 25px;
	overflow-x: auto;
}

.one_workspace_canvas_matrix {
	
	/*height: 800px;*/
	border-radius: 0px;
	border: 1px solid transparent;
	padding: 0px 0px px 0px;
	font-size: 13px;
	font-weight: 400;
	/*
	max-width: 1000px;
    margin: 0 auto;*/
}

.one_workspace_canvas_matrix_axis_slot {
	padding-left: 0px;
	padding-right: 30px;
}

.one_workspace_canvas_matrix_axis_slot > .chart_name {

	font-size: 15px;
	font-weight: 500;

}

.one_workspace_canvas_matrix_axis_slot > .chart_box {

	background: #181818;
    width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 1px;
}

.one_workspace_canvas_matrix_axis_slot > .y_label {
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	line-height: 15px;
}

.one_workspace_canvas_matrix_axis_slot > .x_label {
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
	line-height: 15px;
}

	/* 通用表格样式 */
.product-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0;
	font-family: Arial, sans-serif;
}

.product-table th,
.product-table td {
	padding: 8px 15px;
	/*border: 1px solid #ddd;*/
	border-bottom: 1px solid #ddd;
	white-space: nowrap; /* 关键：禁止文字换行 */
}

.product-table th {
	
	font-weight: 400;
}

/* 列对齐设置 */
	/* 第一列和第二列左对齐 */
.product-table th:nth-child(1),
.product-table td:nth-child(1) {
	text-align: left;
	font-weight: 300;
}

/* 第三列到第六列右对齐 */
.product-table th:nth-child(n+2),
.product-table td:nth-child(n+2) {
	text-align: right;
	font-family: 'Roboto', sans-serif; 
	/*font-family: Consolas, Menlo, Monaco, "Courier New", monospace;*/
}

/* 表格1 - 蓝色系 */
.table-blue th {
	/*background-color: #e8f4f8;
	color: #0a5b7c;*/
	/*
	background: #8858F2;*/
	background: #181818;
	color: #FFF;
}

.table-blue tr:hover {
	background-color: #DFC9ED;
}

/* 表格2 - 紫色系 */
.table-purple th {
	background-color: #f3eefc;
	color: #4a2545;
}

.table-purple tr:hover {
	background-color: #e9d5f5;
}

.up { 
	background-color: #ffcccc; 
} /* 红色背景 */

.up:hover {
	background-color: #FF3232;
	color: #FFF;
}

.down {
	 background-color: #ccffcc; 
} /* 绿色背景 */

.down:hover{
	background-color: #0FC373;
	color: #FFF;
}

.one_workspace_space_right {
	float: right;
	width: 40%;
	white-space: nowrap;
    /* overflow: visible; */
    /* text-align: right; */
    direction: rtl;
}

.one_workspace_space_right  > .one_workspace_space_right_menu {
	
	color: #181818;
	font-size: 13px;
    font-weight: 300;
	display: block;
	text-align: right;
	
	padding: 8px 0px;
	border-bottom: 1px solid #181818b3;
	/*border: 1px solid #181818b3;*/
}

.one_workspace_space_right  > .one_workspace_space_right_menu:hover{
	color: #FF3232;
}


.one_workspace_space_right  > .one_workspace_space_right_menu_inquery {
	
	width: 98%;
	
	white-space: nowrap; /* 禁止换行 */
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 超出部分显示省略号 */
	color: #181818;
	font-size: 13px;
    font-weight: 300;
	display: block;
	text-align: left;
	direction: ltr;
	
	padding: 8px 0px;
	border-bottom: 1px solid #181818b3;
	/*border: 1px solid #181818b3;*/
}

.one_workspace_space_right  > .one_workspace_space_right_menu_inquery:hover{
	color: #FF3232;
}

.one_workspace_space_right  > .one_workspace_space_right_menu_inquery > .one_workspace_space_right_menu_inquery_num {
	border-radius: 4px;
    width: 8px;
    height: 8px;
    /* background-color: #00B0F0; */
    background-color: #0082F0;
    display: inline-block;
    margin-left: 5px;
	margin-right: 10px;
    margin-bottom: 1px;

}

.one_workspace_space_right  > .one_workspace_space_right_menu_title {
	font-weight: 500;
	color: #181818;
	font-size: 13px;

	display: block;
	text-align: right;
	
	padding: 8px 0px;
	border-bottom: 2px solid #181818b3;
}

.one_workspace_space_right  > .one_workspace_space_right_menu_blank {
	font-weight: 500;
	color: #181818;
	font-size: 13px;

	display: block;
	text-align: right;
	
	
	border-bottom: 1px solid transparent;
	
}

.one_workspace_space_right  > .font_selected {
	color: #4222CB;
	font-weight: 500;
}

.one_workspace_canvas_framework_catalog {
	margin-left: 1px;
	background: #FEF6D5;
    border-radius: 3px;
    padding: 25px 25px 25px 25px;
	margin-top: 10px;
    margin-bottom: 25px;
	color: #181818;
	border-radius: 1px;
    /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
	
	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(238, 238, 238), rgb(255, 255, 255));*/
	background: #eeeff2;
	/*background: #FFF;*/
}

.one_workspace_canvas_framework_catalog:hover {
	/*color: #FFF;*/
    /*box-shadow: 0 5px 15px rgba(255, 50, 50, 0.4);*/
	
/*
    background: linear-gradient(115deg, #FF3232 80%, #ecd9d9 100%);*/
}




.one_workspace_canvas_framework_catalog > .title {
	color: #4222CB;
	font-weight: 500;
	font-size: 15px;
	line-height:20px;
}


.one_workspace_canvas_framework_catalog > .title > .left {
	display: inline-block;
	/*color: #4222CB;*/
	color: #181818;
	font-weight: 500;
	font-size: 16px;
	line-height:20px;
}

.one_workspace_canvas_framework_catalog > .title > .left:hover{
	color: #FF3232;
}


.one_workspace_canvas_framework_catalog > .title > .right {
	float: right;
	font-size: 16px;
	font-weight: 300;
	
	color: #1818189c;

}


.one_workspace_canvas_framework_catalog > .title > .right:hover{
	color: #FF3232;
}

.one_workspace_canvas_framework_catalog > .chart_name {
    font-size: 15px;
    font-weight: 500;
}

.one_workspace_canvas_framework_catalog > .chart_box {
	background: #181818;
    width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 11px;
    margin-bottom: 12px;
    margin-left: 1px;"
}

.one_workspace_canvas_framework_catalog > .chart_unit {
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    line-height: 15px;
}

.one_workspace_canvas_framework_chart {
	
}

.one_workspace_canvas_framework_chart > .chart_name {
    font-size: 15px;
    font-weight: 500;
}

.one_workspace_canvas_framework_chart > .chart_box {
	background: #181818;
    width: 13px;
    height: 5px;
    border-radius: 1px;
    margin-top: 11px;
    margin-bottom: 12px;
    margin-left: 1px;"
}

.one_workspace_canvas_framework_chart > .chart_unit {
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    line-height: 15px;
}


.one_workspace_canvas_framework_chart > .chart_slot_thin {

    font-size: 13px;
    font-weight: 300;
    line-height: 15px;

}

.one_workspace_canvas_framework_chart > .chart_slot_thin > .chart_slot_thin_left {
	 display: inline-block;
}

.one_workspace_canvas_framework_chart > .chart_slot_thin > .chart_slot_thin_right {
	 float: right;
}

.one_workspace_canvas_framework_catalog > .slot_group {

}

.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell {
	color: #181818;
    font-size: 13px;
    font-weight: 300;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: none;
    border-bottom: 1px solid #181818;
    line-height: 16px;
    display: block;
	padding-left: 8px;
	padding-right: 8px;
}

.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell:hover{
	color: #FFF;
	background-color: rgb(66, 34, 203, 0.7);
}

.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell  > .code {
		display: inline-block;
        white-space: nowrap;
        width: 80%;
        text-overflow: ellipsis;
        overflow: hidden;
		vertical-align: middle;
}

.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell  > .right {
		float: right;
        text-overflow: ellipsis;
        overflow: hidden;
		vertical-align: middle;
		font-size: 80%;
}

.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell  > .code_product {
		display: inline-block;
        white-space: nowrap;
        width: 350px;
        text-overflow: ellipsis;
        overflow: hidden;
		vertical-align: middle;
}


.one_workspace_canvas_framework_catalog > .slot_group > .block_img {
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    margin-top: 15px;
    /* background: #eee; */
    padding: 5px 5px 5px 5px;
    border: 1px solid #181818;
}

.one_workspace_canvas_framework_catalog > .comments {
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.one_workspace_canvas_framework_catalog > .picture {

	margin-top: 15px;
	margin-bottom: 5px;
	display: block;
	/*
    background-color: #fff;
    background-image: radial-gradient(#999 1px, transparent 1px);
	background-size: 15px 15px;
	*/
   /* border: 1px solid #ddd;*/
   /* border-radius: 1px;*/
	/*height: 150px;*/
	transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.one_workspace_canvas_framework_catalog:hover .picture {
	transform: scale(1.05); /* 悬停时放大1.1倍 */
}


.one_workspace_canvas_framework_catalog> .bottom {
	font-size: 12px;
	font-weight: 300;
	margin-top: 10px;
	color: #181818;
}

.one_workspace_canvas_framework_catalog> .bottom a {
	 text-decoration: none; 
}

.one_workspace_canvas_framework_catalog> .bottom a:hover{
	 text-decoration: none; 
}


.one_workspace_canvas_framework_catalog> .bottom > .tag {
	color: #1818188f;
	display: inline-block;
	margin-right: 5px;
}

.one_workspace_canvas_framework_catalog> .bottom > .tag_selected {
	color: #8858F2;
	display: inline-block;
	font-weight: 400;
	margin-right: 5px;
	padding-bottom: 2px;
    border-bottom: 1px solid #8858F2;

}

.one_workspace_canvas_framework_catalog> .bottom > .tag:hover{
	color:#FF3232;
}


.one_workspace_canvas_framework_catalog> .bottom > .source {
	color: #181818;
	display: inline-block;
	margin-right: 5px;
}

.one_workspace_canvas_framework_catalog> .bottom > .right {
	display: inline-block;
	color: #181818;
	float: right;
}

.one_workspace_canvas_framework_catalog> .bottom > .right:hover{
	color:#FF3232;
}

.one_workspace_canvas_framework_catalog_btn {
	margin-left: 1px;
	background: #FEF6D5;
    border-radius: 3px;
    padding: 25px 25px 25px 25px;
	margin-top: 10px;
    margin-bottom: 15px;
	margin-right: 24px;
	color: #181818;
	border-radius: 1px;
	background: #eeeff2;
	width: 220px;
	display: inline-block;
}

.one_workspace_canvas_framework_catalog_btn > .title {
	color: #4222CB;
	font-weight: 500;
	font-size: 15px;
	line-height:20px;
	text-align: center;
}

.one_workspace_canvas_framework_catalog_btn > .subtitle {
	color: #181818;
	font-weight: 300;
	font-size: 13px;
	line-height:20px;
	text-align: center;
	margin-top: 5px;
}


.one_workspace_canvas_framework_catalog_btn > .picture {

	margin-top: 15px;
	display: block;
	/*
    background-color: #fff;
    background-image: radial-gradient(#999 1px, transparent 1px);
	background-size: 15px 15px;
	*/
   /* border: 1px solid #ddd;*/
   /* border-radius: 1px;*/
	/*height: 150px;*/
	transition: transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}
	
.one_workspace_canvas_framework_catalog_btn:hover .picture {
	transform: scale(1.05); /* 悬停时放大1.1倍 */
}


.one_workspace_canvas_company_catalog_btn {
	margin-left: 1px;
	background: #FEF6D5;
    border-radius: 3px;
    padding: 25px 23px 25px 25px;
	margin-top: 10px;
    margin-bottom: 15px;
	margin-right: 24px;
	color: #181818;
	border-radius: 1px;
	background: #eeeff2;
	width: 220px;
	display: inline-block;
}

.one_workspace_canvas_company_catalog_btn:hover {

	
	background: linear-gradient(115deg, rgb(255, 255, 255), rgb(66, 34, 203, 0.1), rgb(255, 255, 255));
/*
	background-color: rgb(66, 34, 203, 0.7);*/
}



.one_workspace_canvas_company_catalog_btn > .title {
	
}

.one_workspace_canvas_company_catalog_btn > .title > .left {
	display: inline-block;
	/*color: #4222CB;*/
	color: #181818;
	font-weight: 500;
	font-size: 16px;
	line-height:20px;
}

.one_workspace_canvas_company_catalog_btn > .title > .left:hover{
	color: #FF3232;
}


.one_workspace_canvas_company_catalog_btn > .title > .right {
	float: right;
	font-size: 12px;
	font-weight: 300;
	margin-top: 3px;
	color: #1818189c;
	vertical-align:top
}


.one_workspace_canvas_company_catalog_btn > .title > .right:hover{
	color: #FF3232;
}

.one_workspace_canvas_company_catalog_btn > .subtitle {
	color: #1818189c;
	font-weight: 300;
	font-size: 12px;
	line-height:20px;
	margin-top: 5px;
}


.one_workspace_canvas_company_catalog_btn > .picture {
	
	margin-top: 35px;
	display: block;
	text-align: left;
	height: 45px;
	/*
	height: 50px;
	
    background-color: #fff;
    background-image: radial-gradient(#999 1px, transparent 1px);
	background-size: 15px 15px;
	*/
   /* border: 1px solid #ddd;*/
   /* border-radius: 1px;*/
	/*height: 150px;*/
}
	
.one_workspace_canvas_company_catalog_btn > .picture  > .img_space {
	height: 100%;
	/*
	max-width: 140px;*/
	
}


.one_workspace_canvas_company_catalog_btn > .bottom {
	font-size: 12px;
	font-weight: 300;
	margin-top: 10px;
	color: #181818;
	
}

.one_workspace_canvas_slot {
	align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.one_workspace_canvas_slot_flex {
	display: flex;
    gap: 4px;
}

.one_workspace_canvas_slot_input_title {
	display: inline-block;
    outline: none;
    color: #151515;
    line-height: 25px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 300;
    border: 0px solid #181818;
    width: 80px;
}

.one_workspace_canvas_slot_input_txt {
	/*flex-grow: 1;*/
	flex: 1;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    color: #2b57db;
    font-weight: 300;
    font-size: 13px;
	/*
    background-color: #FFF;*/
	background: #C7FBE4;
    outline: none;
    color: #151515;
    line-height: 20px;
    border-radius: 1px;
    box-sizing: border-box;
    border: 0px solid #181818;
    border-bottom: 1px solid #181818;
    padding: 5px 10px 5px 10px;

	background: #FFF;
	
	color: #181818;
	border: 1px solid #181818;
}

.one_workspace_canvas_slot_input_txt_area {
	white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 20px;
}

.one_workspace_canvas_slot_qrcode {
	flex-grow: 1;
    overflow: hidden;
   
    white-space: nowrap;
    outline: none;
    color: #151515;
    line-height: 20px;
    box-sizing: border-box;
    padding: 5px 0px 5px 0px;
}

.one_workspace_canvas_slot_input_notice {
	flex: 1;

	/* white-space: pre-wrap; */
    word-wrap: break-word;

    font-weight: 300;
    font-size: 12px;
    outline: none;
    color: #181818;
    
    border-radius: 1px;
    box-sizing: border-box;
    border: 0px solid #181818;
    padding: 5px 0px 5px 0px;
}

.one_workspace_canvas_slot_input_notice p {
    line-height: 22px;
}

.one_workspace_canvas_slot_input_notice a {
	color: #181818;
}

.one_workspace_canvas_slot_input_notice a:hover {
	color: #FF3232;
}

.one_workspace_canvas_slot_input_notice_underline {
	border-bottom: 1px solid #181818;
	padding-bottom: 2px;
}

.one_workspace_canvas_slot_line {
	border-bottom: 1px solid #181818;
    margin-bottom: 10px;
    margin-top: 10px;
}


.one_workspace_canvas_slot select {
  /* Reset Select */
  appearance: none;

  
  box-shadow: none;

  /* Personalize */
  flex: 1;
  padding: 5px 10px 5px 10px;
  color: #181818;

  line-height: 20px;	
  font-weight: 300;
  font-size: 13px; 
  background-color: #FFF;
  outline: none; 
  color: #151515;

  /*
  background-color: var(--darkgray);
  background-image: none;*/  
  cursor: pointer;

}

/* Remove IE arrow */
.one_workspace_canvas_slot select::-ms-expand {
  display: none;
}

/* Custom Select wrapper */
.one_workspace_canvas_slot_select {

	/*border-bottom: 1px solid #181818;*/
	position: relative;
	display: flex;

	border-radius: 0;
	overflow: hidden;

}

/* Transition */
/*
.one_canvas_slot_select:hover::after {
  color: #f39c12;
}
*/

.one_canvas_slot_select option {
	
}

.one_workspace_canvas_slot_select_arrow {

  position: absolute;
  right: 0px;
    top: 0;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 10px;
  transition: .25s all ease;
  pointer-events: none;
  font-size: 12px;
  color: #181818ad;
}


.author_space {
	
	
}

.author_space > .author_portrait {
	margin-top: 45px;
	margin-bottom: 0px;
	margin-left: 2px;
    display: inline-block;
}

.author_space > .author_name {
	font-weight: 400;
    font-size: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.author_space > .author_title {
	font-weight: 300;
    font-size: 14px;
	line-height: 20px;
	margin-top: 13px;
	margin-bottom: 13px;
}

 .author_space > .author_location {
	font-weight: 300;
    font-size: 14px;
	margin-top: 15px;
	margin-bottom: 0px;
}



.author_space > .author_portrait > .author_portrait_img {
	border-radius:35px;
	width:70px;
	height:70px;
}

.number_input_txt_id {


	flex-grow: 1;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    color: #2b57db;
    font-weight: 300;
    font-size: 13px;
	/*
    background-color: #FFF;*/
	background: #C7FBE4;
    outline: none;
    color: #151515;
    line-height: 20px;
    border-radius: 1px;
    box-sizing: border-box;
    border: 0px solid #181818;
    border-bottom: 1px solid #181818;
    padding: 5px 10px 5px 10px;

	font-family: Roboto;
    font-weight: 400;

}

.one_workspace_canvas_slot_input_btn {

	display: inline-block;
    border-radius: 0px;
    height: 32px;
    width: 70px;
    line-height: 32px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 2px;
    background: #181818;
	letter-spacing: 0.1em

}

.one_workspace_canvas_slot_input_btn:hover {

    text-decoration: none;
    color: #fff;
    background: #FF3232;

}

.inquery_slot {
    align-items: center;
    margin-bottom: 15px;
}

.inquery_slot_header {
    align-items: center;
    margin-bottom: 5px;
}

.inquery_slot_flex {
    display: flex;
    gap: 4px;
}

.inquery_slot_flex_justify {
    display: flex;
    justify-content: space-between;
}

.inquery_slot_header_top_right {
	margin-right: 2px;
}

.inquery_slot_header_top_right {

}

.inquery_slot_header_top_right > .inquery_slot_header_top_right_btn{
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
    font-weight: 400;
    color: #181818c2;
	
}

.inquery_slot_header_top_signal_grey{
	width: 24px;
    height: 24px;
    background-color: #A8A8A8; /* 填充色 */
    box-sizing: content-box;
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	border-radius: 2px;
	color: #FAFAFA;
	font-size: 12px;
}

.inquery_slot_header_top_signal_grey:hover {
	background-color: #FF3232;
	color: #FAFAFA;
}

.inquery_slot_header_top_signal_purple{
	width: 24px;
    height: 24px;
    background-color: #8858F2; /* 填充色 */
    box-sizing: content-box;
    display: inline-flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	border-radius: 2px;

}

.inquery_slot_header_top_signal_purple:hover {
	background-color: #8858f2c9;
}

.inquery_slot_header_top_legend_item {
	
	display: inline-flex;
    cursor: pointer;
    align-items: center;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
	margin-left: 2px;
	margin-right: 2px;

	align-items: center;
    white-space: nowrap;

}

.inquery_slot_header_top_legend_item > .inquery_slot_header_top_legend_color {
    height: 10px;
    width: 10px;
    border-radius: 2px;
	background-color: #00B0F0;
	margin-right: 6px;
}

.inquery_slot_header_top_legend_item > .inquery_slot_header_top_legend_txt {
    font-size: 13px;
    font-weight: 400;
    color: #181818c2;
    padding-top: 1px;
}

.inquery_slot_header_top_legend_item > .inquery_slot_header_top_legend_arrow {
    height: 10px;
    width: 10px;
	margin-right: 6px;
	color: #0082F0;
	font-size: 14px;
}

.inquery_slot_space {
	width: 120px;
}

.inquery_slot_left_space_indent {
	width: 180px;
}



.inquery_slot_left_blanket {
	    flex: 1;
}

.inquery_slot_left_date {
	width: 150px;
	font-family: Roboto;
	font-size: 12px;
	vertical-align: bottom;
	line-height: 20px;
	text-align: right;
	margin-right: 5px;
	margin-top: 3px;
}

.inquery_slot_right_date {
	width: 150px;
	font-family: Roboto;
	font-size: 12px;
	vertical-align: bottom;
	line-height: 20px;
	text-align: right;
}

.inquery_slot_right_blanket {
	    flex: 1;
}

.inquery_slot_questioner {
	width: 100px;
	text-align: left;
}

.inquery_slot_questioner > .inquery_slot_questioner_portrait{
    margin-left: 2px;
    display: inline-block;
}

.inquery_slot_questioner > .inquery_slot_questioner_portrait > .inquery_slot_questioner_portrait_img{
	border-radius: 10px;
    width: 20px;
    height: 20px;
}

.inquery_slot_questioner > .inquery_slot_questioner_name{
	display: inline-block;
    outline: none;
    color: #151515;
    line-height: 20px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 400;
    border: 0px solid #181818;
}

.inquery_slot_questioner > .inquery_slot_questioner_circle {
	border-radius: 4px;
    width: 8px;
    height: 8px;
	/*
	background-color: #00B0F0;*/
	background-color: #0082F0;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 1px;
}

.inquery_slot_responder {
	width: 100px;
	text-align: right;
}

.inquery_slot_responder > .inquery_slot_responder_portrait{
    margin-left: 2px;
    display: inline-block;
}

.inquery_slot_responder > .inquery_slot_responder_portrait > .inquery_slot_responder_portrait_img{
	border-radius: 10px;
    width: 20px;
    height: 20px;
}

.inquery_slot_responder > .inquery_slot_responder_circle {
	border-radius: 4px;
    width: 8px;
    height: 8px;
	background-color: #8858F2;
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 1px;
}

.inquery_slot_responder > .inquery_slot_responder_name{
	display: inline-block;
    outline: none;
    color: #151515;
    line-height: 20px;
    border-radius: 1px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 300;
    border: 0px solid #181818;
	margin-right: 5px;
}

.inquery_slot_message {
	flex: 1;
    color: #181818;
    border-radius: 1px;
	/*
    background: #fff5f1;
    */
	border: 1px solid #151515;
    padding: 20px 20px 18px 20px;
}

.inquery_slot_message_grey {
	background: #eeeff2;
}

.inquery_slot_message_lightgrey {
	background: #eee;
	border: 1px solid transparent;
}

.inquery_slot_message_lightyellow {
	background: #FEF6D5;
}

.inquery_slot_message_subject {
	font-weight: 500;
    color: #181818;
    font-size: 15px;
    line-height: 20px;
	margin-bottom: 10px;
	margin-top: 2px;
}

.inquery_slot_message_content{
	font-weight: 400;
    color: #181818;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}


.inquery_slot_message_content_short{
	font-weight: 400;
    color: #181818;
    font-size: 13px;
    line-height: 20px;
	height: 40px;
    margin-bottom: 15px;
	/*
	white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}


.inquery_slot_message_content_full{
	font-weight: 400;
    color: #181818;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 15px;
}

.inquery_slot_message_content p {
	margin: 0px 0px 10px 0px;
}

.inquery_slot_message_content_short p {
	margin: 0px 0px 10px 0px;
}

.inquery_slot_message_content_full p {
	margin: 0px 0px 10px 0px;
}

.inquery_slot_message_file {
	font-weight: 400;
    color: #181818;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 16px;
}

.inquery_slot_message_img_square {

    margin-right: 10px;
	margin-bottom: 5px;
	/*
	margin-top: 3px;*/
    background: #FFF;
    padding: 5px 5px 5px 5px;
    border: 1px solid #181818;
    width: 90px;
    display: inline-block;
}

.inquery_slot_message_file a {
    display: inline;
    line-height: 20px;
    padding: 4px 0px 4px 0px;
}

.inquery_slot_message_file_color_purple:hover {
	color: #fafafae0;
}


.inquery_slot_message_file_color_blue {
	background-color: #0082F0;
	color: #FAFAFA;
}

.inquery_slot_message_file_color_blue:hover {
	color: #fafafae0;
}

.inquery_slot_message_file_color_lightyellow {
	background-color: #f6f6b2;
	color: #181818;
}

.inquery_slot_message_file_color_lightyellow:hover {
	color: #181818ab;
}

.inquery_slot_message_file_color_purple {
	background-color: #a686ef;
	color: #FFF;
}

.inquery_slot_message_quote {
	font-weight: 400;
    color: #18181857;
    font-size: 12px;
    line-height: 18px;
}

.inquery_slot_message_line {
	border-bottom: 1px solid #181818;
    margin-bottom: 10px;
    margin-top: 10px;
	font-size: 12px;
	line-height: 15px;
}

.inquery_slot_message_quote > .inquery_slot_message_quote_left{
    display: inline-block;
}

.inquery_slot_message_quote > .inquery_slot_message_quote_right{
	float: right;
}

@media (max-width: 768px) {


	.one_workspace_top_notice {
		/* color: #181818c9; */
		color:#1818188f;
		font-weight: 500;
		font-size: 15px;
	}

	.one_workspace_top_title {

		font-size: 30px;
		color: #181818cf;
		/* color: #4222CB;*/
		font-weight: 500;
		margin-top: 40px;
		margin-bottom: 30px;
	
	}

	.one_workspace_top_menu_selected {

		font-size: 15px;
		font-weight: 500;
		height: 24px;
		line-height: 28px;
		text-align: center;
		color: #181818;
		margin-right: 6px;
		padding-bottom: 6px;
		letter-spacing: 0.02em;
		border-bottom: 6px solid #8858F2;
	}

	
	.one_workspace_top_menu {

		font-size: 15px;
		font-weight: 500;
		height: 24px;
		line-height: 28px;
		text-align: center;
		color: #1818188f;
		margin-right: 6px;
		padding-bottom: 0px;
		letter-spacing: 0.02em;
	}

	.visiable_mark {
		display: none;
	}

	.one_workspace_canvas_framework_catalog_btn {

		width: auto;
    	display: block;
		margin-right: 0;
	}

	.one_workspace_canvas_framework_catalog > .picture {

		margin-bottom: 15px;
		
	}

	.one_workspace_canvas_framework_catalog > .slot_group > .catalog_menu_cell  > .code_product {
	    width: 180px;
    }

	.one_workspace_canvas_menu_space {
		margin-top: 30px;
	}

	.one_workspace_canvas_company_catalog_btn {
		width: auto;
    	display: block;
		margin-right: 1px;
		margin-bottom: 20px;
		background: linear-gradient(175deg, rgba(37, 36, 36, 0.187), rgb(238, 239, 242, 0.9), rgb(255, 255, 255));
		/*border: 1px solid #1818185a;*/
		border-radius: 3px;
	}

	.one_workspace_canvas_company_catalog_btn:hover {

		background: linear-gradient(175deg, rgb(66, 34, 203, 0.2), rgb(66, 34, 203, 0.1), rgb(255, 255, 255));
	
	}

	.one_workspace_canvas_company_catalog_btn > .picture {
    	margin-top: 55px;
	}

	.one_workspace_canvas_slot_input_title {

		width: 60px;
	}

	.one_workspace_canvas_slot_flex {
		display: flex;
		gap: 15px;
	}

	.number_input_txt_id {
		/*font-family: initial;*/
		font-family: -apple-system, Helvetica, Helvetica, sans-serif, "Microsoft YaHei";

		font-weight: 500;
		/*
		letter-spacing: 0.025em;*/
	}

	.one_workspace_canvas_slot_input_txt {
		/*
		background: #FAFAFA;
		*/
		color: #181818;
		border: 1px solid #181818;
		/*
		border-bottom: 1px solid #181818;*/
		padding: 5px 10px 5px 10px;
	}

	.inquery_slot_flex {
		display: flex;
		gap: 15px;
	}

	.inquery_slot_flex_justify {
		display: block;
	}

	.inquery_slot_header_top_left {
		margin-bottom: 15px;
	}
	.inquery_slot_header_top_right {
		margin-right: 2px;
	}

	.inquery_slot_space {
		width: 40px;
	}

	.inquery_slot_message_content_short{

		height: 55px;

	}

	.menu_date{
		font-family: -apple-system, Helvetica, Helvetica, sans-serif, "Microsoft YaHei";
	}
}