1.1

poem/css/index.css

@@ -20,7 +20,7 @@
             float: left;
             width: 17.3%;
             height: 112%;
-            background: gold;
+            /* background: gold; */
         }
         /* 这是框的样式 */
             .main_top_left_top {
@@ -74,7 +74,7 @@
                     }
                     .main_top_left_bottom_bar .bar_num {
                         color: #0EFCFF;
-                        margin-left: 3%;
+                        margin-left: %;
                         -webkit-transform-origin-x: 0;
                             transform: scale(0.7);
                             -webkit-transform: scale(0.7);
@@ -105,19 +105,41 @@
                 .main_top_left_top_title {
                     text-align: center;
                     color: #0EFCFF;
-                    font-size: .75vw;
-                    padding-top: .2vw;
+                    font-size: 55px;
+                    padding-top: 50px;
                 }
+                /* 这是第一个框的样式*/
                 .main_top_left_top_con {
                     width: 92%;
                     height: 71%;
                     margin: auto;
-                    margin-top: 3%;
+                    margin-top: 16%;
                     color: white;
                     /* margin-left: 4%; */
                     /* text-indent: .5vw; */
-                    font-size: .7vw;
+                    font-size: 55px;
+                    /* letter-spacing: .15vw; */
+                }
+                /* 这是横线图 */
+                .main_top_left_top_con_aa {
+                    width: 92%;
+                    height: 71%;
+                    margin: auto;
+                    margin-top: 16%;
+                    color: white;
+                    margin-left: -80px;
+                    /* text-indent: .5vw; */
+                    font-size: 55px;
                     /* letter-spacing: .15vw; */
+                }
+                /* 这是饼状图的样式 */
+                .main_top_left_top_con_mas{
+                    width: 80%;
+                    height: 71%;
+                    margin-right: 100px;
+                    margin-top: 25%;
+                    /* margin-left: px; */
+                    font-size: .7vw;
                 }
                     .main_top_left_top_con span {
                         display: inline-block;
@@ -135,9 +157,11 @@
                             float: left;
                             width: 48%;
                             height: 100%;
-                            text-align: center;
+                            margin-top: 10px;
+                            /* 改变字体位置 */
                             background: #FD9133;
-                            font-size: .7vw;
+                            text-align: center;
+                            font-size: 55px;
                         }
                         .main_top_left_t_c_l_right,.main_top_left_t_c_r_right {
                             background: #F6D10E;
@@ -189,6 +213,7 @@
                             margin-top: -7%;
                         }
                     .main_top_left_top_con_list {
+                        font-size: 55px;
                         float: left;
                         height: 48%;
                         width: 32%;
@@ -264,8 +289,8 @@
             .main_top_middle_num_title {
                 float: left;
                 color: #0EFCFF;
-                font-size: 1.5vw;
-                margin-left: 13%;
+                font-size: 100px;
+                margin-left: 16%;
                 line-height: 4.5vw;
                 width: 18%;
                 margin-top: .5vw;
@@ -329,9 +354,11 @@
                             font-size: .8vw;
                             color: #0EFCFF;
                         }
+                        /* 这是中间两个饼状图的样式 */
                         .main_top_echarts_pie {
                             width: 100%;
                             height: 90%;
+                            margin-left:200px ;
                         }
         .main_top_right {
             float: right;