网页代码修改/结构调整

admin

2024-12-16 ec012b7d2b915db24cd8b23f723bf18dfe75b7d6

 kp_html/kp/css/index23-05-04.css

@@ -64,25 +64,24 @@
   font-size: 13px;
   color: #000000;
   background: #FFFFFF;
   font-family: Microsfot YaHei,微软雅黑;
   font-family: Microsfot YaHei, 微软雅黑;
}

#body{
}
#body {}

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

}

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

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

.top {
@@ -121,11 +120,11 @@
   /* border: 1px solid #191921; */
}

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

.score-data tr>td:nth-child(1){
.score-data tr>td:nth-child(1) {
   width: 80px;
   min-width: 80px;
}
@@ -216,7 +215,7 @@

.daixuan {
   width: 100%;
/*    height: 700px; */
   /*    height: 700px; */
   /* overflow-y: scroll; */
   /* ms-overflow-style: none; */
   /* overflow-y: hidden; */
@@ -226,7 +225,7 @@
   display: none;
}

.daixuan .active{
.daixuan .active {
   background: #f9dcea;
}

@@ -242,7 +241,7 @@
   background: #f9dcea;
}

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

@@ -307,10 +306,12 @@
.purple {
   color: #ff80ff;
}
.white{

.white {
   color: #fff;
}
.orange{

.orange {
   color: #FF8020;
}

@@ -426,7 +427,7 @@
   border: 1px solid #b0e8ff;
   text-align: center;
   cursor: pointer;
	

}

.button-normal:hover {
@@ -434,8 +435,8 @@
   background: #bbf1ff;
}

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

.button-blue {
@@ -463,10 +464,11 @@
   background: #164cc1;
}

.btn-invalid{
.btn-invalid {
   background: gray;
}
.btn-invalid:hover{

.btn-invalid:hover {
   background: gray;
   color: #fff;
}
@@ -509,21 +511,21 @@
}

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

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

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

}

.scroll-y {
@@ -551,26 +553,35 @@
.market-container .item {
   box-sizing: border-box;
   position: relative;
   width:100px;
   width: 100px;
   display: inline-block;
   padding:5px 5px 0px 5px;
   padding: 5px 5px 0px 5px;
   border-right: solid 1px #EEE;
   border-bottom: solid 1px #EEE;
}

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

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

.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 {
@@ -605,15 +616,16 @@

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

.budinggundong .scroll-x span:nth-child(2){
}

.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;
@@ -632,20 +644,20 @@
   border-width: 1px;
}

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

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

.plate-container{
.plate-container {
   font-size: 14px;
   display: flex;
   padding-left: 10px;
@@ -660,7 +672,7 @@
}


.budinggundong  div {
.budinggundong div {
   width: 465px;
   display: flex;
   justify-content: start;
@@ -668,9 +680,10 @@
   padding: 0 5px;
   border-right: solid 1px #EEE;
   vertical-align: top;
	

}
.budinggundong  div span{

.budinggundong div span {
   margin-top: 3px;
   margin-right: 5px;
   margin-bottom: 3px;
@@ -678,59 +691,45 @@
   max-width: 200px;
}

.xgb_info{
   max-height: 150px;
.xgb_info {
   max-height: 240px;
   padding: 5px;
   line-height: 25px;
}

.xgb_info p{
   overflow: visible;
   overflow-wrap: break-word;
   word-wrap: break-word;
   white-space: normal;
}

.xgb_limit_up{
   width: 100%;
}

.xgb_limit_up tbody>tr{
   height: 50px;
   padding: 10px 5px;


.xgb_info tr {
   height: 100px;
}

.xgb_limit_up thread>tr:first-child{
.xgb_info thead tr {
   height: 20px;
}

.xgb_limit_up tr>td:nth-child(1) div{
   width: 50px;

.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_limit_up tr>td:nth-child(2) div{
   width: 400px;
   word-break: break-all;
   overflow-wrap: break-word;

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

.xgb_limit_up tr>td:nth-child(3) div{
   width: 500px;
   display: flex !important;
	
}

.xgb_info .label-style{
   padding: 2px 5px;
   margin: 0 0 5px 5px;
}

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

.cb_list_top{
.cb_list_top {
   display: flex;
   overflow-wrap: break-word;
   word-wrap: break-word;
@@ -742,56 +741,151 @@
   color: #FE033F;
}

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

.cb_list_top button{
	
.cb_list_top button {

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

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

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

}

.cb_list table tr{
	
}
.cb_list table tr {}

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

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

.limit-up-block {
	
}
.limit-up-block {}

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

.limit-up-block td{
.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;
}