change style

cshenfu

2023-03-28 60edbee179c2a5af004f85799544346c9bdabfd8

 read_com/css/style.css

@@ -10,6 +10,11 @@
   width: 100%;
}

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

.head{
   padding: 10px 16px;
   height: 56px;
@@ -24,24 +29,30 @@
   border: none;
   border-radius: 4px;
}
.fbox{
   left: -20px;
.xiedian{
   transform: scale(0.5,0.5);
   float: left;
   position: relative;
   left: -100px;
   top: -200px;
}
/* .fbox{
   transform:scale(0.5,0.5);
} */
.fbox,.fbox2 {
   position: relative;
   padding: 6px 16px;
   /* margin-left: 16px; */
   margin-top: 15px;
   width: 242px;
   height: 640px;
   margin: 0;
   margin-top: 200px;
   float: left;
   background: url(../images/bg.png) #fff no-repeat;
   background-size: cover;
   z-index: 0;
}
.fbox2{
    transform:scale(-1,1);
    position: absolute;
    top:56px;
    left: 700px;
}
.fbox2 .mask{
   position: absolute;
@@ -59,14 +70,6 @@
   width: 100%;
   height: 100%;
}

     
/* 
.data {
   border-radius: 20px;
   border: 1px solid #000;
   background: #fff;
} */



@@ -307,12 +310,6 @@
}


/* .foot{
   margin: 10px;
   display: flex;
   justify-content: space-around;
   width: 600px;
} */

.foot div,.region_data div{
   border: 1px solid black;
@@ -329,29 +326,28 @@
   font-size: 24px;
   height: 24px;
   margin: 33px 0px;
   background-color: #fff;
   /* background-color: #fff; */
}
.dataLeft{
.foot{
   float: left;
   position: absolute;
   top: 100px;
   left: 240px;
   top: -10px;
   left: 100px;
   display: flex;
   justify-content: space-around;
	
}
.dataRight{
.region_data{
   float: left;
   position: absolute;
   top: 100px;
   left: 980px;
   top: -10px;
   right: -180px;
   display: flex;
   justify-content: space-around;
	
}

.region_data .dataLeft{
   position: absolute;
   top: 100px;
   left: 1540px;
}
.region_data .dataRight{
   position: absolute;
   top: 100px;
   left: 1980px;
}




@@ -473,6 +469,10 @@
   background-size: cover;
}

.foot,.region_data{
   transform: scale(0.5,0.5);
}




@@ -530,32 +530,27 @@
.chart_line{
   width: 100%;
   display: flex;
   justify-content: space-evenly
}


.heatmap_box{
   width: 100%;
   height: 500px;
   min-width: 1000px;
   position: relative;
   left: -1325px;
   border: 1px solid black;
   height: 640px;
   width: 3872px;
   display: flex;
   justify-content: baseline;
   margin: 80px;
   margin-top: 80px;
   transform: scale(0.3);
}
.heatmap_box div{
   width: 500px;
   height: 500px;
   /* background-color: gray; */
   margin: 80px;
   width: 484px;
}

.left_map{
   background: url(../images/bg.png) no-repeat center;
   background-size: 50% 100%;
}

.right_map{
   background: url(../images/bg.png) no-repeat center;
   background-size: 50% 100%;
   transform:scale(-1,1);
}
.right_map_top,.right_map_middle,.right_map_buttom{
@@ -573,9 +568,12 @@
}

#chart-container,#chart-container2 {
   border: 1px solid black;
   position: relative;
   height: 1500px;
   width: 1500px;
   margin: 0 auto;
   top: -100px;
   height: 500px;
   width: 500px;
   overflow: hidden;
   margin-bottom: 500px;
   }