body{ background: linear-gradient(#2d8cf0 -163%, #fff 60%,#fff) fixed !important; font-size: 3.7vw; margin: 0; padding: 0; height: 100%; } .notice-top{ display: flex; justify-content: space-between; background-color: #fff; line-height: 10vw; font-size: 3.7vw; padding-left: 4vw; padding-right: 4vw; border-bottom: 1px solid rgb(221, 219, 219); border-top: 1px solid rgb(221, 219, 219); } .notice-bottom{ margin: 2vw 3.5vw; padding: 2.7vw 4vw 2.5vw 2vw; background-color: #fff; border-top-right-radius: 2vw; border-top-left-radius: 2vw; box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); height: 7vw; line-height: 7vw; } /* .notice-bottom-top span:nth-child(1){ color: #fff; background-color: #1287ff; margin-left: -2vw; padding: 1vw; border-radius: 1vw; } */ .notice-bottom-top span:nth-child(2){ /* margin-left: 2vw; */ font-size: 1.8vh; font-weight: 600; } .notice-bottom-bottom img{ height: 3vw; } .notice-content{ margin-top: 1vw; margin-left: 9vw; } .homepage-item{ width: 85vw; margin: 2vw auto; font-size: 3.7vw; background-color: rgb(255,255,255); box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); padding: 2vw 4vw 0 4vw; } .homepage-title{ border-bottom: 1px solid rgb(221, 219, 219); padding-bottom: 2vw; } .homepage-top{ display: flex; align-items: center; } .homepage-top img{ width: 14vw; height: 14vw; margin-top: 2vw; margin-left: -1vw; } .homepage-top span:nth-child(1){ margin-left: 4vw; width: 30%; } .homepage-top span:nth-child(2){ /* margin-left: 22vw; */ /* font-size: 6.5vw; */ width: 70%; text-align: center; } .homepage-top span:nth-child(3){ margin-left: 4vw; } .homepage-top , .homepage-buttom{ margin-bottom: 1vw; } .layui-row{ margin-bottom: 2vw; } .homepage-title{ font-size: 1.8vh; } .homepage-flex{ display: flex; justify-content: space-around; } .homepage-flex1{ display: flex; justify-content: space-between; margin: 1vw 0; } /* 项目数量模块 */ .number-box-top{ width: 100%; /* height: 13.6vh; */ display: flex; justify-content: space-around; } .number-box-bottom{ width: 100%; /* height: 13.6vh; */ display: flex; justify-content: space-around; } .number{ width: 33%; padding-left: 3%; /* height: 100%; */ border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .number-1{ margin-left: 0.5vw; } .number-3{ margin-left: 2vw; } .number-1 , .number-3{ height: 4.55vh; text-align: center; align-items: center; padding-top: 1vw; /* line-height: 6.55vh; */ font-size: 3.7vw; font-weight: 550; color: grey; display: flex; } .number-2{ height: 4vh; text-align: center; /* line-height: 7.1vh; */ color: #1287ff; font-size: 2.2vh; } .number-2 span{ color: #999; font-size: 3.5vw; } .dot{ display: flex; justify-content: center; margin-left: 14%; } .dot-img{ width: 1.2vh; } /* 六个模块的样式 */ .new-item{ width: 30.35vw; height: 11vh; margin: 0.5vw; font-size: 3.7vw; background-color: rgb(255,255,255); box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); } .all-new-item{ display: flex; flex-wrap: wrap; } .first-item{ margin-left: 3.5vw; } .item-top{ width: 100%; height: 8vh; line-height: 8vh; text-align: center; } .item-top i{ padding-top: 0.5vh; } .item-bottom{ width: 100%; height: 3vh; line-height: 3vh; text-align: center; }