a,img{border:0;}
body{text-align:left;font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
 	overflow:scroll;overflow-x:hidden}
.topNavC{position:relative;background-color:#F5F5F5;width:100%;height:35px;line-height:38px;top:0px;left:0px;border:1px solid #E5E5E5;}
.titleDivC{position:relative;margin:0 auto;width:100%;height:34px;}
.indexA{position:absolute;display:block;top:0px;left:20px;width:40px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.indexA:hover{color:#FF0000;}
.userAreaC{position:absolute;top:0px;left:60px;width:130px;height:30px;}
.loginA{position:absolute;display:block;top:0px;left:0px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.loginA:hover{color:#FF0000;}
.registA{position:absolute;display:block;top:0px;left:70px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.registA:hover{color:#FF0000;}
.quitA{position:absolute;display:block;top:0px;left:140px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.quitA:hover{color:#FF0000;}
.gongmingA{position:absolute;display:block;top:0px;left:120px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.gongmingA:hover{color:#FF0000;}
.wenyuangeA{position:absolute;display:block;top:0px;left:180px;width:80px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenyuangeA:hover{color:#FF0000;}
.mallA{position:absolute;display:block;top:0px;left:260px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.mallA:hover{color:#FF0000;}
.wenzhangItem6{position:absolute;display:block;top:0px;right:400px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem6:hover{color:#FF0000;}
.wenzhangItem5{position:absolute;display:block;top:0px;right:330px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem5:hover{color:#FF0000;}
.wenzhangItem4{position:absolute;display:block;top:0px;right:260px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem4:hover{color:#FF0000;}
.wenzhangItem3{position:absolute;display:block;top:0px;right:190px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem3:hover{color:#FF0000;}
.wenzhangItem2{position:absolute;display:block;top:0px;right:120px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem2:hover{color:#FF0000;}
.wenzhangItem1{position:absolute;display:block;top:0px;right:50px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.wenzhangItem1:hover{color:#FF0000;}
.versionGoA{position:absolute;display:block;top:0px;right:20px;width:60px;height:30px;color:#ACACAC;transition:0.5s; text-decoration: none;}
.versionGoA:hover{color:#FF0000;}

/*===============================================*/

body{margin:0;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif}
h1{font-weight:700;font-size:16px;text-align:center; margin:30px auto 20px}
h2{font-weight:normal;font-size:12px;text-align:center; margin:10px auto 10px}
h3{font-weight:normal;font-size:12px;text-align:center; margin:10px auto 10px}
#ttTimesId{color: #E35020;font-weight: bold;font-size: 16px}
#curTimesId{color: #E35020;font-weight: bold;font-size: 16px}
#hotHanziId{color: #E35020;font-weight: bold;font-size: 16px}
#yearHotHanziId{color: #E35020;font-weight: bold;font-size: 16px}
#hotCiyuId{color: #E35020;font-weight: bold;font-size: 16px}
#yearHotCiyuId{color: #E35020;font-weight: bold;font-size: 16px}
#zyTimesId{color: #E35020;font-weight: bold;font-size: 16px}
#curZyTimesId{color: #E35020;font-weight: bold;font-size: 16px}
#zftTimesId{color: #E35020;font-weight: bold;font-size: 16px}
#curZftTimesId{color: #E35020;font-weight: bold;font-size: 16px}
.content{font-size:14px;}
a{font-size:9pt;color:#0E5EE2;text-decoration:underline;}
a.bookmark:visited,a.bookmark:link,a.bookmark:active{font-size:9pt;color:#0E5EE2;text-decoration:underline;}
a.bookmark:hover{text-decoration:none;}
a:visited,a:link,a:active{font-size:9pt;color:#333;text-decoration:none;}
a:hover{color:#0E5EE2;text-decoration:underline;}
a.d:hover{font-size:13px;color:#CFF1FA;text-decoration:underline;font-weight:700;}
a.d:link{font-size:13px;color:#FFF;text-decoration:none;font-weight:700;}
a.d:visited{font-size:13px;color:#CFF1FA;font-weight:700;}
a.c:link{color:#666;text-decoration:underline;}
a.c:visited{color:#666;text-decoration:none;}
a.c:hover{font-weight:700;color:#666;text-decoration:underline;}
a.b:hover{font-size:10pt;color:#36F;text-decoration:none;}
a.e:hover{font-size:12px;color:#CFF1FA;text-decoration:underline;font-weight:700;}
a.e:link{font-size:12px;color:#FFF;text-decoration:none;font-weight:700;}
a.e:visited{font-size:12px;color:#CFF1FA;font-weight:700;}
.hongzi{color:red;}
a.f:hover{font-size:13px;border:solid 1px #69F;background-color:#FBFDFF;height:18px;width:26px;font-weight:700;color:#00F;}
TEXTAREA,SELECT{font-size:9pt;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif, 宋体;background-color:#fff;border-color:silver;border-width:1px;}
a.b:link,a.b:visited{font-size:10pt;color:#0321C9;text-decoration:underline;}
a.f:link,a.f:visited{font-size:13px;border:solid 1px #69F;background-color:#FBFDFF;height:18px;width:26px;color:#00F;}
.num{ font-size:14px; font-weight:700; color:#F00; word-wrap:break-word;}
.zhaiyaoDataC{ font-size:14px;  color:black;}
.f20{font-size:30px; font-weight:700; color:#F00}
.f18{font-size:18px; font-weight:700; color:#F00}
.normalH1{font-weight:bold;font-size:12px;text-align:left; margin:0px auto 0px}
.downloadAC{text-decoration: overline;}
.downloadAC:link{font-size:9pt;color:#333;text-decoration:underline;}
.downloadAC:hover{font-size:9pt;color:green;text-decoration:underline;}
.analysisBtC{
	top:0px;
	left:50%;	
	width:150px;
	height:40px;
	margin-left:-75px;
	font-weight: bold;
	font-size:20px;
	cursor: pointer;
}
.articleC::-webkit-input-placeholder{
	text-align:center;
    vertical-align:middle;
    line-height: 20px;
}/* 使用webkit内核的浏览器 */
.articleC::-moz-placeholder{
	text-align:center;
    vertical-align:middle;
    line-height: 20px;
}/* Firefox版本4-18 */
.articleC::-moz-placeholder{
	text-align:center;
    vertical-align:middle;
    line-height: 20px;
}/* Firefox版本19+ */
.articleC::-ms-input-placeholder{
	text-align:center;
	vertical-align:middle;
	line-height: 20px;
}
.iconImg{
	top:0px;
	width: 25px;
	height:25px;
}
.zhishuAC{text-decoration: none;}
.zhishuAC:hover{text-decoration: none;}
.ads:before{
	position: absolute;
	left: 50px;
    top: 0px;
	width:16px;
	height:16px;
	z-index: 10;	
	content:'';
	background-image:url(../../images/system/new.png);
	background-size:16px 16px;
}
/* ---------------tab菜单 start---------------------------------- */
#ResultTabsMenuId {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#ResultTabsMenuId li {
	float: left;
	margin: 10px 0 0;
}
#ResultTabsMenuId a {
	position: relative;
	background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(to bottom, #fff, #ddd);
	padding: 5px 15px;
	float: left;
	text-decoration: none;
	color: #444;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}
#ResultTabsMenuId a:hover, #ResultTabsMenuId a:hover::after, #ResultTabsMenuId a:focus, #ResultTabsMenuId a:focus::after {
 background: #fff;
}
#ResultTabsMenuId a:focus {
	outline: 0;
}
#ResultTabsMenuId a::after {
 content:'';
 position:absolute;
 z-index: 1;
 top: 0;
 right: -.5em;
 bottom: 0;
 width: 1em;
 background: #ddd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
 background-image: -webkit-linear-gradient(top, #fff, #ddd);
 background-image: -moz-linear-gradient(top, #fff, #ddd);
 background-image: -ms-linear-gradient(top, #fff, #ddd);
 background-image: -o-linear-gradient(top, #fff, #ddd);
 background-image: linear-gradient(to bottom, #fff, #ddd);
 -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
 -webkit-transform: skew(10deg);
 -moz-transform: skew(10deg);
 -ms-transform: skew(10deg);
 -o-transform: skew(10deg);
 transform: skew(10deg);
 -webkit-border-radius: 0 5px 0 0;
 -moz-border-radius: 0 5px 0 0;
 border-radius: 0 5px 0 0;
}
 #ResultTabsMenuId #currentId a, #ResultTabsMenuId #currentId a::after {
 background: #fff;
 z-index: 3;
}


#ResultContentId {
	background: #C6DDF7;
	padding: 2em;
	height: 100%;
	position: relative;
	z-index: 2;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}
#ResultContentId h2, #ResultContentId h3, #ResultContentId p {
	margin: 0 0 15px 0;
}
/* ---------------tab菜单 end---------------------------------- */

/*-------上传文件-------*/
.uploadTabC {
	width: 100%;
    border-collapse: collapse; /* 去除表格之间的间隔 */
}
.styles_UploadButtonContainer__L_4EU {
    width: 100%;
    position: relative;
}
.styles_uploadButton__Z_vGw {
    display: inline-flex;
    align-items: flex-start;
    cursor: pointer;
}
.styles_uploadButton__Z_vGw input {
    display: none;
    overflow: visible;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

.styles_label__Jj_Cz h5 {
    color: #2c71eb;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.styles_label__Jj_Cz P {
    color: #1d2130;
    font-size: 12px;
    font-weight: lighter;
}

.styles_UploadButtonContainer__L_4EU p {
    margin: 0;
}

.styles_errorColor__0J0lp {
    color: red;
}
.styles_rightColor__0J0lp {
    color: black;
}
.styles_count__c64Om {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    text-align: right;
    padding-right: 5px;
}

.styles_progress_bar {
    position: absolute;
    top: 0;
    left: 150px;
}
/*------------*/

/*------同屏显示大数据对话框-------*/
.BigDataDialogBoxC{
	position:fixed;
	display:none;
	top:50%;
	left:50%;
	width:940px;
	height:600px;
	margin-left: -470px;
	margin-top: -300px;
	z-index: 9;
	background-color: #C6DDF7;
	border:2px solid gray;
	border-radius:5px 5px 5px 5px;
}

.BigDataDialogCloseC{
	position:absolute;
	display:block;
	top:3px;
	right:3px;
	width:20px;
	height:20px;
	background: url("../../images/system/btn_close.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size:100% 100%;
    cursor: pointer;
}
.BigDataDialogBoxTitleC{
	position:absolute;
	top:3px;
	left:50%;
	width:500px;
	height:30px;
	margin-left: -250px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.BigDataHeaderC{
	position:absolute;
	top:40px;
	left:10px;
	width:920px;
	height:40px;
	line-height:40px;
	border:1px solid gray;
	border-radius:1px 1px 1px 1px;
	text-align: center;
	vertical-align: middle;	
}

.BigDataBodyC{
	position:absolute;
	top:80px;
	left:10px;
	width:920px;
	height:510px;
	border:1px solid gray;
	border-radius:1px 1px 1px 1px;	
	overflow-y: auto;  
	overflow-x: scroll;
	text-align: center;
}

.BigDataPinlvTabC{
	width:100%;
}
.BigDataPinlvTabC td {	
	vertical-align: top;
	white-space: nowrap;
}
/*------人物名字-------*/
.PersonNamePinlvTabC{
	width:100%;
}
.PersonNamePinlvTabC td {	
	vertical-align: top;
	white-space: nowrap;
}
/*------人物名字-------*/
/*------同屏显示大数据对话框-------*/

/*----新设计----*/
.ItemBgC{
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	height:65px;
	color:#3730A3;
	background-color:#EEF2FF;
	border:1px solid #EEF2FF;
	border-radius:2px 2px 2px 2px;
}
.ItemTitleC{
	position:relative;
	top:5px;
	left:5px;
	font-size: 14px;	
}
.ItemValueC{
	position:relative;
	top:5px;
	left:5px;
	font-size: 24px;
}
.ItemUnitC{
	position:relative;
	top:5px;
	left:5px;
	font-size: 14px;
}

.ItemSolidColorCardC {
	display:inline-block;
	width:120px;
	height:25px;
	line-height:25px;
	background-color:#EEF2FF;
	vertical-align: middle;
	text-align: center;
}

.ItemColorCardC{
	display:inline-block;
	width:25px;
	height:25px;
	background-color:#EEF2FF;
}

#SameColorPixSortId {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
}
.color-box {
    width: 100px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    text-shadow: 1px 1px 2px black;
    border: 1px solid #ddd;
    flex-direction: column;
    cursor: pointer;
    position: relative;
}
.percentage {
    font-size: 10px;
    opacity: 0.8;
}
.HueFenbuTuTooltipC {
    position: absolute;
    background: rgba(0,0,0,0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    pointer-events: none;
    display: none;
    font-family: Arial;
    font-size: 12px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    white-space: nowrap;
    z-index: 100;
}
.color-box:hover .HueFenbuTuTooltipC {
    visibility: visible;
    opacity: 1;
}
/*----新设计----*/

/*----色相柱状图(分布图)----*/
.HueChartC {
	border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
 	font-size: 12px;
	fill: #666;
	font-family: "Segoe UI", Arial, sans-serif;
}

/*----色相柱状图(分布图)----*/

/*-----主色调占比图-------*/
.color-swatch {
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    text-align: left;
}
/*-----主色调占比图-------*/

/*----RGB柱状图(分布图)----*/
.RgbChartC {
	margin: 10px;
	background: white;
	border: 1px solid #ddd; /* 添加边框便于观察边界 */
	width: 512px;          /* 固定显示尺寸 */
	height: 200px;
}

.RgbChartContainerC {
    margin: 0px 0;
}
/*----RGB柱状图(分布图)----*/  

   
/*----灰度柱状图(分布图)----*/   
#histogramCanvasId { 
    background: #f5f5f5;
    width: 600px;   /* CSS渲染尺寸 */
    height: 400px;
	border: 1px solid #ccc; margin: 10px 0;
}

#GrayFenbuTuTooltipId {
    position: absolute;
    background: rgba(0,0,0,0.9);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    pointer-events: none;
    display: none;
    font-family: Arial;
    font-size: 12px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    white-space: nowrap;
    z-index: 100;
}
/*----灰度柱状图(分布图)----*/
				
/*----火柴人----*/
#animation-container {
	position: relative;
    width: 100%;
    height: 50px;    
    overflow: hidden;
    line-height: 200%; /* 确保垂直居中 */
    text-align: center; /* 水平居中 */
}

.stick-figure {
    position: absolute;
    display: none;
    top: 10px; /* 距离容器顶部10像素 */
    transform: translateY(-50%); /* 垂直居中 */
}

.stick-figure .head, .stick-figure .body, .stick-figure .arms, .stick-figure .legs {
    position: absolute;
    background-color: black;
}

.stick-figure .head {
    top: 0;
    left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.stick-figure .stickSpeek {
	position: absolute;
	top: 0px;
    left: 20px;
    width: 200px;
    height: 20px;
    border-radius: 5%;
    text-align: left;
}

.stick-figure .body {
    top: 10px;
    left: 0px;
    width: 2px;
    height: 10px;
}

.stick-figure .arms {
    top: 15px;
    width: 14px;
    height: 2px;
    transform-origin: bottom right; /* 以右边为旋转中心 */
}

.stick-figure .left-arm, .stick-figure .right-arm {
    transform-origin: bottom left; /* 以左边为旋转中心 */
}

.stick-figure .legs {
    top: 20px;
    width: 2px;
    height: 20px;
}

.stick-figure .left-leg, .stick-figure .right-leg {
    transform-origin: top center; /* 以顶部中心为旋转中心 */
}

/*----火柴人----*/

.BottomAdsTabC {
	margin: 0 auto; /* 水平居中 */
	width:940px;	
}