body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid transparent; //自定义边框
	outline: none; //消除默认点击蓝色边框效果
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	max-width: 1060px;
	font-size: 13px;
	color: #000000;
	background: #FFFFFF;
	font-family: Microsfot YaHei, 微软雅黑;
}

#body {}

#body>div:nth-child(2) {
	height: 435px;

}

#body>div:nth-child(2)>div {
	height: 435px;
	max-height: 435px;
	overflow: hidden;
}

#body>div:nth-child(3) {
	/* height: 400px; */
}

.top {
	width: 100%;
	height: 40px;
	/* padding-left: 15px; */
	line-height: 40px;
	font-size: 20px;
	background: #c1c1c1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0px;
	z-index: 1000;
}

.top div{
	display: flex;
	align-items: center;
}

.table-name {
	height: 30px;
	/* width: 530px; */
	line-height: 30px;
	/* padding-left: 10px; */
	margin-top: 12px;
	font-size: 16px;
	font-weight: 400;
	color: #474747;
	background: #c1c1c1;
	/* border: 1px solid #191921; */
}

.table-name-right {
	float: left;
	height: 30px;
	width: 50%;
	line-height: 30px;
	/* margin-left: 10px; */
	/* padding-left: 10px; */
	margin-top: 12px;
	font-size: 16px;
	font-weight: 600;
	background: #200404;
	/* border: 1px solid #191921; */
}

.score-data tr>td:nth-child(3) {
	max-width: 400px;
}

.score-data tr>td:nth-child(1) {
	width: 80px;
	min-width: 80px;
}

.half-width {
	float: left;
	width: 50%;
}

.table-title {
	height: 40px;
	width: 540px;
	font-size: 16px;
	font-weight: 600;
}

table tr td {
	font-size: 14px;
	padding: 0px 8px;
}

table {
	width: 536px;
	/* background: #654666; */
	/* margin: 0 auto; */
	/* text-align: center; */
}

table caption tr td {
	height: 30px;
	/* border: 1px solid #191921; */
}

tr {
	height: 100%;
	padding: 4px 0px;
	margin: 4px 0px;
}

tr td {
	border: 1px solid #000;
	/*  #e8e8e8 */
}

table tr {
	/* background: #fff; */
}

/* table tr:nth-child(odd) {
	background: #fff;
}

table tr:nth-child(even) {
	background: #f3f3f3;
} */

/* table tr:hover {
	background: #fff7d4;
} */

.td-max {
	width: 100%;
}

.maiqian>tr {
	height: 26.3px;
}

.buding>tr {
	height: 35px;
}

.budinggundong {
	/* width: 100%; */
	/* overflow-x: scroll; */
}

.hangyegundong {
	height: 500px;
	overflow-y: scroll;
}


.inner-container {
	position: absolute;
	overflow: hidden;
}

.daixuan {
	width: 100%;
	/* 	height: 700px; */
	/* overflow-y: scroll; */
	/* ms-overflow-style: none; */
	/* overflow-y: hidden; */
}

.daixuan:-webkit-scrollbar {
	display: none;
}

.daixuan .active {
	background: #f9dcea;
}

.daixuan>table {

	float: right;
	width: 100%;
	margin-top: 16px;
	background: #ffffff;
}

.daixuan>table:hover {
	background: #f9dcea;
}

.outer-container .active {
	background: #f9dcea;
}

/* .num-style {
	min-width: 40px;
	max-width: 0px;
	padding: 0px 3px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	background: #dedede;
	border-radius: 5px;
	text-align: center;
}
 */

.label-style {
	min-width: 50px;
	max-width: 0px;
	padding: 0px 3px;
	height: 22px;
	line-height: 22px;
	/* font-size: 12px; */
	font-weight: 400;
	background: #DDD !important;
	border-radius: 5px;
	text-align: center;
	white-space: nowrap;
	width: auto;
}

.bold {
	font-size: 16px;
	font-weight: bold;
}

.bold-content {
	font-weight: bold;
}

.white {
	color: #fff;
}

.red {
	color: #FE033F;
}

.green {
	color: #00c850;
}

.yellow {
	color: #FFEC17;
}

.bule {
	color: #0084ff;
}

.purple {
	color: #ff80ff;
}

.white {
	color: #fff;
}

