jili2-wxapp/pages/index/index.wxss

page{
    /* background-color: #F2F8FF; */
    background-color: #fff;
    height: auto;
}
.indexbg{
    width: 100%;
    height: 601rpx;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}
.banner-box{
    width: 750rpx;
    height: 428rpx;
    border-radius: 10rpx;
    /* margin:168rpx 0rpx 0rpx 0rpx; */
}
.scroll-view{
    width: 750rpx;
    height: 428rpx;
}
.scroll-view image{
    width: 100%;
    height: 100%;
}

.orders-status-box{
    width: 718rpx;
    height: 238rpx;
    margin: 20rpx 16rpx 0rpx 16rpx;
}
.orders-status-box .left-box{
    width: 354rpx;
    height: 238rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    display: inline-block;
    float: left;
    border: 1rpx solid var(--themeColor);
}
.orders-status-box .left-box .num{
    width: 100%;
    margin-top: 83rpx;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: var(--themeColor);
    text-align: center;
}
.orders-status-box .left-box .title{
    width: 100%;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #5B5B5B;
    text-align: center;
    margin-top: 20rpx;
}

.orders-status-box .right-box{
    width: 354rpx;
    height: 238rpx;
    border-radius: 10rpx;
    display: inline-block;
    float: right;
   
}
.orders-status-box .right-box .right-top{
    width: 354rpx;
    height: 114rpx;
    line-height: 114rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #5B5B5B;
    border: 1rpx solid var(--themeColor);
}
.orders-status-box .right-box .right-top .ywc-num{
    font-weight: bold;
    color: var(--themeColor);
    margin-left: 30rpx;
    /* border: 1rpx solid var(--themeColor); */
}
.orders-status-box .right-box .right-bottom{
    width: 354rpx;
    height: 114rpx;
    line-height: 114rpx;
    background: #FFFFFF;
    border-radius: 10rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #5B5B5B;
    margin-top: 10rpx;
    border: 1rpx solid var(--themeColor);
}
.orders-status-box .right-box .right-bottom .ypj-num{
    font-weight: bold;
    color: var(--themeColor);
    margin-left: 30rpx;
}

.one-call-box{
    width: 718rpx;
    height: 130rpx;
    line-height: 130rpx;
    /* background: linear-gradient(0deg, #f99c34 0%, #f99c34 100%); */
    border: 1rpx solid var(--themeColor);
    border-radius: 10rpx;
    margin: 20rpx 16rpx 0rpx 16rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: var(--themeColor);
}
.one-call-box image{
    width: 42rpx;
    height: 42rpx;
    vertical-align: middle;
    margin-right: 20rpx;
}

.main-mode-box{
    width: 734rpx;
    height: auto;
    margin: 20rpx 0rpx 0rpx 16rpx;
    overflow: hidden;
    margin-bottom: 50rpx;
}
.main-mode-box .yhyj-box{
    width: 354rpx;
    height: 130rpx;
    line-height: 130rpx;
    background: linear-gradient(0deg, #f99c34 0%, #f99c34 100%);
    border-radius: 10rpx;
    display: inline-block;
    float: left;
    margin-right: 10rpx;
    margin-bottom: 19rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.main-mode-box .yhyj-box image{
    width: 38rpx;
    height: 42rpx;
    vertical-align: middle;
    margin-right: 20rpx;
}
.main-mode-box .ts-box{
    width: 354rpx;
    height: 130rpx;
    line-height: 130rpx;
    background: linear-gradient(0deg, #FFA921 0%, #FBCE88 100%);
    border-radius: 10rpx;
    display: inline-block;
    float: left;
    margin-right: 10rpx;
    margin-bottom: 19rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
}
.main-mode-box .ts-box image{
    width: 38rpx;
    height: 42rpx;
    vertical-align: middle;
    margin-right: 20rpx;
}
.main-mode-box .mode-box{
    width: 352rpx;
    height: 130rpx;
    line-height: 130rpx;
    border: 1rpx solid var(--themeColor);
    border-radius: 10rpx;
    display: inline-block;
    float: left;
    margin-right: 10rpx;
    margin-bottom: 19rpx;
    text-align: center;
    font-size: 34rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: var(--themeColor);
}
.main-mode-box .mode-box image{
    width: 42rpx;
    height: 42rpx;
    vertical-align: middle;
    margin-right: 20rpx;
}