测试文件

portal/h5/nongcun/1.css

@@ -0,0 +1,71 @@
+.nongcun {
+  position: absolute;
+  top: 73px;
+  left: 20px;
+  height: 720px;
+  visibility: hidden;
+  background: #ffffff;
+  width: 83.5%;
+  padding: 10px 20px;
+}
+.nongcun h3 {
+  text-align: left;
+  padding: 10px 20px;
+  padding-left: 20px;
+  border-bottom: 1px solid #e1e1e1;
+}
+.nongcun b {
+  margin: 0 10px;
+  font-size: 18px;
+}
+.nongcun .top {
+  box-shadow: 0 0 1px 1px #e1e1e1;
+  margin-bottom: 20px;
+}
+.nongcun .top > .flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+.nongcun .top > .flex > .left {
+  width: 40%;
+  text-align: left;
+  padding-left: 20px;
+  padding-top: 10px;
+}
+.nongcun .top > .flex > .left span {
+  margin-right: 20px;
+}
+.nongcun .top > .flex > .left > div {
+  height: 250px;
+}
+.nongcun .top > .flex .echart61 {
+  width: 90%;
+  height: 250px;
+  margin: 0 auto;
+}
+.nongcun .top > .flex .echart62 {
+  width: 60%;
+  height: 250px;
+  padding-top: 10px;
+}
+.nongcun .bottom {
+  box-shadow: 0 0 1px 1px #e1e1e1;
+  padding-bottom: 20px;
+}
+.nongcun .bottom .flex {
+  display: flex;
+  justify-content: space-around;
+}
+.nongcun .bottom .flex > div {
+  width: 30%;
+}
+.nongcun .bottom .flex > div > :nth-child(1) {
+  width: 80%;
+  height: 250px;
+  margin: 0 auto;
+}
+.nongcun .bottom .flex > div > :nth-child(2) {
+  font-weight: bold;
+  text-align: center;
+}