.orange {
	color: #FF8020;
}

.num-card-color1 {
	background: #ed96f3;
}

.num-card-color2 {
	background: #f0c76d;
}

.num-card-color3 {
	background: #86cbf5;
}

.num-card-red {
	margin-left: 2px;
	padding: 0px 2px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #d1001f;
}

.num-card-bule {
	margin-left: 2px;
	padding: 0px 2px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #2156e6;
}

.num-card-black {
	margin-left: 2px;
	padding: 0px 2px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #505050;
}

.num-card-pink {
	margin-left: 2px;
	padding: 0px 2px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #fd1ca7;
}

.red-dot {
	height: 15px;
	width: 15px;
	line-height: 12px;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	border-radius: 100px;
	color: #fff;
	background: #f10024;
}

.score-card-color {
	min-width: 40px;
	max-width: 0px;
	margin-left: 2px;
	padding: 0px 2px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 400;
	background: #9B7A15;
	border-radius: 5px;
	text-align: center;
}

.icon-null {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 4px;
	/* background: #191921; */
}

.button-normal {
	width: 120px;
	height: 40px;
	margin: 4px 2px;
	/* padding: 1px 0px; */
	border-radius: 5px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #09c4ee;
	background: #ffffff;
	border: 1px solid #b0e8ff;
	text-align: center;
	cursor: pointer;

}

.button-normal:hover {
	color: #17a7ea;
	background: #bbf1ff;
}

.color-blue {
	color: #2156e6;
}

.button-blue {
	display: block;
	/* float: left; */
	width: 106px;
	height: 28px;
	border-radius: 5px;
	line-height: 28px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #2059E5;
	text-align: center;
}

.button-blue:hover {
	background: #477cff;
	color: white;
}

.button-blue:active {

	background: #164cc1;
}

.btn-invalid {
	background: gray;
}

.btn-invalid:hover {
	background: gray;
	color: #fff;
}

/* .button-blue:visited {

	background: #00d6cf;
} */

.focus-area-title {
	background: #2c2c64;
}

.focus-area {
	background: #34347c;
}

.child-title {
	padding: 0 5px;
	display: inline-block;
	cursor: pointer;
}

.child-title-active {
	background: #f9dcea;
	font-weight: bold;
}

.market {
	position: relative;
}

.market-name {
	width: 35px;
}

.market-name span {
	display: table;
	min-height: 22px;
}

.scroll-x {
	overflow: hidden !important;
	overflow-x: auto !important;
	white-space: nowrap;
	outline: none;
}

.scroll-x .item {
	display: inline-block;
	border-right: solid 1px #EEE;
	padding: 0 10px;
}

.scroll-x .item .line {
	display: block;

}

.scroll-y {
	overflow: hidden;
	overflow-y: auto;
	white-space: nowrap;
	outline: none;
}



.market-container {
	width: 520px;
	height: 175px;
	word-wrap: break-word;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	white-space: nowrap;
	outline: none;
}

.market-container .item {
	box-sizing: border-box;
	position: relative;
	width: 100px;
	display: inline-block;
	padding: 5px 5px 0px 5px;
	border-right: solid 1px #EEE;
	border-bottom: solid 1px #EEE;
}

