caiping/public/static/mobile/css/homepage.css

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;
    
}