index.wxss

/* pages/homes/index.wxss */
.container{
    height: 100%;
}
.contianer_shop {
    width: 100%;
    height: 168rpx;
    position: relative;
    margin-top: 20rpx;
}

.images {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.shop_name {
    padding: 30rpx 0 10rpx 28rpx;
    font-size: 40rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 56rpx;
    position: absolute;
}
.shop_time {
    position: absolute;
    top: 90rpx;
    margin-left: 28rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65);
}

.tab_tll {
    padding: 0 10rpx;
    width: 100%;
    margin-top: 30rpx;
}

.tab_tll .text_tltle {
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    margin-right: 30rpx;
}

.actives {
    color: #000000;
    border-bottom: 4px solid #447BFF;
}

.defaults {
    color: rgba(0, 0, 0, 0.65);
}

.time_input {
    margin-top: 30rpx;
    width: 100%;
    height: 80rpx;
    background-color: rgba(131, 164, 255, 0.39);
    border-radius: 40rpx;
    display: flex;
    align-items: center;
    padding: 0 0 0 50rpx;
}

.card {
    width: 100%;
    margin-top: 30rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.card_passage {
    width: 48%;
    height: 148rpx;
    position: relative;
    padding: 20rpx 20rpx 0;
    font-size: 40rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
}
.cardName{
    position: absolute;
    font-size: 28rpx;
}
.cardNum{
    position: absolute;
    top: 65rpx;
}
.card>view:nth-child(n+3) {
    margin-top: 30rpx;
}
.card_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 148rpx;
}
.keliuliang {
    width: 100%;
    padding: 20rpx;
    border-radius: 20rpx;
    background-color: #fff;
    margin-top: 30rpx;
}

.keliuliang>text {
    height: 44rpx;
    line-height: 44rpx;
    display: flex;
    align-items: center;
}

.keliuliang>text::before {
    content: '';
    width: 6rpx;
    height: 30rpx;
    margin-right: 10rpx;
    background: #5889FF;
    border-radius: 3rpx;
}

.title_chart {
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);

}

.stome_time {
    margin-top: 20rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
}

.stome_time text {
    font-size: 30rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5A95EC;
}

.indexList .desc_content {
    padding: 0 !important;
    border: 2rpx solid #DCDFE6;
    border-radius: 100rpx;
}

.indexList .desc_info {
    height: 50rpx;
    margin-bottom: 10rpx;
    border-radius: 100rpx;
}

.indexList .desc_info:nth-child(4) {
    margin-right: 0 !important;
}

.indexList .desc_text {
    margin-bottom: 8px;
    font-size: 24rpx;
}

.indexList .desc_content_active {
    padding: 0 !important;
    /* border: 2rpx solid#447BFF; */
    background-color: #447BFF;

    border-radius: 100rpx;
}

.indexList .desc_text_active {
    margin-bottom: 8px;
    font-size: 25rpx;
    color: #fff;
}

.van-hairline--surround::after {
    border: none
}

.van-hairline--bottom::after,
.van-hairline--left::after,
.van-hairline--right::after,
.van-hairline--surround::after,
.van-hairline--top-bottom::after,
.van-hairline--top::after,
.van-hairline::after {
    border: none !important
}

.list {
    position: relative;
    padding-top: 20rpx;
}

.list .item {
    position: relative;
    padding: 10rpx 0;
    border-bottom: 1rpx solid #fafafa;
}

.list .item .info {
    display: flex;
    justify-content: space-between;
    font-size: 24rpx;
}

.list .item .shopName {
    color: rgba(0, 0, 0, 0.85);
}

.list .item .shopName .idx {
    margin-right: 5rpx;
}

.list .item .progress {
    padding: 10rpx 0rpx;
    display: flex;
    align-items: center;
}

.list .item .progress .bar {
    width: 100%;
    position: relative;
}

.list .item .num {
    color: #4C83FF;
    /* width:100rpx; */
    text-align: right;
    font-size: 28rpx;
    font-weight: 900;
}