.market-container .item .delete {
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.market-container .item .delete img {
	height: 20px;
}

.market-container .item .add {
	position: absolute;
	right: 3px;
	bottom: 3px;
}

.market-container .item span {
	display: block;
	min-height: 22px;
}

.market-container .item .score {
	display: inline;
	font-size: 20px;
	line-height: 20px;
	color: orange;
	position: absolute;
	right: 5px;
}

.shoubanzuogundong tr {
	background: #FFF;
	height: 85px;
	cursor: pointer;
}

.shoubanzuogundong .plat-change {
	border: solid 5px #09c4ee;
}

.shoubanzuogundong .active {
	background: #f9dcea;
}

/* 板块 */
.budinggundong {
	height: 75px;
}

.budinggundong .scroll-x {
	width: 465px;
}

.budinggundong .scroll-x div {
	display: inline-block;
	padding: 0 5px;
	border-right: solid 1px #EEE;
	vertical-align: top;
}

.budinggundong .scroll-x span {
	display: block;

}

.budinggundong .scroll-x span:nth-child(1) {
	padding-bottom: 2px;
}

.budinggundong .scroll-x span:nth-child(2) {
	padding-bottom: 2px;
}

.code-table-container {
	word-wrap: break-word;
	display: flex;
	width: 520px;
	flex-wrap: wrap;
}

.code-table-container div {
	border-right-style: solid;
	border-bottom-style: solid;
	width: 167px;
	text-align: left;
	padding-left: 5px;
	border-color: #000;
	border-width: 1px;
}

.want_code_content {
	padding: 10px;
	flex-wrap: wrap;
	width: 200px;
	display: flex;
}

.want_code_content .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.plate-container {
	font-size: 14px;
	display: flex;
	padding-left: 10px;
	box-sizing: border-box;
	flex-wrap: wrap;
	z-index: 100;
}


.budinggundong {
	height: 75px;
}


.budinggundong div {
	width: 465px;
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	padding: 0 5px;
	border-right: solid 1px #EEE;
	vertical-align: top;

}

.budinggundong div span {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	width: auto;
	max-width: 200px;
}

.xgb_info {
	max-height: 240px;
	padding: 5px;
	width: 100%;
}



.xgb_info tr {
	height: 100px;
}

.xgb_info thead tr {
	height: 20px;
}


.xgb_info tr td div {
	width: 180px;
	height: 100px;
	flex-wrap: wrap;
	display: flex;
	line-height: 20px;
	align-items: flex-start;
	justify-content: start;
}


.xgb_info tr td div span {
	line-height: 20px;
	height: 20px;
}

#date {
	width: 100px;
	font-size: 14px;
}

.cb_list_top {
	display: flex;
	overflow-wrap: break-word;
	word-wrap: break-word;
	white-space: normal;
	width: 97.4%;
	flex-wrap: wrap;
	padding: 10px;
	background-color: black;
	color: #FE033F;
}

.cb_list_top>div {
	display: block;
	width: 180px;
	margin-bottom: 5px;
	cursor: pointer;
}

.cb_list_top button {

	border-radius: 5px;
	font-size: 12px;
	padding: 1px 4px;
	cursor: pointer;
}

.cb_list {
	margin: 10px 10px;
	width: 100%;
}

.cb_list table {
	border: solid 1px #EEE;

}

.cb_list table tr {}

.cb_list table tr td {
	border: none;
	padding: 2px;
}

.cb_list button {
	border-radius: 5px;
	font-size: 12px;
	padding: 1px 4px;
	cursor: pointer;
}

.limit-up-block {}

.limit-up-block th {
	border-left: solid 1px #000;
	height: 25px;
}

.limit-up-block td {
	height: 25px;
}

.market_feeling_info {}

.market_feeling_info table {
	box-sizing: border-box;
	width: 100%;
}

.market_feeling_info table tr td {
	border: none;
}

.check-want{
	height: 15px;
	width: 15px;
}
.base_line{
	border-bottom: solid black 2px;
	padding-bottom: 5px;
}

.new-blocks{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 50px;
	padding: 5px;
	border: solid black 1px;
}
#green_list_dialog {
	padding: 10px;
	width: 400px;	
}


#green_list_dialog div span{
	margin: 10px;
	line-height: 30px;
}

#want_list_dialog {
	padding: 10px;
	width: 400px;	
}


#want_list_dialog div span{
	margin: 10px;
	line-height: 30px;
}

#block_codes_dialog{
	padding: 10px;
	width: 400px;
	max-height: 400px;
	
}

#block_codes_dialog .div{
	width: 100%;
}


 #block_codes_dialog .container{
	display: flex !important;
	flex-wrap: wrap;
} 



#block_codes_dialog .container div{
	line-height: 40px;
	margin: 0 10px;
}

.l2_subscript_codes{
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.l2_subscript_codes span{
	text-align: left;
	padding: 3px 5px;
	margin-top: 5px;
	margin-right: 5px;
	max-width: 480px;
	width: 480px;
}

.l2_subscript_codes span img{
	width: 20px;
}

.want_list{
	height: 15px;
	width: 15px;
}

.forbidden_buy_plates{
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


.forbidden_buy_plates span{
	text-align: left;
	padding: 3px 5px;
	margin-top: 5px;
	margin-right: 5px;
	max-width: 120px;
	width: 120px;
}