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;
|
}
|
