tourism-wxapp/nova-tourism/pages/collect/collect-detail/index.less

/* nova-tourism/pages/collect/collect-detail/index.wxss */
.bax{
    width: 100%;
    position: relative;
    .all{
        width: 100vw;
        overflow-y: scroll;
        position: relative;
        background-color: #EEEEEE;
        .picturebox{
            width: 100%;
            height: 500rpx;
            position: relative;
            .img{
                width: 100%;
                height: 500rpx;
                image{
                    width: 100%;
                    height: 100%;
    
                }
            }
            .numberbox{
                position: absolute;
                bottom: 40rpx;
                right: 20rpx;
                border-radius: 45%;
                z-index: 10;
                color: white;
                width: 70rpx;
                height: 45rpx;
                font-size: 24rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: rgba(12, 12, 12, 0.5);
            }
    
        }
        .box{
            width: 100%;
            height: auto;
            background-color: #EEEEEE;
            position: absolute;
            top: 490rpx;
            left: 0;
            border-radius: 20rpx;
            .infobox{
                width: 100%;
                height: auto;
                padding: 40rpx;
                border-radius: 20rpx;
                background-color: white;
                .title{
                    width: 100%;
                    height: 90rpx;
                    font-size: 30rpx;
        
                }
                .lebalbox{
                    width: 100%;
                    height: 60rpx;
                    display: flex;
                    margin-top: 10rpx;
                    .lebal{
                        font-size: 30rpx;
                        border-radius: 15rpx;
                        padding-left: 20rpx;
                        padding-right: 20rpx;
                        background-color: #FBF5E1;
                        color: #F8BB7F;
                        margin-right: 20rpx;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
                .carbox{
                    width: 100%;
                    height: 60rpx;
                    margin-top: 20rpx;
                    display:flex ;
                    align-items: center;
                    image{
                        width: 48rpx;
                        height: 40rpx;
                    }
                    .car-tex{
                        font-size: 28rpx;
                        color: #F8BB7F;
                        margin-left: 10rpx;
                    }
                }
                .carbox2{
                    width: 100%;
                    margin-top: 20rpx;
                    display:flex ;
                    align-items: center;
                    border-bottom: solid 2rpx #EEEEEE;
                    padding-bottom: 20rpx;
                    image{
                        width: 45rpx;
                        height: 45rpx;
                    }
                    .car-tex{
                        font-size: 28rpx;
                        // color: #F8BB7F;
                        margin-left: 10rpx;
                    }
                }
                .carbox3{
                    width: 100%;
                    margin-top: 20rpx;
                    display:flex ;
                    
                    image{
                        width: 45rpx;
                        height: 45rpx;
                    }
                    .carbox3-tex{
                        font-size:28rpx ;
                        margin-left: 10rpx;
                        .carbox3-tex2{
                            margin-top: 10rpx;
                        }
                    }
                }
                .carbox4{
                    width: 100%;
                    margin-top: 20rpx;
                    display:flex ;
                    align-items: center;
                    image{
                        width: 45rpx;
                        height: 45rpx;
                    }
                    .car-tex{
                        font-size: 28rpx;
                        // color: #F8BB7F;
                        margin-left: 10rpx;
                    }
                }
            }
            .tipbox{
                width: 100%;
                height: auto;
                margin-top: 20rpx;
                padding-top: 20rpx;
                padding-left: 30rpx;
                padding-right: 30rpx;
                background-color: white;
                border-radius: 20rpx;
                font-size: 28rpx;
                .dinggou{
                    width: 100%;
                    font-size: 28rpx;
                    .dinggou-tex{
                        margin-left: 20rpx;
                        margin-top: 10rpx;
                    }
                }
                .picbox{
                    width: 100%;
                    margin-top: 20rpx;
                    margin-bottom: 60rpx;
                    image{
                        width: 100%;
                        height: 500rpx;
                    }
                }
            }
            .tipbox2{
                width: 100%;
                height: auto;
                margin-top: 20rpx;
                padding-top: 20rpx;
                padding-left: 30rpx;
                padding-right: 30rpx;
                background-color: white;
                border-radius: 20rpx;
                font-size: 28rpx;
                padding-bottom: 110rpx;
                .dinggou{
                    width: 100%;
                    font-size: 28rpx;
                    .dinggou-tex{
                        margin-left: 20rpx;
                        margin-top: 10rpx;
                    }
                }
                image{
                    width: 100%;
                    height: 400rpx;
                    margin-top: 20rpx;
                    margin-bottom: 20rpx;
                }
                .tip2-tex{
                    display: flex;
                    justify-content: flex-end;
                }
            }
    
        }

    }
    .paybox{
        width: 100%;
        height: 90rpx;
        padding-left: 40rpx;
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: white;
        .pay1{
            width: 30%;
            height: 100%;
            display: flex;
            align-items: center;
            image{
                width: 50rpx;
                height: 50rpx;
            }
            .pay1-tex{
                font-size: 30rpx;
                margin-left: 30rpx;
            }
        }
        .pay2{
            width: 70%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30rpx;
            color: white;
            background-color: #F89B7F;
            .pay2-tex2{
                margin-left: 10rpx;
            }
        }
    }

}