caiping/public/static/mobile/css/contract.css

body {
    font-size: 3.7vw !important;
    background-color: rgb(251, 251, 251);
    margin: 0 !important;
    padding: 0 !important;
    background: linear-gradient(#2d8cf0 -163%, #fff 60%,#fff) fixed ;
}

.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 2vw;
    z-index: 1000;
}

.layui-input, .layui-select, .layui-textarea{
    height: 4.6vh !important;
}

.layui-input-wrap{
    line-height: 0 !important;
}

.contract{
    padding: 2vw 4vw;
    font-size: 3.7vw;
    margin: 4vw 3vw 0vw 3vw !important;
    border-radius: 1.5vw;
    box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%);
    background-color: #Fff;
}

.contract-top{
    margin-bottom: 1vw;
    padding: 1vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5vw solid rgb(219, 219, 221);
}

.contract-top-left{
    font-size: 4.5vw;
    display:flex;
    align-items:center;
}

.contract-top-right{
    display: flex;
    align-items: center;
    font-size: 3.5vw;
    color: #187FDD;
}

.contract-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3vw;
}

.contract-bottom-left{
    color: #187FDD;
    background-color: rgb(218, 235, 252);
    width:50vw;
    padding: 0.5vw 1vw;
    font-size: 3.7vw;   
    line-height: 5.5vw;
    border-radius: 1.5vw;
    padding: 0.5vw 0;
    text-align: center;
}